@instructure/quiz-core 17.19.2 → 17.19.3-rc.0

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

@@ -0,0 +1,233 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BanksTray = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiOverlays = require("@instructure/ui-overlays");
+
+var _uiTray = require("@instructure/ui-tray");
+
+var _uiPortal = require("@instructure/ui-portal");
+
+var _uiDialog = require("@instructure/ui-dialog");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiAlerts = require("@instructure/ui-alerts");
+
+var _uiText = require("@instructure/ui-text");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index = _interopRequireDefault(require("../../../../banks/components/Banks/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../banks/components/BankEntry/index.js"));
+
+var _index3 = _interopRequireDefault(require("../../../../banks/components/Bank/index.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _ref = /*#__PURE__*/_react.default.createElement("br", null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement("br", null);
+
+var BanksTray = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BanksTray, _Component);
+
+  var _super = (0, _createSuper2.default)(BanksTray);
+
+  function BanksTray() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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();
+      }
+
+      _this.props.setUI(_quizCommon.BUILD_TRAY_OPEN, false);
+
+      _this.props.setUI(_quizCommon.BUILD_TRAY_POSITION, null);
+
+      _this.props.setUI(_quizCommon.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(_quizCommon.TRAY_ALERT_OPEN, false);
+
+      _this.clearActiveBank();
+
+      _this.props.clear(_quizCommon.BANKS_BANK_PAGINATION);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(BanksTray, [{
+    key: "renderTrayContent",
+    value: function renderTrayContent() {
+      var _this$props = this.props,
+          activeBankEntryId = _this$props.activeBankEntryId,
+          activeBankId = _this$props.activeBankId;
+
+      if (activeBankId) {
+        if (activeBankEntryId) {
+          return /*#__PURE__*/_react.default.createElement(_index2.default, {
+            isCompact: true,
+            closeTray: this.closeTray,
+            bankId: activeBankId,
+            bankEntryId: activeBankEntryId,
+            navigateToBanks: this.clearActiveBank,
+            navigateToBank: this.navigateToBank
+          });
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_index3.default, {
+            isCompact: true,
+            closeTray: this.closeTray,
+            bankId: activeBankId,
+            navigateToBanks: this.clearActiveBank,
+            navigateToBankEntry: this.props.newActiveBankEntry
+          });
+        }
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          isCompact: true,
+          closeTray: this.closeTray,
+          currentUser: this.props.currentUser,
+          navigateToBank: this.props.newActiveBank,
+          getCourseInfo: this.props.getCourseInfo,
+          getUserInfo: this.props.getUserInfo,
+          getShareableCourses: this.props.getShareableCourses,
+          getShareableUsers: this.props.getShareableUsers,
+          minChars: this.props.minChars,
+          onShare: this.props.onShare
+        });
+      }
+    }
+  }, {
+    key: "renderTrayAlert",
+    value: function renderTrayAlert() {
+      var alertTitle = (0, _formatMessage.default)('Resource no longer available.');
+      var alertBody = (0, _formatMessage.default)('This item or your permissions to it may have been removed by another user.');
+      return /*#__PURE__*/_react.default.createElement(_uiPortal.Portal, {
+        open: this.props.trayAlertOpen
+      }, /*#__PURE__*/_react.default.createElement(_uiOverlays.Mask, {
+        fullscreen: true,
+        placement: "top"
+      }, /*#__PURE__*/_react.default.createElement(_uiDialog.Dialog, {
+        open: this.props.trayAlertOpen,
+        shouldReturnFocus: true,
+        shouldContainFocus: true,
+        onDismiss: this.handleCloseAlert,
+        label: "".concat(alertTitle, " ").concat(alertBody) // eslint-disable-line react/jsx-no-literals
+
+      }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+        variant: "error",
+        margin: "small 0"
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        weight: "bold"
+      }, alertTitle), _ref, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "primary"
+      }, alertBody), _ref2, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        margin: "small 0 0 0",
+        variant: "primary",
+        size: "small",
+        onClick: this.handleCloseAlert
+      }, (0, _formatMessage.default)('Ok'))))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiTray.Tray, {
+        label: (0, _formatMessage.default)('Browse item banks'),
+        liveRegion: _quizCommon.liveRegion,
+        open: this.props.trayOpen,
+        placement: "end",
+        size: "medium",
+        shouldContainFocus: true,
+        "data-automation": "sdk-banks-tray"
+      }, this.renderTrayContent()), this.renderTrayAlert());
+    }
+  }]);
+  BanksTray.displayName = "BanksTray";
+  return BanksTray;
+}(_react.Component);
+
+exports.BanksTray = BanksTray;
+BanksTray.propTypes = {
+  activeBankId: _propTypes.default.string,
+  activeBankEntryId: _propTypes.default.string,
+  clear: _propTypes.default.func.isRequired,
+  currentUser: _propTypes.default.shape({
+    email: _propTypes.default.string,
+    enrollment_names: _propTypes.default.arrayOf(_propTypes.default.string),
+    full_name: _propTypes.default.string,
+    uuid: _propTypes.default.string,
+    account_name: _propTypes.default.string
+  }),
+  getCourseInfo: _propTypes.default.func,
+  getUserInfo: _propTypes.default.func,
+  getShareableCourses: _propTypes.default.func,
+  getShareableUsers: _propTypes.default.func,
+  minChars: _propTypes.default.number,
+  newActiveBank: _propTypes.default.func.isRequired,
+  newActiveBankEntry: _propTypes.default.func.isRequired,
+  onShare: _propTypes.default.func,
+  setUI: _propTypes.default.func.isRequired,
+  trayAlertOpen: _propTypes.default.bool.isRequired,
+  trayOpen: _propTypes.default.bool.isRequired,
+  trayTrigger: _propTypes.default.shape({
+    focus: _propTypes.default.func
+  })
+};
+BanksTray.defaultProps = {
+  activeBankId: null,
+  activeBankEntryId: null,
+  currentUser: null,
+  getShareableCourses: null,
+  getShareableUsers: null,
+  minChars: void 0,
+  getCourseInfo: null,
+  getUserInfo: null,
+  onShare: function onShare() {},
+  trayTrigger: null
+};
+var _default = BanksTray;
+exports.default = _default;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DeleteStimulusModal = void 0;
+
+var _redux = require("redux");
+
+var _immutable = require("immutable");
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _modal = require("../../../../common/actions/modal.js");
+
+var _ui = require("../../../../common/actions/ui.js");
+
+var _quizEntries = require("../../../api/quizEntries.js");
+
+var _presenter = require("./presenter.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function mapStateToProps(state, props) {
+  var _state$getIn$toObject = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_DATA], (0, _immutable.Map)()).toObject(),
+      stimulusEntry = _state$getIn$toObject.stimulusEntry,
+      childEntries = _state$getIn$toObject.childEntries,
+      quizId = _state$getIn$toObject.quizId;
+
+  var selectedChildren = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_MODAL_SELECTED_CHILDREN]);
+  var deletionMode = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_MODAL_DELETION_MODE]);
+  return {
+    modalOpen: state.getIn(['modal', 'isOpen']) === _quizCommon.DELETE_STIMULUS_MODAL,
+    stimulusEntry: stimulusEntry,
+    selectedChildren: selectedChildren,
+    deletionMode: deletionMode,
+    quizId: quizId,
+    childEntries: childEntries || (0, _immutable.List)()
+  };
+}
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    closeModal: (0, _redux.bindActionCreators)(_modal.closeModal, dispatch),
+    removeStimulus: (0, _redux.bindActionCreators)(_quizEntries.removeStimulusQuizEntry, dispatch),
+    setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch),
+    withConfirm: (0, _redux.bindActionCreators)(_modal.withConfirm, dispatch)
+  };
+};
+
+var DeleteStimulusModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.DeleteStimulusModal);
+exports.DeleteStimulusModal = DeleteStimulusModal;
+var _default = DeleteStimulusModal;
+exports.default = _default;

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

@@ -0,0 +1,316 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DeleteStimulusModal = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _immutable = require("immutable");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiCheckbox = require("@instructure/ui-checkbox");
+
+var _uiRadioInput = require("@instructure/ui-radio-input");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'cbBqk',
+  template: function template(theme) {
+    return "\n\n.cbBqk_UaUO{padding:".concat(theme.checkboxWrapperPadding || 'inherit', " 0}\n\n.cbBqk_eoFP{margin-left:auto;width:95%}\n\n.cbBqk_fJZN{font-size:").concat(theme.stimulusTitleFontSize || 'inherit', ";padding-bottom:").concat(theme.stimulusTitleBottomPadding || 'inherit', "}\n\n.cbBqk_fuUc{padding-bottom:").concat(theme.radioSpaceBottomPadding || 'inherit', "}");
+  },
+  'checkboxWrapper': 'cbBqk_UaUO',
+  'checkboxesWrapper': 'cbBqk_eoFP',
+  'stimulusTitle': 'cbBqk_fJZN',
+  'radioSpace': 'cbBqk_fuUc'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement("hr", null));
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement("hr", null));
+
+var DeleteStimulusModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__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];
+    }
+
+    _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();
+      }
+    };
+
+    _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) {
+      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);
+      };
+    };
+
+    _this.renderCheckboxes = function () {
+      if (_this.props.childEntries.size <= 1) {
+        return;
+      }
+
+      if (_this.props.deletionMode !== 'chooseWhich') {
+        return;
+      }
+
+      var checkboxes = _this.props.childEntries.toArray().map(function (childEntry) {
+        var isChecked = _this.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}', {
+            title: entry.title
+          });
+        }
+
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: childEntry.id,
+          className: styles.checkboxWrapper
+        }, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+          checked: isChecked,
+          label: (0, _quizInteractions.extractTextFromHtml)(itemBody),
+          onChange: _this.toggleChildSelected(childEntry),
+          value: "true",
+          variant: "simple"
+        }));
+      });
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: "checkboxes",
+        className: styles.checkboxesWrapper
+      }, _ref, checkboxes, _ref2);
+    };
+
+    return _this;
+  }
+
+  (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}}.', {
+        numKeepers: numKeepers
+      });
+      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')
+      };
+    }
+  }, {
+    key: "anyImmutableKeepers",
+    value: function anyImmutableKeepers() {
+      var keepers = (0, _immutable.Set)(this.props.childEntries).subtract(this.props.selectedChildren);
+      return keepers.some(function (keeper) {
+        return keeper.isImmutable();
+      });
+    }
+  }, {
+    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;
+
+      if (this.anyImmutableKeepers()) {
+        this.props.withConfirm((0, _partial.default)(removeStimulus, quizId, stimulusEntry, childEntriesToDelete), this.confirmRemoveData());
+      } else {
+        this.props.removeStimulus(quizId, stimulusEntry, childEntriesToDelete);
+      }
+    }
+  }, {
+    key: "cancelButton",
+    value: function cancelButton() {
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: this.closeAction,
+        margin: _quizCommon.XSMALL_SIDE_MARGIN
+      }, (0, _formatMessage.default)('Cancel'));
+    }
+  }, {
+    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 /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        disabled: disabled,
+        variant: "primary",
+        onClick: this.handleSubmit,
+        margin: _quizCommon.XSMALL_SIDE_MARGIN,
+        "data-automation": "sdk-stimulus-doneButton"
+      }, (0, _formatMessage.default)('Submit'));
+    }
+  }, {
+    key: "renderChooseWhich",
+    value: function renderChooseWhich() {
+      if (this.props.childEntries.size <= 1) {
+        return;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        key: "chooseWhich",
+        value: "chooseWhich",
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.radioSpace
+        }, (0, _formatMessage.default)('Remove stimulus and choose which questions to remove.'), this.renderCheckboxes())
+      });
+    }
+  }, {
+    key: "renderMainMenu",
+    value: function renderMainMenu() {
+      return /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInputGroup, {
+        name: "deletionMode",
+        defaultValue: this.props.deletionMode,
+        onChange: this.setDeletionMode,
+        description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Stimulus Removal Mode'))
+      }, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        key: "deleteAll",
+        value: "deleteAll",
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.radioSpace
+        }, (0, _formatMessage.default)('Remove stimulus and all attached questions.'))
+      }), this.renderChooseWhich(), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        key: "deleteNone",
+        value: "deleteNone",
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.radioSpace
+        }, (0, _formatMessage.default)('Remove stimulus only. Questions will be released into assessment.'))
+      }));
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var content = this.props.childEntries.size === 0 ? /*#__PURE__*/_react.default.createElement("span", null, (0, _formatMessage.default)('Are you sure you want to remove this stimulus?')) : this.renderMainMenu();
+      var stimulusTitle = this.props.stimulusEntry && this.props.stimulusEntry.getEntry().title;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.deleteStimulusModal
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusTitle
+      }, stimulusTitle), content);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+        open: this.props.modalOpen,
+        onDismiss: this.closeAction,
+        size: "small",
+        label: (0, _formatMessage.default)('Confirm Stimulus Removal')
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "reset",
+        as: "h2"
+      }, (0, _formatMessage.default)('Confirm Stimulus Removal')), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
+        onClick: this.closeAction,
+        placement: "end",
+        offset: "medium",
+        screenReaderLabel: (0, _formatMessage.default)('Close')
+      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton(), this.doneButton()));
+    }
+  }]);
+  DeleteStimulusModal.displayName = "DeleteStimulusModal";
+  return DeleteStimulusModal;
+}(_react.Component), _class2.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
+}, _class2.defaultProps = {
+  selectedChildren: _immutable.Set.of(),
+  deletionMode: '',
+  stimulusEntry: void 0,
+  quizId: void 0
+}, _temp)) || _class);
+exports.DeleteStimulusModal = DeleteStimulusModal;
+var _default = DeleteStimulusModal;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      typography = _ref.typography;
+  return {
+    checkboxWrapperPadding: spacing.xSmall,
+    stimulusTitleBottomPadding: spacing.medium,
+    stimulusTitleFontSize: typography.fontSizeLarge,
+    radioSpaceBottomPadding: spacing.xSmall
+  };
+}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _quizCommon = require("@instructure/quiz-common");
+
+function mapStateToProps(state, props) {
+  var nestedModals = ['correct', 'incorrect', 'neutral'].map(_index.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])),
+    feedback: state.getIn(['ui', _quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK]) || (0, _immutable.Map)(),
+    modalTrigger: (0, _modalHelpers.getModalTrigger)(state)
+  };
+}
+
+var mapDispatchToProps = {
+  closeModal: _modal.closeModal,
+  changeItemFeedback: _modifications.changeItemFeedback,
+  openModal: _modal.openModal,
+  setUi: _ui.set
+};
+var ItemFeedbackModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.ItemFeedbackModal);
+exports.ItemFeedbackModal = ItemFeedbackModal;
+var _default = ItemFeedbackModal;
+exports.default = _default;