@instructure/quiz-core 21.1.1 → 21.2.1

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

@@ -1,14 +1,14 @@
 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");

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankEntryRow;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,30 +25,27 @@ 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);
+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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(BankEntryRow, _withI18nSupport);
-  var _super = _createSuper(BankEntryRow);
   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.incrementPosition = function () {
+    _this = _callSuper(this, BankEntryRow, [].concat(args));
+    _defineProperty(_this, "incrementPosition", function () {
       _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position + 1);
-    };
-    _this.deleteBankEntry = function () {
+    });
+    _defineProperty(_this, "deleteBankEntry", function () {
       var deletePreface = _this.isItemEntry() ? t('Deleting this question:') : t('Deleting this stimulus:');
       var confirmBody = jsx(Alert, {
         variant: "error",
@@ -69,8 +70,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         continueVariant: 'danger',
         size: 'medium'
       });
-    };
-    _this.addToQuiz = function () {
+    });
+    _defineProperty(_this, "addToQuiz", function () {
       if (_this.props.activeQuizId) {
         var newEntry = QuizEntry.create({
           entryId: _this.props.bankEntry.id,
@@ -83,23 +84,23 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         });
         if (_this.props.position) _this.incrementPosition();
       }
-    };
-    _this.openCopyMoveBankEntryModal = function () {
+    });
+    _defineProperty(_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 () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_this, "storeCopyMoveBankEntryButtonRef", function (c) {
       _this.copyMoveBankEntryButton = c;
-    };
-    _this.storeEditButtonRef = function (c) {
+    });
+    _defineProperty(_this, "storeEditButtonRef", function (c) {
       _this.editButton = c;
-    };
-    _this.renderTrashButton = function () {
+    });
+    _defineProperty(_this, "renderTrashButton", function () {
       var title = t('Delete {type}', {
         type: _this.type()
       });
@@ -113,14 +114,15 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         title: title,
         screenReaderLabel: title
       });
-    };
-    _this.navigateToBankEntry = function () {
+    });
+    _defineProperty(_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) {
@@ -199,7 +201,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         }));
       }
       // This empty div is necessary for spacing
-      return _ref2;
+      return jsx("div", null);
     }
   }, {
     key: "renderMoveButton",
@@ -302,8 +304,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
     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",
@@ -339,9 +341,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
       }));
     }
   }]);
-  BankEntryRow.displayName = "BankEntryRow";
-  return BankEntryRow;
-}(withI18nSupport(Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
+}(withI18nSupport(Component)), _defineProperty(_BankEntryRow, "displayName", 'BankEntryRow'), _defineProperty(_BankEntryRow, "componentId", "Quizzes".concat(_BankEntryRow.displayName)), _defineProperty(_BankEntryRow, "propTypes", {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankEntry: ImmutablePropTypes.record.isRequired,
@@ -366,7 +366,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
   locale: PropTypes.string,
   timezone: PropTypes.string,
   styles: PropTypes.object
-}, _BankEntryRow.defaultProps = {
+}), _defineProperty(_BankEntryRow, "defaultProps", {
   activeQuizId: null,
   addEntryToQuiz: null,
   stimulusId: null,
@@ -377,8 +377,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
   tagAssociations: Immutable.List(),
   locale: null,
   timezone: null
-}, _BankEntryRow.contextTypes = {
+}), _defineProperty(_BankEntryRow, "contextTypes", {
   locale: PropTypes.string,
   timezone: PropTypes.string
-}, _BankEntryRow)) || _class);
+}), _BankEntryRow)) || _class);
 export default BankEntryRow;

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,8 +1,8 @@
 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);

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankSearch;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import memoize from 'lodash/memoize';
@@ -16,10 +20,10 @@ import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { 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';
 import { Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
@@ -29,30 +33,29 @@ var tagShape = PropTypes.shape({
   count: PropTypes.number.isRequired
 });
 export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
-  _inherits(BankSearch, _Component);
-  var _super = _createSuper(BankSearch);
   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.toggleInteraction = memoize(function (it) {
+    _this = _callSuper(this, BankSearch, [].concat(args));
+    _defineProperty(_this, "toggleInteraction", memoize(function (it) {
       return function () {
         return _this.props.toggle('interactionTypes', it);
       };
-    });
-    _this.setTags = function (tags) {
+    }));
+    _defineProperty(_this, "setTags", function (tags) {
       return _this.props.setFilter('tags', tags);
-    };
-    _this.updateSearch = function (_ref) {
+    });
+    _defineProperty(_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;
@@ -153,9 +156,7 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
       }, t('Filters'))))), this.renderFilters());
     }
   }]);
-  BankSearch.displayName = "BankSearch";
-  return BankSearch;
-}(Component), _BankSearch.displayName = 'BankSearch', _BankSearch.componentId = "Quizzes".concat(_BankSearch.displayName), _BankSearch.propTypes = {
+}(Component), _defineProperty(_BankSearch, "displayName", 'BankSearch'), _defineProperty(_BankSearch, "componentId", "Quizzes".concat(_BankSearch.displayName)), _defineProperty(_BankSearch, "propTypes", {
   allInteractions: PropTypes.bool,
   interactionTypes: PropTypes.arrayOf(PropTypes.shape({
     count: PropTypes.number,
@@ -174,10 +175,10 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
   setFilter: PropTypes.func.isRequired,
   update: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _BankSearch.defaultProps = {
+}), _defineProperty(_BankSearch, "defaultProps", {
   allInteractions: false,
   interactionTypes: [],
   showFilters: false,
   tags: []
-}, _BankSearch)) || _class);
+}), _BankSearch)) || _class);
 export default BankSearch;

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

@@ -1,12 +1,12 @@
 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());

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

@@ -1,9 +1,14 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Banks;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,43 +23,38 @@ import { jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import debounce from 'lodash/fp/debounce';
-import Page from "../../../common/components/layout/Page/index.js";
-import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
-import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
+import Page from '../../../common/components/layout/Page';
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+import PaginatedCollection from '../../../common/components/shared/PaginatedCollection';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides, SimpleSelect, TextInput } from '@instructure/quiz-common';
-import BanksList from "../../../banks/components/BanksList/index.js";
-import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
-import NavWrapper from "../NavWrapper/index.js";
+import BanksList from '../../../banks/components/BanksList';
+import CreateBankModal from '../../../banks/components/CreateBankModal';
+import NavWrapper from '../NavWrapper';
 import noResults from '../noResults.svg';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import AsyncSearch from "../AsyncSearch/index.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import AsyncSearch from '../AsyncSearch';
 var sortOrderIcons = {
   ascending: IconArrowUpLine,
   descending: IconArrowDownLine
 };
-var _ref4 = jsx(Img, {
-  src: noResults
-});
 export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
-  _inherits(Banks, _Component);
-  var _super = _createSuper(Banks);
   function Banks(props) {
     var _this;
     _classCallCheck(this, Banks);
-    _this = _super.apply(this, arguments);
+    _this = _callSuper(this, Banks, arguments);
     // We only care about displaying the account search for the Institution Banks and Shared with Me filters
-    _this.hideAccountSearch = function () {
+    _defineProperty(_this, "hideAccountSearch", function () {
       if (_this.props.scopeType === 'course' || _this.props.scopeType === 'courses' || _this.props.scopeType === 'this_account') {
         return true;
       }
       return false;
-    };
-    _this.isSubAccountLaunch = function () {
+    });
+    _defineProperty(_this, "isSubAccountLaunch", function () {
       return _this.props.scope.type === 'account' && _this.props.scope.launch_context_uuid && _this.props.rootAccountUuid && _this.props.scope.launch_context_uuid !== _this.props.rootAccountUuid;
-    };
-    _this.onCreateBank = function () {
+    });
+    _defineProperty(_this, "onCreateBank", function () {
       _this.props.createBank({
         language: _this.context.locale
       });
@@ -62,13 +62,13 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
         modalTrigger: _this.createBankButton,
         onCreateBank: _this.handleBankCreated
       });
-    };
-    _this.handleBankCreated = function () {
+    });
+    _defineProperty(_this, "handleBankCreated", function () {
       _this.props.merge(BANKS_BANK_FILTERS, {
         scopeType: 'user'
       });
-    };
-    _this.getBanksParams = function () {
+    });
+    _defineProperty(_this, "getBanksParams", function () {
       var scope = _this.props.scope;
       var params = {};
       if (_this.props.scopeType === 'course' && scope.uuid) {
@@ -94,45 +94,45 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
         });
       }
       return params;
-    };
-    _this.getPage = function (page) {
+    });
+    _defineProperty(_this, "getPage", function (page) {
       var params = _this.getBanksParams();
       return _this.props.getBanks(_objectSpread({
         page: page
       }, params), _this.props.usedByCourseEnabled, _this.props.getCourseAssignments);
-    };
-    _this.focusCreateBankButton = function () {
+    });
+    _defineProperty(_this, "focusCreateBankButton", function () {
       _this.createBankButton && _this.createBankButton.focus();
-    };
-    _this.handleCreateBankButtonRef = function (node) {
+    });
+    _defineProperty(_this, "handleCreateBankButtonRef", function (node) {
       _this.createBankButton = node;
-    };
-    _this.handleBanksParentChange = function (event, _ref) {
+    });
+    _defineProperty(_this, "handleBanksParentChange", function (event, _ref) {
       var scopeType = _ref.value;
       _this.props.merge(BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
-    };
-    _this.getSortingOrderIcon = function () {
+    });
+    _defineProperty(_this, "getSortingOrderIcon", function () {
       return sortOrderIcons[_this.props.sortOrder];
-    };
-    _this.getSortAssistiveText = function () {
+    });
+    _defineProperty(_this, "getSortAssistiveText", function () {
       return t('Change sort direction. Direction is currently { sortDirection }', {
         sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
       });
-    };
-    _this.handleSortingButtonClick = function () {
+    });
+    _defineProperty(_this, "handleSortingButtonClick", function () {
       _this.props.merge(BANKS_BANK_FILTERS, {
         sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
-    };
-    _this.handleSortByChange = function (event, _ref2) {
+    });
+    _defineProperty(_this, "handleSortByChange", function (event, _ref2) {
       var sortBy = _ref2.value;
       _this.props.merge(BANKS_BANK_FILTERS, {
         sortBy: sortBy
       });
-    };
-    _this.handleTableSortChange = function (sortBy, sortOrder) {
+    });
+    _defineProperty(_this, "handleTableSortChange", function (sortBy, sortOrder) {
       return function () {
         var newSortOrder = sortOrder;
         if (_this.props.sortBy === sortBy) {
@@ -144,18 +144,18 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
           sortBy: sortBy
         });
       };
-    };
-    _this.handleSearchInputChange = function (_ref3) {
+    });
+    _defineProperty(_this, "handleSearchInputChange", function (_ref3) {
       var value = _ref3.target.value;
       _this.setState({
         searchTerms: value
       });
       _this.search(value);
-    };
-    _this.handleSearchSelectionChange = function (searchSelection) {
+    });
+    _defineProperty(_this, "handleSearchSelectionChange", function (searchSelection) {
       _this.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
-    };
-    _this.renderRecords = function (recordIds) {
+    });
+    _defineProperty(_this, "renderRecords", function (recordIds) {
       return jsx(BanksList, {
         createBankButton: _this.createBankButton,
         currentUser: _this.props.currentUser,
@@ -176,8 +176,8 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
         recordIds: recordIds,
         sort: _this.props.sortBy
       });
-    };
-    _this.emptyPage = function () {
+    });
+    _defineProperty(_this, "emptyPage", function () {
       if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
         var message;
         if (_this.props.scopeType === 'course') {
@@ -197,11 +197,13 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
           size: "medium",
           heading: t('No Results Found'),
           message: message,
-          hero: _ref4
+          hero: jsx(Img, {
+            src: noResults
+          })
         });
       }
       return t("You don't have any banks yet");
-    };
+    });
     _this.state = {
       searchTerms: _this.props.searchTerms || ''
     };
@@ -212,7 +214,8 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
     });
     return _this;
   }
-  _createClass(Banks, [{
+  _inherits(Banks, _Component);
+  return _createClass(Banks, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.sortBy !== this.props.sortBy || prevProps.sortOrder !== this.props.sortOrder || prevProps.searchTerms !== this.props.searchTerms || prevProps.scopeType !== this.props.scopeType || !isEqual(prevProps.searchSelection, this.props.searchSelection)) {
@@ -425,9 +428,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
       })));
     }
   }]);
-  Banks.displayName = "Banks";
-  return Banks;
-}(Component), _Banks.displayName = 'Banks', _Banks.componentId = "Quizzes".concat(_Banks.displayName), _Banks.propTypes = {
+}(Component), _defineProperty(_Banks, "displayName", 'Banks'), _defineProperty(_Banks, "componentId", "Quizzes".concat(_Banks.displayName)), _defineProperty(_Banks, "propTypes", {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
@@ -491,7 +492,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   iceTopNavBarEnabled: PropTypes.bool,
   styles: PropTypes.object,
   rootAccountUuid: PropTypes.string
-}, _Banks.defaultProps = {
+}), _defineProperty(_Banks, "defaultProps", {
   closeTray: null,
   currentUser: null,
   getCourseInfo: null,
@@ -516,7 +517,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   itemBankSearchTableEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
-}, _Banks.contextTypes = {
+}), _defineProperty(_Banks, "contextTypes", {
   locale: PropTypes.string
-}, _Banks)) || _class);
+}), _Banks)) || _class);
 export default Banks;

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

@@ -1,11 +1,11 @@
 import { List } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import BanksList from "./presenter.js";
-import Bank from "../../../common/records/Bank.js";
-import { openModal, withConfirm } from "../../../common/actions/modal.js";
-import { deleteBank, createBankCloneJob } from "../../api/banks.js";
-import { addInfo } from "../../../common/actions/alerts.js";
-import { addToPolling } from "../../api/copyingBanksPoller.js";
+import { connect } from '../../../common/react-redux';
+import BanksList from './presenter';
+import Bank from '../../../common/records/Bank';
+import { openModal, withConfirm } from '../../../common/actions/modal';
+import { deleteBank, createBankCloneJob } from '../../api/banks';
+import { addInfo } from '../../../common/actions/alerts';
+import { addToPolling } from '../../api/copyingBanksPoller';
 export function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),