@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,12 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DeleteStimulusModal = void 0;
+exports["default"] = exports.DeleteStimulusModal = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _react = require("react");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
@@ -23,102 +26,140 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _DeleteStimulusModal;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null));
-var _ref2 = (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null));
-var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DeleteStimulusModal, _Component);
-  var _super = (0, _createSuper2.default)(DeleteStimulusModal);
-  function DeleteStimulusModal() {
-    var _this;
-    (0, _classCallCheck2.default)(this, DeleteStimulusModal);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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;
     }
-    _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();
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var DeleteStimulusModal = exports.DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
+  function DeleteStimulusModal(props) {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, DeleteStimulusModal);
+    _this2 = _callSuper(this, DeleteStimulusModal, [props]);
+    /**
+     * @type {React.RefObject<RadioInput> | null}
+     */
+    (0, _defineProperty2["default"])(_this2, "radioInputRef", null);
+    (0, _defineProperty2["default"])(_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: (0, _formatMessage["default"])('Please choose a deletion mode.'),
+            type: 'newError'
+          }]
+        });
+        return;
       }
-    };
-    _this.closeAction = function () {
-      _this.props.closeModal();
-      _this.props.setUi(_quizCommon.DELETE_STIMULUS_MODAL_DELETION_MODE, null);
-      _this.props.setUi(_quizCommon.DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, _immutable.Set.of());
-    };
-    _this.setDeletionMode = function (event, value) {
-      _this.props.setUi(_quizCommon.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();
+      }
+    });
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.props.closeModal();
+      _this2.props.setUi(_quizCommon.DELETE_STIMULUS_MODAL_DELETION_MODE, null);
+      _this2.props.setUi(_quizCommon.DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, _immutable.Set.of());
+      _this2.clearValidationError();
+    });
+    (0, _defineProperty2["default"])(_this2, "clearValidationError", function () {
+      if (_this2.state.validationError) {
+        _this2.setState({
+          validationError: null
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this2, "setDeletionMode", function (event, value) {
+      _this2.clearValidationError();
+      _this2.props.setUi(_quizCommon.DELETE_STIMULUS_MODAL_DELETION_MODE, value);
+    });
+    (0, _defineProperty2["default"])(_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(_quizCommon.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(_quizCommon.DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
       };
-    };
-    _this.renderCheckboxes = function () {
-      if (_this.props.childEntries.size <= 1) {
+    });
+    (0, _defineProperty2["default"])(_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) {
           itemBody = entry.getEntry().itemBody;
         } else if (entry.quizEntry.isBank) {
-          itemBody = (0, _formatMessage.default)('Item bank: {title}', {
+          itemBody = (0, _formatMessage["default"])('Item bank: {title}', {
             title: entry.title
           });
         }
         return (0, _emotion.jsx)("div", {
           key: childEntry.id,
-          css: _this.props.styles.checkboxWrapper
+          css: _this2.props.styles.checkboxWrapper
         }, (0, _emotion.jsx)(_uiCheckbox.Checkbox, {
           checked: isChecked,
           label: (0, _quizInteractions.extractTextFromHtml)(itemBody),
-          onChange: _this.toggleChildSelected(childEntry),
+          onChange: _this2.toggleChildSelected(childEntry),
           value: "true",
           variant: "simple"
         }));
       });
       return (0, _emotion.jsx)("div", {
         key: "checkboxes",
-        css: _this.props.styles.checkboxesWrapper
-      }, _ref, checkboxes, _ref2);
+        css: _this2.props.styles.checkboxesWrapper
+      }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null)), checkboxes, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null)));
+    });
+    _this2.state = {
+      validationError: null
     };
-    return _this;
+    _this2.radioInputRef = _react["default"].createRef();
+    return _this2;
   }
-  (0, _createClass2.default)(DeleteStimulusModal, [{
+  (0, _inherits2["default"])(DeleteStimulusModal, _Component);
+  return (0, _createClass2["default"])(DeleteStimulusModal, [{
     key: "confirmRemoveData",
     value: function confirmRemoveData() {
       var numKeepers = this.props.childEntries.size - this.props.selectedChildren.size;
-      var text = (0, _formatMessage.default)('The remaining {numKeepers, plural, =1{item} other{items}} ' + 'will be cloned in order to remove the stimulus association as students ' + 'have already begun to answer {numKeepers, plural, =1{it} other{them}}.', {
+      var text = (0, _formatMessage["default"])('The remaining {numKeepers, plural, =1{item} other{items}} ' + 'will be cloned in order to remove the stimulus association as students ' + 'have already begun to answer {numKeepers, plural, =1{it} other{them}}.', {
         numKeepers: numKeepers
       });
-      var title = (0, _formatMessage.default)('Clone {numKeepers, plural, =1{Item} other{Items}}?', {
+      var title = (0, _formatMessage["default"])('Clone {numKeepers, plural, =1{Item} other{Items}}?', {
         numKeepers: numKeepers
       });
       return {
         title: title,
         text: text,
-        continueText: (0, _formatMessage.default)('Confirm'),
-        cancelText: (0, _formatMessage.default)('Cancel')
+        continueText: (0, _formatMessage["default"])('Confirm'),
+        cancelText: (0, _formatMessage["default"])('Cancel')
       };
     }
   }, {
@@ -138,13 +179,13 @@ var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
   }, {
     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((0, _partial.default)(removeStimulus, quizId, stimulusEntry, childEntriesToDelete), this.confirmRemoveData());
+        this.props.withConfirm((0, _partial["default"])(removeStimulus, quizId, stimulusEntry, childEntriesToDelete), this.confirmRemoveData());
       } else {
         this.props.removeStimulus(quizId, stimulusEntry, childEntriesToDelete);
       }
@@ -156,22 +197,17 @@ var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
         onClick: this.closeAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-keep-".concat(this.isPassage() ? 'passage' : 'stimulus', "-button")
-      }, this.isPassage() ? (0, _formatMessage.default)('Keep Passage') : (0, _formatMessage.default)('Keep Stimulus'));
+      }, this.isPassage() ? (0, _formatMessage["default"])('Keep Passage') : (0, _formatMessage["default"])('Keep Stimulus'));
     }
   }, {
     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 (0, _emotion.jsx)(_uiButtons.Button, {
-        disabled: disabled,
         color: "primary",
         onClick: this.handleSubmit,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-remove-".concat(this.isPassage() ? 'passage' : 'stimulus', "-button")
-      }, this.isPassage() ? (0, _formatMessage.default)('Remove Passage') : (0, _formatMessage.default)('Remove Stimulus'));
+      }, this.isPassage() ? (0, _formatMessage["default"])('Remove Passage') : (0, _formatMessage["default"])('Remove Stimulus'));
     }
   }, {
     key: "renderChooseWhich",
@@ -184,7 +220,7 @@ var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
         value: "chooseWhich",
         label: (0, _emotion.jsx)("div", {
           css: this.props.styles.radioSpace
-        }, (0, _formatMessage.default)('Remove stimulus and choose which questions to remove.'), this.renderCheckboxes())
+        }, (0, _formatMessage["default"])('Remove stimulus and choose which questions to remove.'), this.renderCheckboxes())
       });
     }
   }, {
@@ -194,25 +230,27 @@ var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
         name: "deletionMode",
         defaultValue: this.props.deletionMode,
         onChange: this.setDeletionMode,
-        description: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Stimulus Removal Mode'))
+        description: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Stimulus Removal Mode')),
+        messages: this.state.validationError
       }, (0, _emotion.jsx)(_uiRadioInput.RadioInput, {
+        ref: this.radioInputRef,
         key: "deleteAll",
         value: "deleteAll",
         label: (0, _emotion.jsx)("div", {
           css: this.props.styles.radioSpace
-        }, (0, _formatMessage.default)('Remove stimulus and all attached questions.'))
+        }, (0, _formatMessage["default"])('Remove stimulus and all attached questions.'))
       }), this.renderChooseWhich(), (0, _emotion.jsx)(_uiRadioInput.RadioInput, {
         key: "deleteNone",
         value: "deleteNone",
         label: (0, _emotion.jsx)("div", {
           css: this.props.styles.radioSpace
-        }, (0, _formatMessage.default)('Remove stimulus only. Questions will be released into assessment.'))
+        }, (0, _formatMessage["default"])('Remove stimulus only. Questions will be released into assessment.'))
       }));
     }
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var message = this.isPassage() ? (0, _formatMessage.default)('Are you sure you want to remove this passage?') : (0, _formatMessage.default)('Are you sure you want to remove this stimulus?');
+      var message = this.isPassage() ? (0, _formatMessage["default"])('Are you sure you want to remove this passage?') : (0, _formatMessage["default"])('Are you sure you want to remove this stimulus?');
       var content = this.props.childEntries.size === 0 ? (0, _emotion.jsx)("span", null, message) : this.renderMainMenu();
       var stimulusTitle = this.props.stimulusEntry && this.props.stimulusEntry.getEntry().title;
       return (0, _emotion.jsx)("div", {
@@ -229,38 +267,34 @@ var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
         open: this.props.modalOpen,
         onDismiss: this.closeAction,
         size: "small",
-        label: this.isPassage() ? (0, _formatMessage.default)('Confirm Passage Removal') : (0, _formatMessage.default)('Confirm Stimulus Removal')
+        label: this.isPassage() ? (0, _formatMessage["default"])('Confirm Passage Removal') : (0, _formatMessage["default"])('Confirm Stimulus Removal')
       }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "reset",
         as: "h2"
-      }, this.isPassage() ? (0, _formatMessage.default)('Confirm Passage Removal') : (0, _formatMessage.default)('Confirm Stimulus Removal')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
+      }, this.isPassage() ? (0, _formatMessage["default"])('Confirm Passage Removal') : (0, _formatMessage["default"])('Confirm Stimulus Removal')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
         onClick: this.closeAction,
         placement: "end",
         offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
+        screenReaderLabel: (0, _formatMessage["default"])('Close')
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.cancelButton(), this.doneButton()));
     }
   }]);
-  DeleteStimulusModal.displayName = "DeleteStimulusModal";
-  return DeleteStimulusModal;
-}(_react.Component), _DeleteStimulusModal.displayName = 'DeleteStimulusModal', _DeleteStimulusModal.componentId = "Quizzes".concat(_DeleteStimulusModal.displayName), _DeleteStimulusModal.propTypes = {
-  childEntries: _reactImmutableProptypes.default.list.isRequired,
-  closeModal: _propTypes.default.func.isRequired,
-  deletionMode: _propTypes.default.string,
-  modalOpen: _propTypes.default.bool.isRequired,
-  removeStimulus: _propTypes.default.func.isRequired,
-  selectedChildren: _reactImmutableProptypes.default.set,
-  setUi: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  stimulusEntry: _reactImmutableProptypes.default.record,
-  quizId: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _DeleteStimulusModal.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_DeleteStimulusModal, "displayName", 'DeleteStimulusModal'), (0, _defineProperty2["default"])(_DeleteStimulusModal, "componentId", "Quizzes".concat(_DeleteStimulusModal.displayName)), (0, _defineProperty2["default"])(_DeleteStimulusModal, "propTypes", {
+  childEntries: _reactImmutableProptypes["default"].list.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
+  deletionMode: _propTypes["default"].string,
+  modalOpen: _propTypes["default"].bool.isRequired,
+  removeStimulus: _propTypes["default"].func.isRequired,
+  selectedChildren: _reactImmutableProptypes["default"].set,
+  setUi: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  stimulusEntry: _reactImmutableProptypes["default"].record,
+  quizId: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_DeleteStimulusModal, "defaultProps", {
   selectedChildren: _immutable.Set.of(),
   deletionMode: '',
   stimulusEntry: void 0,
   quizId: void 0
-}, _DeleteStimulusModal)) || _class);
-exports.DeleteStimulusModal = DeleteStimulusModal;
-var _default = DeleteStimulusModal;
-exports.default = _default;
+}), _DeleteStimulusModal)) || _class);
+var _default = exports["default"] = DeleteStimulusModal;

package/lib/building/components/resources/DeleteStimulusModal/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     checkboxWrapper: {
@@ -24,5 +24,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/building/components/resources/DeleteStimulusModal/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography;
@@ -14,5 +14,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     radioSpaceBottomPadding: spacing.xSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,25 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ItemFeedbackModal = void 0;
+exports["default"] = exports.ItemFeedbackModal = void 0;
 var _immutable = require("immutable");
-var _reactRedux = require("../../../../common/react-redux.js");
-var _presenter = require("./presenter.js");
-var _modal = require("../../../../common/actions/modal.js");
-var _modifications = require("../../../../common/actions/modifications.js");
-var _Item = _interopRequireDefault(require("../../../../common/records/Item.js"));
-var _ui = require("../../../../common/actions/ui.js");
-var _modalHelpers = require("../../../../common/util/modalHelpers.js");
-var _index = require("../../../../common/components/ImportModal/index.js");
+var _reactRedux = require("../../../../common/react-redux");
+var _presenter = require("./presenter");
+var _modal = require("../../../../common/actions/modal");
+var _modifications = require("../../../../common/actions/modifications");
+var _Item = _interopRequireDefault(require("../../../../common/records/Item"));
+var _ui = require("../../../../common/actions/ui");
+var _modalHelpers = require("../../../../common/util/modalHelpers");
+var _ImportModal = require("../../../../common/components/ImportModal");
 var _quizCommon = require("@instructure/quiz-common");
 function mapStateToProps(state, props) {
-  var nestedModals = ['correct', 'incorrect', 'neutral'].map(_index.generateImportModalId);
+  var nestedModals = ['correct', 'incorrect', 'neutral'].map(_ImportModal.generateImportModalId);
   var openModal = state.getIn(['modal', 'isOpen']);
   var importModalOpen = nestedModals.includes(openModal);
   return {
     importModalOpen: importModalOpen,
     modalOpen: openModal === _quizCommon.ITEM_FEEDBACK_MODAL,
-    item: new _Item.default(state.getIn(['ui', _quizCommon.ITEM_FEEDBACK_MODAL_ITEM])),
+    item: new _Item["default"](state.getIn(['ui', _quizCommon.ITEM_FEEDBACK_MODAL_ITEM])),
     feedback: state.getIn(['ui', _quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK]) || (0, _immutable.Map)(),
     modalTrigger: (0, _modalHelpers.getModalTrigger)(state)
   };
@@ -32,7 +32,5 @@ var mapDispatchToProps = {
   changeItemFeedback: _modifications.changeItemFeedback,
   setUi: _ui.set
 };
-var ItemFeedbackModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.ItemFeedbackModal);
-exports.ItemFeedbackModal = ItemFeedbackModal;
-var _default = ItemFeedbackModal;
-exports.default = _default;
+var ItemFeedbackModal = exports.ItemFeedbackModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.ItemFeedbackModal);
+var _default = exports["default"] = ItemFeedbackModal;

package/lib/building/components/resources/ItemFeedbackModal/presenter.js

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ItemFeedbackModal = void 0;
+exports["default"] = exports.ItemFeedbackModal = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -18,48 +20,60 @@ var _emotion = require("@instructure/emotion");
 var _quizRce = require("@instructure/quiz-rce");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _ItemFeedbackModal;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)("br", null);
-var ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ItemFeedbackModal, _Component);
-  var _super = (0, _createSuper2.default)(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var ItemFeedbackModal = exports.ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
   function ItemFeedbackModal() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ItemFeedbackModal);
+    var _this2;
+    (0, _classCallCheck2["default"])(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(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
-    };
-    _this.onFeedbackWrapper = function (key) {
+    _this2 = _callSuper(this, ItemFeedbackModal, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "onFeedbackChange", function (key, content) {
+      var newFeedback = _this2.props.feedback.set(key, content);
+      _this2.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
+    });
+    (0, _defineProperty2["default"])(_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;
+    });
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      _this2.props.changeItemFeedback(_this2.props.item.id, _this2.props.feedback);
+      _this2.closeAction();
+    });
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.props.modalTrigger && _this2.props.modalTrigger.focus();
+      _this2.props.closeModal();
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(ItemFeedbackModal, [{
+  (0, _inherits2["default"])(ItemFeedbackModal, _Component);
+  return (0, _createClass2["default"])(ItemFeedbackModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return (0, _emotion.jsx)(_uiButtons.Button, {
         onClick: this.closeAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-item-feedback-modal-cancel-button"
-      }, (0, _formatMessage.default)('Cancel'));
+      }, (0, _formatMessage["default"])('Cancel'));
     }
   }, {
     key: "doneButton",
@@ -69,12 +83,12 @@ var ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         onClick: this.continueAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-item-feedback-modal-done-button"
-      }, (0, _formatMessage.default)('Done'));
+      }, (0, _formatMessage["default"])('Done'));
     }
   }, {
     key: "renderRichContentInput",
     value: function renderRichContentInput(key, label) {
-      return (0, _emotion.jsx)("div", null, _ref, (0, _emotion.jsx)("label", {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("br", null), (0, _emotion.jsx)("label", {
         css: this.props.styles.feedbackLabel,
         htmlFor: key
       }, label), (0, _emotion.jsx)(_quizRce.RichContentInput, {
@@ -91,7 +105,7 @@ var ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         customStyles: this.props.styles.itemStem,
         content: this.props.item.itemBody
-      }), this.renderRichContentInput('correct', (0, _formatMessage.default)('For a correct answer')), this.renderRichContentInput('incorrect', (0, _formatMessage.default)('For an incorrect answer')), this.renderRichContentInput('neutral', (0, _formatMessage.default)('Provide general feedback (regardless of answer)')));
+      }), this.renderRichContentInput('correct', (0, _formatMessage["default"])('For a correct answer')), this.renderRichContentInput('incorrect', (0, _formatMessage["default"])('For an incorrect answer')), this.renderRichContentInput('neutral', (0, _formatMessage["default"])('Provide general feedback (regardless of answer)')));
     }
   }, {
     key: "render",
@@ -100,36 +114,32 @@ var ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         open: this.props.modalOpen || this.props.importModalOpen,
         onClose: this.closeAction,
         size: "large",
-        label: (0, _formatMessage.default)('Student Feedback'),
+        label: (0, _formatMessage["default"])('Student Feedback'),
         shouldCloseOnDocumentClick: false // must be false to allow interacting with RCE modals (such as embed media)
         ,
         shouldReturnFocus: false
       }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "reset",
         as: "h2"
-      }, (0, _formatMessage.default)('Student Feedback')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
+      }, (0, _formatMessage["default"])('Student Feedback')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
         onClick: this.closeAction,
         placement: "end",
         offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
+        screenReaderLabel: (0, _formatMessage["default"])('Close')
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.cancelButton(), this.doneButton())));
     }
   }]);
-  ItemFeedbackModal.displayName = "ItemFeedbackModal";
-  return ItemFeedbackModal;
-}(_react.Component), _ItemFeedbackModal.displayName = 'ItemFeedbackModal', _ItemFeedbackModal.componentId = "Quizzes".concat(_ItemFeedbackModal.displayName), _ItemFeedbackModal.propTypes = {
-  changeItemFeedback: _propTypes.default.func.isRequired,
-  closeModal: _propTypes.default.func.isRequired,
-  feedback: _reactImmutableProptypes.default.map.isRequired,
-  importModalOpen: _propTypes.default.bool.isRequired,
-  item: _reactImmutableProptypes.default.record.isRequired,
-  modalOpen: _propTypes.default.bool.isRequired,
-  setUi: _propTypes.default.func.isRequired,
-  modalTrigger: _propTypes.default.instanceOf(_react.Component),
-  styles: _propTypes.default.object
-}, _ItemFeedbackModal.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_ItemFeedbackModal, "displayName", 'ItemFeedbackModal'), (0, _defineProperty2["default"])(_ItemFeedbackModal, "componentId", "Quizzes".concat(_ItemFeedbackModal.displayName)), (0, _defineProperty2["default"])(_ItemFeedbackModal, "propTypes", {
+  changeItemFeedback: _propTypes["default"].func.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
+  feedback: _reactImmutableProptypes["default"].map.isRequired,
+  importModalOpen: _propTypes["default"].bool.isRequired,
+  item: _reactImmutableProptypes["default"].record.isRequired,
+  modalOpen: _propTypes["default"].bool.isRequired,
+  setUi: _propTypes["default"].func.isRequired,
+  modalTrigger: _propTypes["default"].instanceOf(_react.Component),
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_ItemFeedbackModal, "defaultProps", {
   modalTrigger: null
-}, _ItemFeedbackModal)) || _class);
-exports.ItemFeedbackModal = ItemFeedbackModal;
-var _default = ItemFeedbackModal;
-exports.default = _default;
+}), _ItemFeedbackModal)) || _class);
+var _default = exports["default"] = ItemFeedbackModal;