@instructure/quiz-core 17.19.2-rc.4 → 17.19.3-rc.1

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

@@ -0,0 +1,390 @@
+"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 _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 immutable = _interopRequireWildcard(require("immutable"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _index = _interopRequireDefault(require("../../../common/components/layout/Page/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../common/components/shared/PaginatedCollection/index.js"));
+
+var _QuizEntry = _interopRequireDefault(require("../../../common/records/QuizEntry.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _debounceLatestPromise = _interopRequireDefault(require("../../../common/util/debounceLatestPromise.js"));
+
+var _index3 = _interopRequireDefault(require("../../../banks/components/AddBankEntryModal/index.js"));
+
+var _index4 = _interopRequireDefault(require("../../../banks/components/BankEntriesList/index.js"));
+
+var _index5 = _interopRequireDefault(require("../../../banks/components/BankSearch/index.js"));
+
+var _index6 = _interopRequireDefault(require("../../../banks/components/HeaderMenu/index.js"));
+
+var _index7 = _interopRequireDefault(require("../NavWrapper/index.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fWUWr',
+  template: function template(theme) {
+    return "\n\n.fWUWr_caGd{background-color:".concat(theme.contentBackgroundColor || 'inherit', ";padding:").concat(theme.contentPaddingTopBottom || 'inherit', " ").concat(theme.contentPaddingLeftRight || 'inherit', "}\n\n.fWUWr_bXVg,.fWUWr_fDcJ,.fWUWr_dGfM{align-items:center;display:flex;flex-direction:row}\n\n.fWUWr_bXVg{flex:50%}\n\n.fWUWr_dGfM{flex:50%;justify-content:flex-end}\n\n.fWUWr_cfIL{padding:0 0 ").concat(theme.bankNamePaddingBottom || 'inherit', " 0}\n\n.fWUWr_etkf{padding-top:0.25rem;width:2rem}\n\n@media screen and (--phoneBreakPoint){.fWUWr_caGd{padding:").concat(theme.phoneContentPadding || 'inherit', " 0}}");
+  },
+  'content': 'fWUWr_caGd',
+  'topLeftMenu': 'fWUWr_bXVg',
+  'topMenu': 'fWUWr_fDcJ',
+  'topRightMenu': 'fWUWr_dGfM',
+  'bankName': 'fWUWr_cfIL',
+  'loading': 'fWUWr_etkf'
+};
+var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Bank, _Component);
+
+  var _super = (0, _createSuper2.default)(Bank);
+
+  function Bank() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Bank);
+
+    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.openAddBankEntryModal = function () {
+      _this.props.openModal(_quizCommon.ADD_BANK_ENTRY_MODAL, {
+        modalTrigger: _this.createBankEntryButton
+      });
+    };
+
+    _this.renderHeaderMenu = function () {
+      if (!_this.props.isCompact) {
+        return /*#__PURE__*/_react.default.createElement(_index6.default, {
+          bank: _this.props.bank
+        });
+      }
+    };
+
+    _this.storeCreateBankEntryButtonRef = function (c) {
+      _this.createBankEntryButton = c;
+    };
+
+    _this.addBankToQuiz = function () {
+      var newEntry = _QuizEntry.default.create({
+        entryId: _this.props.bankId,
+        entryType: 'Bank',
+        position: _this.props.position,
+        stimulusQuizEntryId: _this.props.stimulusId
+      });
+
+      _this.props.addEntryToQuiz(_this.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+        _this.props.screenreaderNotification((0, _formatMessage.default)('Bank was successfully added to the quiz'));
+      });
+    };
+
+    _this.renderTopLeftMenu = function () {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.topLeftMenu
+      }, _this.renderMultiAdd());
+    };
+
+    _this.renderTopRightMenu = function () {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.topRightMenu
+      }, _this.renderNewBankEntryButton());
+    };
+
+    _this.announceResults = function (_ref) {
+      var totalPages = _ref.totalPages;
+      var message = (0, _formatMessage.default)("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
+        count: totalPages
+      }); // Audibly announce when search results are ready.
+      // We debounce using a larger interval for a11y, so that the user isn't
+      // flooded with "Search results ready" messages every time they type a
+      // character
+
+      _this.props.screenreaderNotification(message);
+    };
+
+    _this.debouncedAnnounceResults = (0, _debounce.default)(_this.announceResults, 1000);
+
+    _this.getPage = function (page, search) {
+      var _this$props = _this.props,
+          getBankEntries = _this$props.getBankEntries,
+          bankId = _this$props.bankId,
+          useBankSearch = _this$props.useBankSearch;
+      var text = search.get('text');
+      var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
+      var tagIds = search.get('tags', []).map(function (tag) {
+        return tag.id;
+      });
+      var filters = {
+        interactionTypes: interactionTypes,
+        tags: tagIds
+      };
+      var params = {
+        page: page,
+        text: text,
+        filters: filters
+      };
+      var resultPage = getBankEntries(bankId, useBankSearch, params);
+
+      if (resultPage) {
+        return resultPage.then(function (results) {
+          _this.debouncedAnnounceResults(results);
+
+          return results;
+        });
+      } else {
+        return Promise.resolve(null);
+      }
+    };
+
+    _this.getPageDebounced = (0, _debounceLatestPromise.default)(function () {
+      var _this2;
+
+      return (_this2 = _this).getPage.apply(_this2, arguments);
+    }, 100);
+
+    _this.renderRecords = function (recordIds) {
+      var addEntryFunc = _this.props.isCompact && _this.props.addEntryToQuiz || null;
+      return /*#__PURE__*/_react.default.createElement(_index4.default, {
+        addEntryToQuiz: addEntryFunc,
+        bank: _this.props.bank,
+        navigateToBankEntry: _this.props.navigateToBankEntry,
+        recordIds: recordIds
+      });
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Bank, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.resetSearch(this.props.bankId);
+
+      if (this.props.onError) {
+        this.props.getBank(this.props.bankId).catch(this.props.onError);
+      } else {
+        this.props.getBank(this.props.bankId);
+      }
+    }
+  }, {
+    key: "renderNav",
+    value: function renderNav() {
+      var _this$props2 = this.props,
+          scope = _this$props2.scope,
+          closeTray = _this$props2.closeTray,
+          navigateToBanks = _this$props2.navigateToBanks,
+          navigateToBuild = _this$props2.navigateToBuild,
+          returnToUrl = _this$props2.returnToUrl;
+      var isScopeEmpty = !Object.keys(scope).length;
+      return /*#__PURE__*/_react.default.createElement(_index7.default, {
+        closeTray: closeTray,
+        navigateToBanks: navigateToBanks,
+        navigateToBuild: navigateToBuild,
+        renderHeaderMenu: this.renderHeaderMenu,
+        returnToUrl: isScopeEmpty ? null : returnToUrl,
+        canvasReferrerLinkText: isScopeEmpty ? null : scope.title
+      }, /*#__PURE__*/_react.default.createElement(_uiBreadcrumb.BreadcrumbLink, {
+        key: "bank"
+      }, this.props.bank.title));
+    }
+  }, {
+    key: "renderName",
+    value: function renderName() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.bankName
+      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "h1"
+      }, this.props.bank.title));
+    }
+  }, {
+    key: "renderAddBankEntryModal",
+    value: function renderAddBankEntryModal() {
+      if (!this.props.isCompact) {
+        return /*#__PURE__*/_react.default.createElement(_index3.default, {
+          bankId: this.props.bankId,
+          navigateToBankEntry: this.props.navigateToBankEntry
+        });
+      }
+    }
+  }, {
+    key: "renderModals",
+    value: function renderModals() {
+      return /*#__PURE__*/_react.default.createElement("div", null, this.renderAddBankEntryModal());
+    }
+  }, {
+    key: "renderNewBankEntryButton",
+    value: function renderNewBankEntryButton() {
+      if (!this.props.isCompact && this.props.bank.canEdit()) {
+        return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+          margin: "small none",
+          ref: this.storeCreateBankEntryButtonRef,
+          variant: "primary",
+          onClick: this.openAddBankEntryModal,
+          "data-automation": "sdk-new-bank-entry-button",
+          icon: _uiIcons.IconPlusLine
+        }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+          alt: (0, _formatMessage.default)('Create Bank Entry')
+        }, (0, _formatMessage.default)('New')));
+      }
+    }
+  }, {
+    key: "renderMultiAdd",
+    value: function renderMultiAdd() {
+      var isEmpty = this.props.bank.itemEntryCount === 0;
+
+      if (this.props.isCompact && !isEmpty) {
+        return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+          onClick: this.addBankToQuiz,
+          margin: "small none",
+          icon: _uiIcons.IconPlusLine
+        }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+          alt: (0, _formatMessage.default)('Add this bank to quiz')
+        }, (0, _formatMessage.default)('All / Random')));
+      }
+    }
+  }, {
+    key: "stateKey",
+    value: function stateKey() {
+      return "".concat(_quizCommon.BANKS_BANK_ENTRY_PAGINATION, ":").concat(this.props.bankId);
+    }
+  }, {
+    key: "renderSearch",
+    value: function renderSearch() {
+      if (this.props.bank.filters !== null && this.props.useBankSearch) {
+        var its = this.props.bank.filters.interaction_types;
+        var tags = this.props.bank.filters.tags;
+        return /*#__PURE__*/_react.default.createElement(_index5.default, {
+          interactionTypes: its,
+          tags: tags,
+          pageStateKey: this.stateKey(),
+          showFilters: false
+        });
+      }
+    }
+  }, {
+    key: "emptyLoadText",
+    value: function emptyLoadText() {
+      var noFilters = this.props.bank.filters === null;
+
+      var noQuestions = function noQuestions() {
+        return (0, _formatMessage.default)('There are no questions in this bank yet.');
+      };
+
+      var noResults = function noResults() {
+        return (0, _formatMessage.default)('The search returned no results.');
+      };
+
+      return noFilters ? noQuestions() : noResults();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_index.default, null, this.renderModals(), this.renderNav(), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.content
+      }, this.renderName(), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.topMenu
+      }, this.renderTopLeftMenu(), this.renderTopRightMenu()), this.renderSearch(), /*#__PURE__*/_react.default.createElement(_index2.default, {
+        empty: this.emptyLoadText(),
+        params: this.props.search,
+        getPage: this.getPageDebounced,
+        renderRecords: this.renderRecords,
+        stateKey: this.stateKey()
+      })));
+    }
+  }]);
+  Bank.displayName = "Bank";
+  return Bank;
+}(_react.Component), _class2.propTypes = {
+  activeQuizId: _propTypes.default.string,
+  addEntryToQuiz: _propTypes.default.func,
+  bankId: _propTypes.default.string.isRequired,
+  bank: _propTypes.default.instanceOf(_Bank.default).isRequired,
+  useBankSearch: _propTypes.default.bool,
+  closeTray: _propTypes.default.func.isRequired,
+  getBank: _propTypes.default.func.isRequired,
+  getBankEntries: _propTypes.default.func.isRequired,
+  isCompact: _propTypes.default.bool,
+  navigateToBanks: _propTypes.default.func.isRequired,
+  // can be from consumer
+  navigateToBankEntry: _propTypes.default.func.isRequired,
+  // can be from consumer
+  navigateToBuild: _propTypes.default.func,
+  // from consumer
+  scope: _propTypes.default.objectOf(_propTypes.default.shape({
+    type: _propTypes.default.string,
+    uuid: _propTypes.default.string,
+    title: _propTypes.default.string
+  })),
+  returnToUrl: _propTypes.default.string,
+  // from consumer
+  onError: _propTypes.default.func,
+  openModal: _propTypes.default.func.isRequired,
+  position: _propTypes.default.number,
+  resetSearch: _propTypes.default.func.isRequired,
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  search: _reactImmutableProptypes.default.map.isRequired,
+  stimulusId: _propTypes.default.string
+}, _class2.defaultProps = {
+  activeQuizId: null,
+  addEntryToQuiz: null,
+  useBankSearch: false,
+  isCompact: false,
+  minSearchRefreshInterval: 100,
+  navigateToBuild: null,
+  onError: null,
+  position: 0,
+  stimulusId: null,
+  scope: {},
+  returnToUrl: null
+}, _temp)) || _class);
+exports.Bank = Bank;
+var _default = Bank;
+exports.default = _default;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors,
+      breakpoints = _ref.breakpoints;
+  return {
+    contentBackgroundColor: colors.white,
+    contentPaddingTopBottom: spacing.small,
+    contentPaddingLeftRight: spacing.medium,
+    bankNamePaddingBottom: spacing.small,
+    phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
+    phoneContentPadding: spacing.small,
+    filtersMarginTop: spacing.large
+  };
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = void 0;
+
+var _immutable = require("immutable");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _BankEntry = _interopRequireDefault(require("../../../common/records/BankEntry.js"));
+
+function mapStateToProps(state, props) {
+  var bankEntries = (0, _immutable.List)(props.recordIds).map(function (id) {
+    return new _BankEntry.default(state.getIn(['bankEntries', id]));
+  });
+  return {
+    bankEntries: bankEntries
+  };
+}
+
+var _default = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
+
+exports.default = _default;

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

@@ -0,0 +1,93 @@
+"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.BankEntriesList = 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 _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../../../common/components/shared/Card/index.js"));
+
+var _index2 = _interopRequireDefault(require("../BankEntryRow/index.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'dibqR',
+  template: function template(theme) {
+    return "\n\n.dibqR_blfJ{margin-bottom:".concat(theme.entryRowMargin || 'inherit', "}");
+  },
+  'entryRow': 'dibqR_blfJ'
+};
+var BankEntriesList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BankEntriesList, _Component);
+
+  var _super = (0, _createSuper2.default)(BankEntriesList);
+
+  function BankEntriesList() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BankEntriesList);
+
+    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.renderEntry = function (entry) {
+      var entryId = entry.get('id');
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        key: entryId,
+        className: styles.entryRow
+      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+        bankEntry: entry,
+        bank: _this.props.bank,
+        navigateToBankEntry: _this.props.navigateToBankEntry,
+        addEntryToQuiz: _this.props.addEntryToQuiz
+      }));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(BankEntriesList, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, this.props.bankEntries.toArray().map(this.renderEntry));
+    }
+  }]);
+  BankEntriesList.displayName = "BankEntriesList";
+  return BankEntriesList;
+}(_react.Component), _class2.propTypes = {
+  addEntryToQuiz: _propTypes.default.func,
+  bank: _reactImmutableProptypes.default.record.isRequired,
+  bankEntries: _reactImmutableProptypes.default.list.isRequired,
+  navigateToBankEntry: _propTypes.default.func.isRequired
+}, _class2.defaultProps = {
+  addEntryToQuiz: null
+}, _temp)) || _class);
+exports.BankEntriesList = BankEntriesList;
+var _default = BankEntriesList;
+exports.default = _default;

package/lib/banks/components/BankEntriesList/theme.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    entryRowMargin: spacing.small
+  };
+}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BankEntry = void 0;
+
+var _redux = require("redux");
+
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _items = require("../../../building/api/items.js");
+
+var _stimuli = require("../../../building/api/stimuli.js");
+
+var _modifications = require("../../../common/actions/modifications.js");
+
+var _tagAssociations = require("../../../common/actions/tagAssociations.js");
+
+var _BankEntry = _interopRequireDefault(require("../../../common/records/BankEntry.js"));
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _bankEntries = require("../../../banks/api/bankEntries.js");
+
+var _banks = require("../../../banks/api/banks.js");
+
+var _tagAssociations2 = require("../../../banks/api/tagAssociations.js");
+
+var _presenter = require("./presenter.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
+var _ui = require("../../../common/actions/ui.js");
+
+var _modal = require("../../../common/actions/modal.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function mapStateToProps(state, props) {
+  var tempBankEntry = state.getIn(['modifications', 'bankEntries', _quizCommon.TEMPORARY_BANK_ENTRY_ID]);
+  var bankEntry;
+
+  if (tempBankEntry) {
+    bankEntry = new _BankEntry.default(tempBankEntry);
+  } else {
+    bankEntry = new _BankEntry.default(state.getIn(['bankEntries', props.bankEntryId]));
+  }
+
+  var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
+  var shouldClone = state.getIn(['ui', _quizCommon.SHOULD_CLONE_ITEM]) || false;
+  var entry = bankEntry.getEntry();
+  var entryId = entry ? entry.id : null;
+  return {
+    bank: bank,
+    bankEntry: bankEntry,
+    entry: entry,
+    shouldClone: shouldClone,
+    pendingAdditionTags: state.getIn(['tagAssociations', 'pendingAddition', bankEntry.entryType, entryId]),
+    pendingDeletionTags: state.getIn(['tagAssociations', 'pendingDeletion', bankEntry.entryType, entryId]),
+    tagAssociations: state.getIn(['tagAssociations', bankEntry.entryType, entryId]),
+    tagInput: state.getIn(['tagAssociations', 'tagInput', bankEntry.entryType, entryId]),
+    useBankTags: (0, _featureCheck.featureOn)('item_bank_tagging')
+  };
+}
+
+function mapDispatchToProps(dispatch) {
+  return {
+    setPendingAdditionTagAssociations: (0, _redux.bindActionCreators)(_tagAssociations.setPendingAdditionTagAssociations, dispatch),
+    setPendingDeletionTagAssociations: (0, _redux.bindActionCreators)(_tagAssociations.setPendingDeletionTagAssociations, dispatch),
+    setTagInput: (0, _redux.bindActionCreators)(_tagAssociations.setTagInput, dispatch),
+    createTagAssociations: (0, _redux.bindActionCreators)(_tagAssociations2.createTagAssociations, dispatch),
+    deleteTagAssociations: (0, _redux.bindActionCreators)(_tagAssociations2.deleteTagAssociations, dispatch),
+    getBankEntry: (0, _redux.bindActionCreators)(_bankEntries.getBankEntry, dispatch),
+    getBank: (0, _redux.bindActionCreators)(_banks.getBank, dispatch),
+    updateItem: (0, _redux.bindActionCreators)(_items.updateItem, dispatch),
+    updateStimulus: (0, _redux.bindActionCreators)(_stimuli.updateStimulus, dispatch),
+    setShouldClone: (0, _redux.bindActionCreators)((0, _partial.default)(_ui.set, _quizCommon.SHOULD_CLONE_ITEM), dispatch),
+    changeItemTitle: (0, _redux.bindActionCreators)(_modifications.changeItemTitle, dispatch),
+    changeQuizEntryPoints: (0, _redux.bindActionCreators)(_modifications.changeQuizEntryPoints, dispatch),
+    cloneBankEntry: (0, _redux.bindActionCreators)(_bankEntries.cloneBankEntry, dispatch),
+    createEntryAndBankEntry: (0, _redux.bindActionCreators)(_bankEntries.createEntryAndBankEntry, dispatch),
+    clearModifications: (0, _redux.bindActionCreators)(_modifications.clearModifications, dispatch),
+    clearTemporaryBankItem: (0, _redux.bindActionCreators)(_modifications.clearTemporaryBankItem, dispatch),
+    setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch),
+    openModal: (0, _redux.bindActionCreators)(_modal.openModal, dispatch)
+  };
+}
+
+var BankEntry = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.BankEntry);
+exports.BankEntry = BankEntry;
+var _default = BankEntry;
+exports.default = _default;