@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

package/es/banks/components/BankEntry/styles.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme) {
   var footerStyles = {
     display: 'flex',
@@ -64,5 +63,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/BankEntry/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      borders = _ref.borders;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    borders = _ref.borders;
   return {
     contentBackgroundColor: colors.white,
     contentPaddingTopBottom: 0,
@@ -25,5 +25,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     entryEditBorderColor: colors.tiara
   };
 };
-
 export default generateComponentTheme;

package/es/banks/components/BankEntryRow/BankEntryRow.examples.js

@@ -1,6 +1,6 @@
 import { fromJS } from 'immutable';
-import BankEntry from "../../../common/records/BankEntry.js";
-import Item from "../../../common/records/Item.js";
+import BankEntry from '../../../common/records/BankEntry';
+import Item from '../../../common/records/Item';
 export default {
   propsValues: {
     addEntryToQuiz: [null, Function.prototype],
@@ -9,11 +9,9 @@ export default {
   getComponentProps: function getComponentProps(props) {
     var bankEntry = new BankEntry();
     var item = new Item();
-
     bankEntry.getEntry = function () {
       return item;
     };
-
     return {
       bankEntry: bankEntry,
       bankId: '1',

package/es/banks/components/BankEntryRow/index.js

@@ -1,21 +1,18 @@
 var _this = this;
-
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../common/react-redux.js";
-import { createItem } from "../../../building/api/items.js";
-import { createStimulus } from "../../../building/api/stimuli.js";
-import { toggle, set, clear } from "../../../common/actions/ui.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import BankEntryRow from "./presenter.js";
-import * as bankEntryApiActions from "../../api/bankEntries.js";
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { connect } from '../../../common/react-redux';
+import { createItem } from '../../../building/api/items';
+import { createStimulus } from '../../../building/api/stimuli';
+import { toggle, set, clear } from '../../../common/actions/ui';
+import * as modalActions from '../../../common/actions/modal';
+import BankEntryRow from './presenter';
+import * as bankEntryApiActions from '../../api/bankEntries';
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { featureOn } from '../../../common/util/featureCheck';
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, SET_EDIT_BUTTON_FOCUS } from '@instructure/quiz-common';
-
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
@@ -27,7 +24,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     useBankTags: featureOn('item_bank_tagging')
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     clearUi: bindActionCreators(clear, dispatch),
@@ -41,5 +37,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
     withConfirm: bindActionCreators(modalActions.withConfirm, dispatch)
   };
 };
-
 export default connect(mapStateToProps, mapDispatchToProps)(BankEntryRow);

package/es/banks/components/BankEntryRow/presenter.js

@@ -1,12 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BankEntryRow, _div;
 /** @jsx jsx */
-
 /* eslint-disable-next-line no-unused-vars */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -25,38 +22,26 @@ import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS,
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
-import CopyMoveBankEntryModal from "../CopyMoveBankEntryModal/index.js";
-import ExpandButton from "../../../common/components/shared/ExpandButton/index.js";
-import QuizEntry from "../../../common/records/QuizEntry.js";
-import ItemShow from "../../../common/components/resources/item/ItemShow/index.js";
-import StimulusShowInfo from "../../../common/components/resources/stimulus/StimulusShowInfo/index.js";
-import TagDisplay from "../../../common/components/shared/TagDisplay/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import Overlay from "../../../common/components/shared/overlay/index.js";
-
-var _ref2 = jsx("div", null);
-
-export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(BankEntryRow, _withI18nSupport);
-
-  var _super = _createSuper(BankEntryRow);
-
+import CopyMoveBankEntryModal from '../CopyMoveBankEntryModal';
+import ExpandButton from '../../../common/components/shared/ExpandButton';
+import QuizEntry from '../../../common/records/QuizEntry';
+import ItemShow from '../../../common/components/resources/item/ItemShow';
+import StimulusShowInfo from '../../../common/components/resources/stimulus/StimulusShowInfo';
+import TagDisplay from '../../../common/components/shared/TagDisplay';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import Overlay from '../../../common/components/shared/overlay';
+export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   function BankEntryRow() {
     var _this;
-
     _classCallCheck(this, BankEntryRow);
-
     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 = _callSuper(this, BankEntryRow, [].concat(args));
     _this.incrementPosition = function () {
       _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position + 1);
     };
-
     _this.deleteBankEntry = function () {
       var deletePreface = _this.isItemEntry() ? t('Deleting this question:') : t('Deleting this stimulus:');
       var confirmBody = jsx(Alert, {
@@ -73,7 +58,6 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
           key: "0"
         }, children);
       }])), jsx(List.Item, null, t('will lose its statistical link in reporting')), jsx(List.Item, null, t('will remove access for all users with whom this bank has been shared')))));
-
       _this.props.withConfirm(partial(_this.props.removeBankEntry, _this.props.bank.id, _this.props.bankEntry.id), {
         title: t('Delete {type}', {
           type: _this.type()
@@ -84,7 +68,6 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
         size: 'medium'
       });
     };
-
     _this.addToQuiz = function () {
       if (_this.props.activeQuizId) {
         var newEntry = QuizEntry.create({
@@ -93,34 +76,27 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
           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(t('Bank Entry was successfully added to the quiz'));
         });
-
         if (_this.props.position) _this.incrementPosition();
       }
     };
-
     _this.openCopyMoveBankEntryModal = function () {
       _this.props.openModal([COPY_MOVE_BANK_ENTRY_MODAL, _this.props.bankEntry.entryType, _this.props.bankEntry.entry.toJS().id].join(':'), {
         modalTrigger: _this.copyMoveBankEntryButton
       });
     };
-
     _this.createEntryForBank = function () {
       var createEntry = _this.isItemEntry() ? _this.props.createItem : _this.props.createStimulus;
       return createEntry(_this.getEntry(), _this.props.bank.id, 'bank');
     };
-
     _this.storeCopyMoveBankEntryButtonRef = function (c) {
       _this.copyMoveBankEntryButton = c;
     };
-
     _this.storeEditButtonRef = function (c) {
       _this.editButton = c;
     };
-
     _this.renderTrashButton = function () {
       var title = t('Delete {type}', {
         type: _this.type()
@@ -136,17 +112,14 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
         screenReaderLabel: title
       });
     };
-
     _this.navigateToBankEntry = function () {
       _this.props.setUi(SET_EDIT_BUTTON_FOCUS, _this.props.bankEntry.id);
-
       _this.props.navigateToBankEntry(_this.props.bankEntry.id, _this.props.bank.id);
     };
-
     return _this;
   }
-
-  _createClass(BankEntryRow, [{
+  _inherits(BankEntryRow, _withI18nSupport);
+  return _createClass(BankEntryRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.bankEntry.id === this.props.setEditButtonFocus) {
@@ -223,10 +196,9 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
           title: title,
           screenReaderLabel: title
         }));
-      } // This empty div is necessary for spacing
-
-
-      return _ref2;
+      }
+      // This empty div is necessary for spacing
+      return _div || (_div = jsx("div", null));
     }
   }, {
     key: "renderMoveButton",
@@ -267,9 +239,10 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
   }, {
     key: "renderEntryCollapsed",
     value: function renderEntryCollapsed() {
-      var itemOrStimulus = this.getEntry(); // render item's body as html
-      // or title plain text
+      var itemOrStimulus = this.getEntry();
 
+      // render item's body as html
+      // or title plain text
       if (itemOrStimulus.itemBody) {
         return jsx(RichContentRenderer, {
           customStyles: this.props.styles.stem,
@@ -285,7 +258,6 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
     key: "renderEntryExpanded",
     value: function renderEntryExpanded() {
       var entry = this.getEntry();
-
       if (this.isItemEntry()) {
         return jsx(ItemShow, {
           entry: entry,
@@ -321,7 +293,6 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
       if (!this.props.useBankTags) {
         return null;
       }
-
       return jsx(TagDisplay, {
         tagAssociations: this.props.tagAssociations
       });
@@ -330,8 +301,8 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
     key: "renderFooter",
     value: function renderFooter() {
       var lastUpdate = t.rich('<0>Last Update</0> { updatedAt }', {
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return jsx(Text, {
             key: "lastUpdate",
             weight: "bold",
@@ -367,10 +338,7 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
       }));
     }
   }]);
-
-  BankEntryRow.displayName = "BankEntryRow";
-  return BankEntryRow;
-}(withI18nSupport(Component)), _class2.propTypes = {
+}(withI18nSupport(Component)), _BankEntryRow.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankEntry: ImmutablePropTypes.record.isRequired,
@@ -396,7 +364,7 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
   timezone: PropTypes.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BankEntryRow.defaultProps = {
   activeQuizId: null,
   addEntryToQuiz: null,
   stimulusId: null,
@@ -407,8 +375,8 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
   tagAssociations: Immutable.List(),
   locale: null,
   timezone: null
-}, _class2.contextTypes = {
+}, _BankEntryRow.contextTypes = {
   locale: PropTypes.string,
   timezone: PropTypes.string
-}, _temp)) || _class);
+}, _BankEntryRow)) || _class);
 export default BankEntryRow;

package/es/banks/components/BankEntryRow/styles.js

@@ -46,5 +46,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/BankEntryRow/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders,
-      typography = _ref.typography;
+    colors = _ref.colors,
+    borders = _ref.borders,
+    typography = _ref.typography;
   return {
     entryDetailPadding: spacing.small,
     headerRowColor: colors.ash,
@@ -21,5 +21,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     deletePrefaceMargin: spacing.xxSmall
   };
 };
-
 export default generateComponentTheme;

package/es/banks/components/BankSearch/BankSearch.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Map } from 'immutable';
-import BankSearch from "./presenter.js";
+import BankSearch from './presenter';
 var props = {
   allInteractions: false,
   showFilters: true,

package/es/banks/components/BankSearch/index.js

@@ -1,10 +1,9 @@
 import { Map } from 'immutable';
-import BankSearch from "./presenter.js";
-import { connect } from "../../../common/react-redux.js";
-import { update, setFilter, toggle } from "../../../common/actions/bankSearch.js";
-import { toggle as toggleUI } from "../../../common/actions/ui.js";
+import BankSearch from './presenter';
+import { connect } from '../../../common/react-redux';
+import { update, setFilter, toggle } from '../../../common/actions/bankSearch';
+import { toggle as toggleUI } from '../../../common/actions/ui';
 import { BANKS_SEARCH_FILTER_KEY, BANKS_TOGGLE_INTERACTIONS_KEY } from '@instructure/quiz-common';
-
 function mapStateToProps(state, props) {
   var searching = state.getIn(['ui', 'searching'], false);
   var search = state.get('bankSearch', Map());
@@ -17,7 +16,6 @@ function mapStateToProps(state, props) {
     showFilters: showFilters
   };
 }
-
 var mapDispatchToProps = {
   toggle: toggle,
   toggleFilters: function toggleFilters() {

package/es/banks/components/BankSearch/presenter.js

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BankSearch;
 /** @jsx jsx */
 import { Component } from 'react';
 import memoize from 'lodash/memoize';
@@ -20,10 +18,10 @@ import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect/index.js";
-import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import TagSuggestSelect from '../../../common/components/shared/TagSuggestSelect';
+import { interactionTypesNameDictionary } from '../../../common/util/interactionTypeMetadata';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,
@@ -31,58 +29,46 @@ var tagShape = PropTypes.shape({
   }).isRequired,
   count: PropTypes.number.isRequired
 });
-export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(BankSearch, _Component);
-
-  var _super = _createSuper(BankSearch);
-
+export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   function BankSearch() {
     var _this;
-
     _classCallCheck(this, BankSearch);
-
     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 = _callSuper(this, BankSearch, [].concat(args));
     _this.toggleInteraction = memoize(function (it) {
       return function () {
         return _this.props.toggle('interactionTypes', it);
       };
     });
-
     _this.setTags = function (tags) {
       return _this.props.setFilter('tags', tags);
     };
-
     _this.updateSearch = function (_ref) {
       var value = _ref.target.value;
       return _this.props.update(value);
     };
-
     return _this;
   }
-
-  _createClass(BankSearch, [{
+  _inherits(BankSearch, _Component);
+  return _createClass(BankSearch, [{
     key: "renderFilters",
     value: function renderFilters() {
       var _this2 = this;
-
       var _this$props = this.props,
-          allInteractions = _this$props.allInteractions,
-          search = _this$props.search,
-          showFilters = _this$props.showFilters,
-          toggleAllInteractions = _this$props.toggleAllInteractions,
-          interactionTypes = _this$props.interactionTypes;
-
+        allInteractions = _this$props.allInteractions,
+        search = _this$props.search,
+        showFilters = _this$props.showFilters,
+        toggleAllInteractions = _this$props.toggleAllInteractions,
+        interactionTypes = _this$props.interactionTypes;
       if (showFilters) {
         var its = interactionTypes;
         var shown = allInteractions ? its : its.slice(0, 5);
         var active = search.get('interactionTypes');
         var interactionFilters = shown.map(function (_ref2) {
           var count = _ref2.count,
-              it = _ref2.interaction_type;
+            it = _ref2.interaction_type;
           var interactionName = interactionTypesNameDictionary(it);
           var label = "".concat(interactionName, " (").concat(count, ")");
           return jsx("div", {
@@ -108,17 +94,14 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
           tags: activeTags,
           defaultSuggestions: suggestions
         });
-
         var toggleButton = function toggleButton() {
           if (shown.length < its.length || allInteractions) {
             var hide = function hide() {
               return t('Show Less');
             };
-
             var show = function show() {
               return t('Show More');
             };
-
             var text = allInteractions ? hide() : show();
             return jsx(CondensedButton, {
               onClick: toggleAllInteractions,
@@ -128,7 +111,6 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
             }, text));
           }
         };
-
         return jsx("div", {
           css: this.props.styles.filterContainer
         }, jsx("div", {
@@ -147,8 +129,8 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          showFilters = _this$props2.showFilters,
-          toggleFilters = _this$props2.toggleFilters;
+        showFilters = _this$props2.showFilters,
+        toggleFilters = _this$props2.toggleFilters;
       return jsx("div", null, jsx(Flex, {
         as: "div"
       }, jsx(Flex.Item, {
@@ -170,10 +152,7 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, t('Filters'))))), this.renderFilters());
     }
   }]);
-
-  BankSearch.displayName = "BankSearch";
-  return BankSearch;
-}(Component), _class2.propTypes = {
+}(Component), _BankSearch.propTypes = {
   allInteractions: PropTypes.bool,
   interactionTypes: PropTypes.arrayOf(PropTypes.shape({
     count: PropTypes.number,
@@ -193,10 +172,10 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
   update: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BankSearch.defaultProps = {
   allInteractions: false,
   interactionTypes: [],
   showFilters: false,
   tags: []
-}, _temp)) || _class);
+}, _BankSearch)) || _class);
 export default BankSearch;

package/es/banks/components/BankSearch/styles.js

@@ -13,5 +13,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/BankSearch/theme.js

@@ -5,5 +5,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     searchInteractionsPaddingLeftRight: spacing.small
   };
 };
-
 export default generateComponentTheme;

package/es/banks/components/Banks/index.js

@@ -1,14 +1,13 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { Banks as BanksPresenter } from "./presenter.js";
-import { set as setUI, clear, merge } from "../../../common/actions/ui.js";
-import { connect } from "../../../common/react-redux.js";
-import { getBanks } from "../../../banks/api/banks.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import { createBank } from "../../../common/actions/modifications.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { Banks as BanksPresenter } from './presenter';
+import { set as setUI, clear, merge } from '../../../common/actions/ui';
+import { connect } from '../../../common/react-redux';
+import { getBanks } from '../../../banks/api/banks';
+import * as modalActions from '../../../common/actions/modal';
+import { createBank } from '../../../common/actions/modifications';
+import { featureOn } from '../../../common/util/featureCheck';
 import { BANKS_BANK_FILTERS } from '@instructure/quiz-common';
-
 function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', BANKS_BANK_FILTERS], Map());
   var scopeType = pageData.get('scopeType', (props.scope || {}).type || 'user');
@@ -30,7 +29,6 @@ function mapStateToProps(state, props) {
     rootAccountUuid: rootAccountUuid
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     createBank: bindActionCreators(createBank, dispatch),
@@ -41,6 +39,5 @@ function mapDispatchToProps(dispatch) {
     setUI: bindActionCreators(setUI, dispatch)
   };
 }
-
 export var Banks = connect(mapStateToProps, mapDispatchToProps)(BanksPresenter);
 export default Banks;