@instructure/quiz-core 17.19.2 → 17.20.0

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -0,0 +1,182 @@
+"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.Summary = 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 _uiText = require("@instructure/ui-text");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _presenter = require("../presenter.js");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'dhBxf',
+  template: function template(theme) {
+    return "\n\n.dhBxf_cltt{flex-grow:2}\n\n.dhBxf_eXht{flex-grow:1;text-align:right}\n\n[dir=ltr] .dhBxf_eXht,[dir=rtl] .dhBxf_eXht{text-align:right}\n\n.dhBxf_flYR{flex-grow:1}\n\n.dhBxf_dMbU{border:dotted ".concat(theme.itemContainerBorderWidth || 'inherit', ";border-color:").concat(theme.itemContainerBorderColor || 'inherit', ";color:").concat(theme.itemContainerColor || 'inherit', ";display:flex;padding:").concat(theme.itemContainerPadding || 'inherit', ";width:100%}\n\n.dhBxf_doNn{display:flex;flex-grow:1;margin:").concat(theme.summaryMargin || 'inherit', ";margin-left:").concat(theme.summaryMarginLeft || 'inherit', "}");
+  },
+  'middleSection': 'dhBxf_cltt',
+  'endSection': 'dhBxf_eXht',
+  'questionCount': 'dhBxf_flYR',
+  'itemsContainer': 'dhBxf_dMbU',
+  'summary': 'dhBxf_doNn'
+};
+var Summary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Summary, _Component);
+
+  var _super = (0, _createSuper2.default)(Summary);
+
+  function Summary() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Summary);
+
+    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.handleShowItems = function () {
+      if (_this.props.isDragging) {
+        return;
+      }
+
+      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, !_this.props.isShowingItems);
+    };
+
+    _this.handleKeyDown = function (event) {
+      if (event.keyCode === 13 || event.keyCode === 32) {
+        // enter or space pressed
+        _this.handleShowItems();
+      }
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(Summary, [{
+    key: "getCountText",
+    value: function getCountText() {
+      var _this$props = this.props,
+          isDragging = _this$props.isDragging,
+          startPosition = _this$props.startPosition,
+          numberOfItems = _this$props.numberOfItems;
+
+      if (isDragging) {
+        if (numberOfItems > 1) {
+          return (0, _formatMessage.default)('Questions {first, number} - {second, number} Included', {
+            first: startPosition,
+            second: startPosition + numberOfItems - 1
+          });
+        }
+
+        return (0, _formatMessage.default)('Question {first, number} Included', {
+          first: startPosition
+        });
+      }
+
+      if (numberOfItems > 1) {
+        return (0, _formatMessage.default)('Questions {first, number} - {second, number}', {
+          first: startPosition,
+          second: startPosition + numberOfItems - 1
+        });
+      }
+
+      return (0, _formatMessage.default)('Question {first, number}', {
+        first: startPosition
+      });
+    } // =============
+    //   RENDERING
+    // =============
+
+  }, {
+    key: "renderEndSectionContent",
+    value: function renderEndSectionContent() {
+      var _this$props2 = this.props,
+          isDragging = _this$props2.isDragging,
+          isShowingItems = _this$props2.isShowingItems;
+
+      if (!isDragging) {
+        return /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+          size: "small",
+          weight: "light"
+        }, isShowingItems ? (0, _formatMessage.default)('Collapse') : (0, _formatMessage.default)('Expand'));
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isDragging = this.props.isDragging;
+
+      if (!isDragging && this.props.numberOfItems <= _presenter.DISPLAY_AS_SUMMARY_LIMIT) {
+        return null;
+      }
+
+      var id = "stimulus-summary-content-".concat(this.props.stimulusId);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        role: "button",
+        tabIndex: "0",
+        "aria-expanded": this.props.isShowingItems,
+        "aria-controls": id,
+        className: styles.summary,
+        onClick: this.handleShowItems,
+        onKeyDown: this.handleKeyDown
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        id: id,
+        className: styles.itemsContainer
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.questionCount
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "small",
+        weight: "light"
+      }, this.getCountText())), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.middleSection
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.endSection
+      }, this.renderEndSectionContent())));
+    }
+  }]);
+  Summary.displayName = "Summary";
+  return Summary;
+}(_react.Component), _class2.propTypes = {
+  // Passed in by parent
+  startPosition: _propTypes.default.number.isRequired,
+
+  /* This is used for when the stimulus is being dragged in build */
+  isDragging: _propTypes.default.bool,
+  numberOfItems: _propTypes.default.number.isRequired,
+  isShowingItems: _propTypes.default.bool,
+  stimulusId: _propTypes.default.string.isRequired,
+  // from connected component
+  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired
+}, _class2.defaultProps = {
+  isDragging: false,
+  isShowingItems: false
+}, _temp)) || _class);
+exports.Summary = Summary;
+var _default = Summary;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing,
+      borders = _ref.borders;
+  return {
+    itemContainerColor: colors.licorice,
+    itemContainerPadding: spacing.xSmall,
+    itemContainerBorderWidth: borders.widthSmall,
+    itemContainerBorderColor: colors.licorice,
+    summaryMargin: spacing.small,
+    summaryMarginLeft: spacing.medium
+  };
+}

package/lib/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -0,0 +1,89 @@
+"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.Title = 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 _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiTooltip = require("@instructure/ui-tooltip");
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'NwzGY',
+  template: function template(theme) {
+    return "\n\n.NwzGY_esVF{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}";
+  },
+  'itemBody': 'NwzGY_esVF'
+};
+var DISPLAY_TOOLTIP_LIMIT = 80;
+var Title = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Title, _Component);
+
+  var _super = (0, _createSuper2.default)(Title);
+
+  function Title() {
+    (0, _classCallCheck2.default)(this, Title);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Title, [{
+    key: "renderTitle",
+    value: function renderTitle() {
+      var title = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.title;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.itemBody
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "primary"
+      }, title));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var title = this.props.title; // Shorten title if necessary
+
+      if (title.length > DISPLAY_TOOLTIP_LIMIT) {
+        var truncatedTitle = "".concat(title.substring(0, DISPLAY_TOOLTIP_LIMIT), "...");
+        return /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+          alt: title
+        }, /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
+          tip: title,
+          variant: "inverse"
+        }, this.renderTitle(truncatedTitle)));
+      }
+
+      return this.renderTitle();
+    }
+  }]);
+  Title.displayName = "Title";
+  return Title;
+}(_react.Component), _class2.propTypes = {
+  title: _propTypes.default.string.isRequired
+}, _temp)) || _class);
+exports.Title = Title;
+var _default = Title;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Title/theme.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator() {
+  return {};
+}

package/lib/common/components/layout/sidebar/Stimulus/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Stimulus = exports.mapStateToProps = exports.mapDispatchToProps = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../../react-redux.js");
+
+var _presenter = require("./presenter.js");
+
+var _scrolling = require("../../../../actions/scrolling.js");
+
+function getStimulus(parent) {
+  return parent.entryType === 'BankEntry' ? parent.getEntry().getEntry() : parent.getEntry();
+}
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
+  return {
+    childEntries: props.stimulusParent.getNestedEntries(),
+    scrollToItem: props.scrollToItem || (0, _redux.bindActionCreators)(_scrolling.scrollToItem, dispatch)
+  };
+};
+
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  var stimulus = getStimulus(props.stimulusParent);
+  var isShowingItems = state.getIn(['sidebar', stimulus.id], false);
+  return {
+    isShowingItems: isShowingItems,
+    stimulus: stimulus
+  };
+};
+
+exports.mapStateToProps = mapStateToProps;
+var Stimulus = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.SidebarStimulus);
+exports.Stimulus = Stimulus;
+var _default = Stimulus;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/presenter.js

@@ -0,0 +1,202 @@
+"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.SidebarStimulus = exports.DISPLAY_AS_SUMMARY_LIMIT = 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 _uiIcons = require("@instructure/ui-icons");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _keyboardClickable = _interopRequireDefault(require("../../../../../common/util/keyboardClickable.js"));
+
+var _index = _interopRequireDefault(require("./Collection/index.js"));
+
+var _index2 = _interopRequireDefault(require("./Title/index.js"));
+
+var _index3 = _interopRequireDefault(require("./Summary/index.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'cqghd',
+  template: function template(theme) {
+    return "\n\n.cqghd_kQJA{border-bottom:".concat(theme.sidebarItemBorderWidth || 'inherit', " solid ").concat(theme.sidebarItemBorderColor || 'inherit', "}\n\n.cqghd_cESm{border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.borderColor || 'inherit', ";padding:").concat(theme.sidebarClosedButtonPadding || 'inherit', ";text-align:center}\n\n[dir=ltr] .cqghd_cESm,[dir=rtl] .cqghd_cESm{text-align:center}\n\n.cqghd_cESm:hover{border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.cqghd_faDl{border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.borderColor || 'inherit', ";padding:").concat(theme.sidebarHeaderPadding || 'inherit', " 0}\n\n.cqghd_faDl:hover{border-right:").concat(theme.hoverBorderWidth || 'inherit', " solid ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.cqghd_bTns{margin-left:5%}\n\n.cqghd_cdGL{color:").concat(theme.sidebarIsOpenInfoHeaderColor || 'inherit', ";font-size:").concat(theme.sidebarIsOpenInfoHeaderFontSize || 'inherit', ";margin-bottom:").concat(theme.sidebarIsOpenInfoHeaderMargin || 'inherit', ";padding-left:").concat(theme.sidebarIsOpenInfoHeaderPadding || 'inherit', "}");
+  },
+  'sidebarItem': 'cqghd_kQJA',
+  'sidebarItemClosedButton': 'cqghd_cESm',
+  'stimulusHeader': 'cqghd_faDl',
+  'stimulusBody': 'cqghd_bTns',
+  'infoHeader': 'cqghd_cdGL'
+};
+var DISPLAY_AS_SUMMARY_LIMIT = 5;
+exports.DISPLAY_AS_SUMMARY_LIMIT = DISPLAY_AS_SUMMARY_LIMIT;
+var SidebarStimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(SidebarStimulus, _Component);
+
+  var _super = (0, _createSuper2.default)(SidebarStimulus);
+
+  function SidebarStimulus() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, SidebarStimulus);
+
+    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.scrollToItem = function (e) {
+      // this can be a real scroll or a oqaat change
+      // depending on whether is is oqaat or not
+      _this.props.scrollToItem(_this.props.stimulusParent.id);
+
+      e.stopPropagation();
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(SidebarStimulus, [{
+    key: "renderCollection",
+    value: function renderCollection() {
+      if (this.props.isDragging) {
+        return;
+      }
+
+      var _this$props = this.props,
+          displayPosition = _this$props.displayPosition,
+          isOver = _this$props.isOver,
+          isShowingItems = _this$props.isShowingItems,
+          renderSidebarItem = _this$props.renderSidebarItem,
+          sidebarOpen = _this$props.sidebarOpen;
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        firstPosition: displayPosition,
+        isOver: isOver,
+        isShowingItems: isShowingItems,
+        itemCollection: this.props.childEntries,
+        renderSidebarItem: renderSidebarItem,
+        sidebarOpen: sidebarOpen,
+        stimulusId: this.props.stimulus.id
+      });
+    }
+  }, {
+    key: "renderButton",
+    value: function renderButton() {
+      var displayPosition = this.props.displayPosition;
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        icon: _uiIcons.IconTextLeftLine,
+        onClick: this.scrollToItem,
+        onKeyDown: _keyboardClickable.default,
+        variant: "icon"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Scroll to stimulus at position { displayPosition }', {
+        displayPosition: displayPosition
+      })));
+    }
+  }, {
+    key: "renderClosed",
+    value: function renderClosed() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.sidebarItem
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.sidebarItemClosedButton
+      }, this.renderButton()), this.renderCollection());
+    }
+  }, {
+    key: "renderOpen",
+    value: function renderOpen() {
+      var _this$props2 = this.props,
+          children = _this$props2.children,
+          displayPosition = _this$props2.displayPosition,
+          isDragging = _this$props2.isDragging,
+          isShowingItems = _this$props2.isShowingItems,
+          sidebarOpen = _this$props2.sidebarOpen,
+          stimulus = _this$props2.stimulus;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.sidebarItem
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusHeader
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.infoHeader
+      }, (0, _formatMessage.default)('Stimulus')), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusBody
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        justifyItems: "space-between"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderButton()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        grow: true,
+        shrink: true,
+        onClick: this.scrollToItem,
+        tabIndex: "-1"
+      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+        title: stimulus.title
+      })), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, children)), /*#__PURE__*/_react.default.createElement(_index3.default, {
+        startPosition: displayPosition,
+        isDragging: isDragging,
+        isShowingItems: isShowingItems,
+        sidebarOpen: sidebarOpen,
+        stimulusId: stimulus.id,
+        numberOfItems: this.props.childEntries.size
+      }))), this.renderCollection());
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
+    }
+  }]);
+  SidebarStimulus.displayName = "SidebarStimulus";
+  return SidebarStimulus;
+}(_react.Component), _class2.propTypes = {
+  childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  // Passed in by Sidebar
+  children: _propTypes.default.element,
+  displayPosition: _propTypes.default.number.isRequired,
+
+  /* This is used for when the stimulus is being dragged in build */
+  isDragging: _propTypes.default.bool,
+  isOver: _propTypes.default.bool,
+  isShowingItems: _propTypes.default.bool,
+  renderSidebarItem: _propTypes.default.func.isRequired,
+  scrollToItem: _propTypes.default.func.isRequired,
+  sidebarOpen: _propTypes.default.bool.isRequired,
+  stimulus: _reactImmutableProptypes.default.record.isRequired,
+  stimulusParent: _reactImmutableProptypes.default.record.isRequired
+}, _class2.defaultProps = {
+  children: null,
+  isDragging: false,
+  isOver: false,
+  isShowingItems: false
+}, _temp)) || _class);
+exports.SidebarStimulus = SidebarStimulus;
+var _default = SidebarStimulus;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/theme.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing,
+      borders = _ref.borders,
+      typography = _ref.typography;
+  return {
+    borderColor: colors.white,
+    hoverBorderColor: colors.electric,
+    hoverBorderWidth: borders.widthLarge,
+    sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
+    sidebarHeaderPadding: spacing.small,
+    sidebarItemBorderWidth: borders.widthSmall,
+    sidebarItemBorderColor: colors.tiara,
+    sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
+    sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
+    sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
+    sidebarIsOpenInfoHeaderColor: colors.ash
+  };
+}

package/lib/common/components/resources/BankSelection/BankSelection.examples.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  propValues: {
+    label: [null, 'This is a label']
+  },
+  getComponentProps: function getComponentProps(props) {
+    return {
+      banks: {
+        toArray: function toArray() {
+          return [];
+        }
+      },
+      getAllBanks: function getAllBanks() {
+        return Promise.resolve([]);
+      },
+      label: props.label,
+      setUi: Function.prototype
+    };
+  }
+};
+exports.default = _default;

package/lib/common/components/resources/BankSelection/index.js

@@ -0,0 +1,39 @@
+"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("../../../react-redux.js");
+
+var _banks = require("../../../../banks/api/banks.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _Bank = _interopRequireDefault(require("../../../records/Bank.js"));
+
+var _ui = require("../../../actions/ui.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function mapStateToProps(state, props) {
+  var banks = state.getIn(['ui', _quizCommon.SELECT_BANKS_OPTIONS], (0, _immutable.List)()).map(function (bankId) {
+    return new _Bank.default(state.getIn(['banks', bankId]));
+  });
+  return {
+    banks: banks
+  };
+}
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, {
+  getAllBanks: _banks.getAllBanks,
+  setUi: _ui.set
+})(_presenter.default);
+
+exports.default = _default;