@instructure/quiz-core 17.19.2-rc.5 → 17.19.3-rc.2

package/lib/banks/api/tagAssociations.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deleteTagAssociations = exports.createTagAssociations = exports.getTagSuggestions = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
+
+var _helpers = require("../../common/api/helpers.js");
+
+var _tagAssociations = require("../../common/actions/tagAssociations.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var getTagSuggestions = function getTagSuggestions(entryType, entryId, text) {
+  return function (dispatch, getState) {
+    var url = '/api/tags';
+    var urlParams = {
+      filter: text
+    };
+    var fetcher = new _Fetcher.default({
+      callType: _quizCommon.GET_TAG_SUGGESTIONS,
+      onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to search tags.'))
+    });
+    return fetcher.get(url, urlParams).then(function (tags) {
+      return dispatch((0, _tagAssociations.setTagSuggestions)(entryType, entryId, tags, text));
+    });
+  };
+};
+
+exports.getTagSuggestions = getTagSuggestions;
+
+var createTagAssociation = function createTagAssociation(dispatch, bankEntryId, entityType, entityId, tagValue) {
+  var url = "/api/bank_entries/".concat(bankEntryId, "/tag_associations");
+  var fetcher = new _Fetcher.default({
+    callType: _quizCommon.CREATE_TAG_ASSOCIATION,
+    onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to create tag.'))
+  });
+  return fetcher.post(url, {
+    body: JSON.stringify({
+      tag_value: tagValue
+    })
+  }).then(function (tagAssociation) {
+    return dispatch((0, _tagAssociations.addTagAssociation)(entityType, entityId, tagAssociation));
+  });
+};
+
+var createTagAssociations = function createTagAssociations(bankEntryId, entityType, entityId, tagValues) {
+  return function (dispatch, getState) {
+    return Promise.all(tagValues.map( /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(tagValue) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return createTagAssociation(dispatch, bankEntryId, entityType, entityId, tagValue);
+
+              case 2:
+                return _context.abrupt("return", dispatch((0, _tagAssociations.removePendingAdditionTagAssociation)(entityType, entityId, tagValue)));
+
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()));
+  };
+};
+
+exports.createTagAssociations = createTagAssociations;
+
+var deleteTagAssociation = function deleteTagAssociation(dispatch, bankEntryId, entityType, entityId, tagAssociationId) {
+  var url = "/api/bank_entries/".concat(bankEntryId, "/tag_associations/").concat(tagAssociationId);
+  var fetcher = new _Fetcher.default({
+    callType: _quizCommon.DELETE_TAG_ASSOCIATION,
+    onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to delete tag.'))
+  });
+  return fetcher.delete(url).then(function (response) {
+    return dispatch([(0, _tagAssociations.removeTagAssociation)(entityType, entityId, tagAssociationId)]);
+  });
+};
+
+var deleteTagAssociations = function deleteTagAssociations(bankEntryId, entityType, entityId, tagAssociationIds) {
+  return function (dispatch, getState) {
+    return Promise.all(tagAssociationIds.map( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(tagAssociationId) {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return deleteTagAssociation(dispatch, bankEntryId, entityType, entityId, tagAssociationId);
+
+              case 2:
+                return _context2.abrupt("return", dispatch((0, _tagAssociations.removePendingDeletionTagAssociation)(entityType, entityId, tagAssociationId)));
+
+              case 3:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }()));
+  };
+};
+
+exports.deleteTagAssociations = deleteTagAssociations;

package/lib/banks/components/AddBankEntryModal/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AddBankEntryModal = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _presenter = require("./presenter.js");
+
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
+
+var _modifications = require("../../../common/actions/modifications.js");
+
+var _interactionTypes = require("../../../common/api/interactionTypes.js");
+
+var _modalHelpers = require("../../../common/util/modalHelpers.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _interactionTypes2 = require("../../../common/selectors/interactionTypes.js");
+
+function mapStateToProps(state, props) {
+  return {
+    modalOpen: state.getIn(['modal', 'isOpen']) === _quizCommon.ADD_BANK_ENTRY_MODAL,
+    modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
+    interactionTypes: (0, _interactionTypes2.getInteractionTypes)(state)
+  };
+}
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    closeModal: (0, _redux.bindActionCreators)(modalActions.closeModal, dispatch),
+    createBankItem: (0, _redux.bindActionCreators)(_modifications.createBankItem, dispatch),
+    getInteractionTypes: (0, _redux.bindActionCreators)(_interactionTypes.interactionTypeFetch, dispatch)
+  };
+};
+
+var AddBankEntryModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.AddBankEntryModal);
+exports.AddBankEntryModal = AddBankEntryModal;
+var _default = AddBankEntryModal;
+exports.default = _default;

package/lib/banks/components/AddBankEntryModal/presenter.js

@@ -0,0 +1,156 @@
+"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.AddBankEntryModal = 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 platform = _interopRequireWildcard(require("platform"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _first = _interopRequireDefault(require("lodash/first"));
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes/index.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var AddBankEntryModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddBankEntryModal, _Component);
+
+  var _super = (0, _createSuper2.default)(AddBankEntryModal);
+
+  function AddBankEntryModal() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AddBankEntryModal);
+
+    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.addItem = function (interactionTypeData) {
+      var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
+      var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
+      var itemProps = {
+        id: interactionTypeData.id,
+        interactionData: defaultInteractionData,
+        itemBody: interactionTypeData.itemBody,
+        properties: interactionTypeData.defaultProperties,
+        scoringAlgorithm: (0, _first.default)(interactionTypeData.scoringAlgorithmOptions),
+        scoringData: scoringData,
+        userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
+      };
+
+      _this.props.createBankItem(_this.props.bankId, 'Item', itemProps);
+
+      _this.closeAction();
+
+      _this.props.navigateToBankEntry('new', _this.props.bankId);
+    };
+
+    _this.addStimulus = function () {
+      _this.props.createBankItem(_this.props.bankId, 'Stimulus');
+
+      _this.closeAction();
+
+      _this.props.navigateToBankEntry('new', _this.props.bankId);
+    };
+
+    _this.closeAction = function () {
+      if (_this.props.modalTrigger) {
+        _this.props.modalTrigger.focus();
+      }
+
+      _this.props.closeModal();
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AddBankEntryModal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.getInteractionTypes();
+    }
+  }, {
+    key: "cancelButton",
+    value: function cancelButton() {
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: this.closeAction,
+        margin: _quizCommon.XSMALL_SIDE_MARGIN
+      }, (0, _formatMessage.default)('Close'));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // For some reason, there's obscure behavior on IE11 that makes Modal size='auto'
+      // behave poorly with instui Grid; see https://instructure.atlassian.net/browse/QUIZ-4100.
+      // This is just a simple workaround.
+      var size = platform.name === 'IE' && platform.version === '11.0' ? 'medium' : 'auto';
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+        open: this.props.modalOpen,
+        onDismiss: this.closeAction,
+        size: size,
+        label: (0, _formatMessage.default)('New Item')
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "reset",
+        as: "h2"
+      }, (0, _formatMessage.default)('New Item')), /*#__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, /*#__PURE__*/_react.default.createElement(_index.default, {
+        columns: 3,
+        addItem: this.addItem,
+        addStimulus: this.addStimulus,
+        allowStimulusCreation: true,
+        types: this.props.interactionTypes
+      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton()));
+    }
+  }]);
+  AddBankEntryModal.displayName = "AddBankEntryModal";
+  return AddBankEntryModal;
+}(_react.Component);
+
+exports.AddBankEntryModal = AddBankEntryModal;
+AddBankEntryModal.propTypes = {
+  modalOpen: _propTypes.default.bool.isRequired,
+  closeModal: _propTypes.default.func.isRequired,
+  modalTrigger: _propTypes.default.instanceOf(_react.Component),
+  createBankItem: _propTypes.default.func.isRequired,
+  navigateToBankEntry: _propTypes.default.func.isRequired,
+  bankId: _propTypes.default.string.isRequired,
+  getInteractionTypes: _propTypes.default.func.isRequired,
+  interactionTypes: _reactImmutableProptypes.default.list.isRequired
+};
+AddBankEntryModal.defaultProps = {
+  modalTrigger: null
+};
+var _default = AddBankEntryModal;
+exports.default = _default;

package/lib/banks/components/AddToBankModal/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = void 0;
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _banks = require("../../api/banks.js");
+
+var _bankEntries = require("../../api/bankEntries.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
+
+var _banks2 = require("../../../common/actions/banks.js");
+
+var uiActions = _interopRequireWildcard(require("../../../common/actions/ui.js"));
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _modalHelpers = require("../../../common/util/modalHelpers.js");
+
+function mapStateToProps(state, props) {
+  var selectedBankOption = state.getIn(['ui', _quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION]);
+  var selectedBank = selectedBankOption && new _Bank.default(state.getIn(['banks', selectedBankOption]));
+  return {
+    selectedBank: selectedBank,
+    modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
+    modalOpen: state.getIn(['modal', 'isOpen']) === [_quizCommon.ADD_TO_BANK_MODAL, props.entryType, props.entryId].join(':')
+  };
+}
+
+var mapDispatchToProps = {
+  closeModal: modalActions.closeModal,
+  createBank: _banks.createBank,
+  createBankEntry: _bankEntries.createBankEntry,
+  disassociateBankEntry: _banks2.disassociateEntry,
+  uiSet: uiActions.set
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;

package/lib/banks/components/AddToBankModal/presenter.js

@@ -0,0 +1,238 @@
+"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.AddToBankModal = 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 _uiButtons = require("@instructure/ui-buttons");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiTextInput = require("@instructure/ui-text-input");
+
+var _uiRadioInput = require("@instructure/ui-radio-input");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _ref = /*#__PURE__*/_react.default.createElement("br", null);
+
+var AddToBankModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddToBankModal, _Component);
+
+  var _super = (0, _createSuper2.default)(AddToBankModal);
+
+  function AddToBankModal() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AddToBankModal);
+
+    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.state = {
+      bankType: 'existing',
+      newBankTitle: ''
+    };
+
+    _this.addToBank = function (bankId) {
+      _this.props.getEntry().then(function (entry) {
+        return _this.props.createBankEntry(bankId, _this.props.entryType, entry.id);
+      }).then(_this.props.onAdd).catch(function (e) {
+        if (e.validationErrorsFromApi) {
+          // Close the modal so the user can view the input validation errors and correct them
+          _this.closeAction();
+
+          _this.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
+
+          return;
+        } // Some other type of error occurred
+
+
+        throw e;
+      });
+    };
+
+    _this.continueAction = function () {
+      _this.props.closeModal();
+
+      _this.props.onContinue();
+
+      if (_this.state.bankType === 'new') {
+        var newBank = _Bank.default.create({
+          title: _this.state.newBankTitle,
+          language: _this.context.locale
+        });
+
+        _this.props.createBank(newBank).then(function (bankData) {
+          _this.addToBank(bankData.id);
+        });
+      } else {
+        _this.addToBank(_this.props.selectedBank.id);
+      }
+    };
+
+    _this.closeAction = function () {
+      _this.props.closeModal();
+    };
+
+    _this.onBankSelection = function (e, option) {
+      _this.props.uiSet(_quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
+    };
+
+    _this.handleRadioChange = function (event, value) {
+      _this.setState({
+        bankType: value
+      });
+    };
+
+    _this.onTitleChange = function (e) {
+      _this.setState({
+        newBankTitle: e.target.value
+      });
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AddToBankModal, [{
+    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: "addToBankButton",
+    value: function addToBankButton() {
+      var _this$state = this.state,
+          bankType = _this$state.bankType,
+          newBankTitle = _this$state.newBankTitle;
+      var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        type: "button",
+        variant: "primary",
+        onClick: this.continueAction,
+        disabled: disabled,
+        margin: _quizCommon.XSMALL_SIDE_MARGIN,
+        "data-automation": "sdk-add-to-bank-button"
+      }, (0, _formatMessage.default)('Add'));
+    }
+  }, {
+    key: "renderBankTypeContent",
+    value: function renderBankTypeContent() {
+      if (this.state.bankType === 'existing') {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          onBankSelection: this.onBankSelection,
+          selectedBank: this.props.selectedBank,
+          "data-automation": "sdk-bank-selection"
+        });
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
+        onChange: this.onTitleChange,
+        value: this.state.newBankTitle,
+        renderLabel: (0, _formatMessage.default)('New Bank Title'),
+        type: "text"
+      });
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInputGroup, {
+        onChange: this.handleRadioChange,
+        name: (0, _formatMessage.default)('Bank Type'),
+        defaultValue: this.state.bankType,
+        description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank Type'))
+      }, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        value: "existing",
+        label: (0, _formatMessage.default)('Existing item bank')
+      }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
+        value: "new",
+        label: (0, _formatMessage.default)('New item bank')
+      })), _ref, this.renderBankTypeContent());
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+        open: this.props.modalOpen,
+        onDismiss: this.closeAction,
+        size: "small",
+        label: this.props.label,
+        "data-automation": "sdk-add-to-bank-modal"
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "reset",
+        as: "h2"
+      }, this.props.label), /*#__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.addToBankButton()));
+    }
+  }]);
+  AddToBankModal.displayName = "AddToBankModal";
+  return AddToBankModal;
+}(_react.Component);
+
+exports.AddToBankModal = AddToBankModal;
+AddToBankModal.propTypes = {
+  closeModal: _propTypes.default.func.isRequired,
+  createBank: _propTypes.default.func.isRequired,
+  createBankEntry: _propTypes.default.func.isRequired,
+  // Create the bank entry's entry, or clone it if it already exists. Should
+  // always be provided when a source is provided.
+  // eslint-disable-next-line react/no-unused-prop-types
+  entryId: _propTypes.default.string.isRequired,
+  // Only present for use in modalOpen key
+  entryType: _propTypes.default.string.isRequired,
+  // Resolve to the bank entry's entry, or create it if it does not yet exist.
+  getEntry: _propTypes.default.func.isRequired,
+  label: _propTypes.default.string.isRequired,
+  modalOpen: _propTypes.default.bool.isRequired,
+  onAdd: _propTypes.default.func,
+  onContinue: _propTypes.default.func,
+  selectedBank: _reactImmutableProptypes.default.record,
+  uiSet: _propTypes.default.func.isRequired,
+  handleValidationErrorsFromApi: _propTypes.default.func.isRequired
+};
+AddToBankModal.defaultProps = {
+  onAdd: function onAdd() {},
+  onContinue: function onContinue() {},
+  selectedBank: null
+};
+AddToBankModal.contextTypes = {
+  locale: _propTypes.default.string
+};
+var _default = AddToBankModal;
+exports.default = _default;

package/lib/banks/components/Bank/index.js

@@ -0,0 +1,60 @@
+"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.Bank = void 0;
+
+var immutable = _interopRequireWildcard(require("immutable"));
+
+var _presenter = require("./presenter.js");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _banks = require("../../../banks/api/banks.js");
+
+var _bankEntries = require("../../../banks/api/bankEntries.js");
+
+var _quizEntries = require("../../../building/api/quizEntries.js");
+
+var _modal = require("../../../common/actions/modal.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _alerts = require("../../../common/actions/alerts.js");
+
+var _bankSearch = require("../../../common/actions/bankSearch.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
+function mapStateToProps(state, props) {
+  var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
+  var search = state.get('bankSearch', immutable.Map());
+  return {
+    bank: bank,
+    search: search,
+    useBankSearch: (0, _featureCheck.featureOn)('item_bank_search'),
+    position: state.getIn(['ui', _quizCommon.BUILD_TRAY_POSITION]),
+    stimulusId: state.getIn(['ui', _quizCommon.BUILD_TRAY_STIMULUS_ID]),
+    activeQuizId: state.getIn(['quizzes', 'activeQuizId'])
+  };
+}
+
+var mapDispatchToProps = {
+  addEntryToQuiz: _quizEntries.createQuizEntry,
+  getBank: _banks.getBank,
+  getBankEntries: _bankEntries.getBankEntries,
+  openModal: _modal.openModal,
+  resetSearch: _bankSearch.reset,
+  screenreaderNotification: _alerts.screenreaderNotification
+};
+var Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
+exports.Bank = Bank;
+var _default = Bank;
+exports.default = _default;