@instructure/quiz-core 22.7.1-rc.9 → 22.9.0

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -36,33 +48,33 @@ import generateComponentTheme from './theme';
 import Overlay from '../../../common/components/shared/overlay';
 export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   function BankEntryRow() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankEntryRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntryRow, [].concat(args));
-    _defineProperty(_this, "incrementPosition", function () {
-      _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position + 1);
+    _this2 = _callSuper(this, BankEntryRow, [].concat(args));
+    _defineProperty(_this2, "incrementPosition", function () {
+      _this2.props.setUi(BUILD_TRAY_POSITION, _this2.props.position + 1);
     });
-    _defineProperty(_this, "deleteBankEntry", function () {
+    _defineProperty(_this2, "deleteBankEntry", function () {
       var confirmBody = jsx(Alert, {
         variant: "error",
         padding: "0"
       }, jsx("div", {
-        css: _this.props.styles.deleteAlert
+        css: _this2.props.styles.deleteAlert
       }, jsx("div", {
-        css: _this.props.styles.deletePreface
-      }, _this.getDeletePreface()), jsx(List, null, jsx(List.Item, null, t.rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
+        css: _this2.props.styles.deletePreface
+      }, _this2.getDeletePreface()), jsx(List, null, jsx(List.Item, null, t.rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
         var children = _ref.children;
         return jsx(Text, {
           weight: "bold",
           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), {
+      _this2.props.withConfirm(partial(_this2.props.removeBankEntry, _this2.props.bank.id, _this2.props.bankEntry.id), {
         title: t('Delete {type}', {
-          type: _this.type()
+          type: _this2.type()
         }),
         text: confirmBody,
         continueText: t('Delete'),
@@ -70,55 +82,55 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         size: 'medium'
       });
     });
-    _defineProperty(_this, "addToQuiz", function () {
-      if (_this.props.activeQuizId) {
+    _defineProperty(_this2, "addToQuiz", function () {
+      if (_this2.props.activeQuizId) {
         var newEntry = QuizEntry.create({
-          entryId: _this.props.bankEntry.id,
+          entryId: _this2.props.bankEntry.id,
           entryType: 'BankEntry',
-          position: _this.props.position,
-          stimulusQuizEntryId: _this.props.stimulusId
+          position: _this2.props.position,
+          stimulusQuizEntryId: _this2.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'));
+        _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+          _this2.props.screenreaderNotification(t('Bank Entry was successfully added to the quiz'));
         });
-        if (_this.props.position) _this.incrementPosition();
+        if (_this2.props.position) _this2.incrementPosition();
       }
     });
-    _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
+    _defineProperty(_this2, "openCopyMoveBankEntryModal", function () {
+      _this2.props.openModal([COPY_MOVE_BANK_ENTRY_MODAL, _this2.props.bankEntry.entryType, _this2.props.bankEntry.entry.toJS().id].join(':'), {
+        modalTrigger: _this2.copyMoveBankEntryButton
       });
     });
-    _defineProperty(_this, "createEntryForBank", function () {
-      var createEntry = _this.isItemEntry() ? _this.props.createItem : _this.props.createStimulus;
-      return createEntry(_this.getEntry(), _this.props.bank.id, 'bank');
+    _defineProperty(_this2, "createEntryForBank", function () {
+      var createEntry = _this2.isItemEntry() ? _this2.props.createItem : _this2.props.createStimulus;
+      return createEntry(_this2.getEntry(), _this2.props.bank.id, 'bank');
     });
-    _defineProperty(_this, "storeCopyMoveBankEntryButtonRef", function (c) {
-      _this.copyMoveBankEntryButton = c;
+    _defineProperty(_this2, "storeCopyMoveBankEntryButtonRef", function (c) {
+      _this2.copyMoveBankEntryButton = c;
     });
-    _defineProperty(_this, "storeEditButtonRef", function (c) {
-      _this.editButton = c;
+    _defineProperty(_this2, "storeEditButtonRef", function (c) {
+      _this2.editButton = c;
     });
-    _defineProperty(_this, "renderTrashButton", function () {
+    _defineProperty(_this2, "renderTrashButton", function () {
       var title = t('Delete {type}', {
-        type: _this.type()
+        type: _this2.type()
       });
       return jsx(IconButton, {
         size: "medium",
         withBackground: false,
         withBorder: false,
-        onClick: _this.deleteBankEntry,
+        onClick: _this2.deleteBankEntry,
         "data-automation": "sdk-delete-bank-entry-button",
         renderIcon: IconTrashLine,
         title: title,
         screenReaderLabel: title
       });
     });
-    _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);
+    _defineProperty(_this2, "navigateToBankEntry", function () {
+      _this2.props.setUi(SET_EDIT_BUTTON_FOCUS, _this2.props.bankEntry.id);
+      _this2.props.navigateToBankEntry(_this2.props.bankEntry.id, _this2.props.bank.id);
     });
-    return _this;
+    return _this2;
   }
   _inherits(BankEntryRow, _withI18nSupport);
   return _createClass(BankEntryRow, [{

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import memoize from 'lodash/memoize';
@@ -34,31 +46,31 @@ var tagShape = PropTypes.shape({
 });
 export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   function BankSearch() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankSearch);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankSearch, [].concat(args));
-    _defineProperty(_this, "toggleInteraction", memoize(function (it) {
+    _this2 = _callSuper(this, BankSearch, [].concat(args));
+    _defineProperty(_this2, "toggleInteraction", memoize(function (it) {
       return function () {
-        return _this.props.toggle('interactionTypes', it);
+        return _this2.props.toggle('interactionTypes', it);
       };
     }));
-    _defineProperty(_this, "setTags", function (tags) {
-      return _this.props.setFilter('tags', tags);
+    _defineProperty(_this2, "setTags", function (tags) {
+      return _this2.props.setFilter('tags', tags);
     });
-    _defineProperty(_this, "updateSearch", function (_ref) {
+    _defineProperty(_this2, "updateSearch", function (_ref) {
       var value = _ref.target.value;
-      return _this.props.update(value);
+      return _this2.props.update(value);
     });
-    return _this;
+    return _this2;
   }
   _inherits(BankSearch, _Component);
   return _createClass(BankSearch, [{
     key: "renderFilters",
     value: function renderFilters() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$props = this.props,
         allInteractions = _this$props.allInteractions,
         search = _this$props.search,
@@ -76,11 +88,11 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
           var label = "".concat(interactionName, " (").concat(count, ")");
           return jsx("div", {
             key: it.id,
-            css: _this2.props.styles.interactionType
+            css: _this3.props.styles.interactionType
           }, jsx(Checkbox, {
             checked: active.has(it.id),
             label: label,
-            onChange: _this2.toggleInteraction(it.id),
+            onChange: _this3.toggleInteraction(it.id),
             value: "medium"
           }));
         });

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

@@ -5,10 +5,22 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -41,156 +53,156 @@ var sortOrderIcons = {
 };
 export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   function Banks(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, Banks);
-    _this = _callSuper(this, Banks, arguments);
+    _this2 = _callSuper(this, Banks, arguments);
     // We only care about displaying the account search for the Institution Banks and Shared with Me filters
-    _defineProperty(_this, "hideAccountSearch", function () {
-      if (_this.props.scopeType === 'course' || _this.props.scopeType === 'courses' || _this.props.scopeType === 'this_account') {
+    _defineProperty(_this2, "hideAccountSearch", function () {
+      if (_this2.props.scopeType === 'course' || _this2.props.scopeType === 'courses' || _this2.props.scopeType === 'this_account') {
         return true;
       }
       return false;
     });
-    _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;
+    _defineProperty(_this2, "isSubAccountLaunch", function () {
+      return _this2.props.scope.type === 'account' && _this2.props.scope.launch_context_uuid && _this2.props.rootAccountUuid && _this2.props.scope.launch_context_uuid !== _this2.props.rootAccountUuid;
     });
-    _defineProperty(_this, "onCreateBank", function () {
-      _this.props.createBank({
-        language: _this.context.locale
+    _defineProperty(_this2, "onCreateBank", function () {
+      _this2.props.createBank({
+        language: _this2.context.locale
       });
-      _this.props.openModal(CREATE_BANK_MODAL, {
-        modalTrigger: _this.createBankButton,
-        onCreateBank: _this.handleBankCreated
+      _this2.props.openModal(CREATE_BANK_MODAL, {
+        modalTrigger: _this2.createBankButton,
+        onCreateBank: _this2.handleBankCreated
       });
     });
-    _defineProperty(_this, "handleBankCreated", function () {
-      _this.props.merge(BANKS_BANK_FILTERS, {
+    _defineProperty(_this2, "handleBankCreated", function () {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         scopeType: 'user'
       });
     });
-    _defineProperty(_this, "getBanksParams", function () {
-      var scope = _this.props.scope;
+    _defineProperty(_this2, "getBanksParams", function () {
+      var scope = _this2.props.scope;
       var params = {};
-      if (_this.props.scopeType === 'course' && scope.uuid) {
+      if (_this2.props.scopeType === 'course' && scope.uuid) {
         params['course_id'] = scope.uuid;
-      } else if (_this.props.scopeType && _this.props.scopeType != 'user') {
-        params['scope'] = _this.props.scopeType;
+      } else if (_this2.props.scopeType && _this2.props.scopeType != 'user') {
+        params['scope'] = _this2.props.scopeType;
       }
-      if (_this.props.sortBy !== 'name') {
-        params['sort_by'] = _this.props.sortBy;
+      if (_this2.props.sortBy !== 'name') {
+        params['sort_by'] = _this2.props.sortBy;
       }
-      if (_this.props.sortOrder === 'descending') {
+      if (_this2.props.sortOrder === 'descending') {
         params['sort_order'] = 'DESC';
       }
-      if (_this.props.searchTerms) {
-        params['search'] = _this.props.searchTerms;
+      if (_this2.props.searchTerms) {
+        params['search'] = _this2.props.searchTerms;
       }
-      if (_this.props.scopeType === 'this_account') {
-        params['account_uuids'] = [_this.props.scope.launch_context_uuid];
+      if (_this2.props.scopeType === 'this_account') {
+        params['account_uuids'] = [_this2.props.scope.launch_context_uuid];
         params['scope'] = 'account';
-      } else if (_this.props.searchSelection.length > 0) {
-        params['account_uuids'] = _this.props.searchSelection.map(function (account) {
+      } else if (_this2.props.searchSelection.length > 0) {
+        params['account_uuids'] = _this2.props.searchSelection.map(function (account) {
           return account.uuid;
         });
       }
       return params;
     });
-    _defineProperty(_this, "getPage", function (page) {
-      var params = _this.getBanksParams();
-      return _this.props.getBanks(_objectSpread({
+    _defineProperty(_this2, "getPage", function (page) {
+      var params = _this2.getBanksParams();
+      return _this2.props.getBanks(_objectSpread({
         page: page
-      }, params), _this.props.usedByCourseEnabled, _this.props.getCourseAssignments);
+      }, params), _this2.props.usedByCourseEnabled, _this2.props.getCourseAssignments);
     });
-    _defineProperty(_this, "focusCreateBankButton", function () {
-      _this.createBankButton && _this.createBankButton.focus();
+    _defineProperty(_this2, "focusCreateBankButton", function () {
+      _this2.createBankButton && _this2.createBankButton.focus();
     });
-    _defineProperty(_this, "handleCreateBankButtonRef", function (node) {
-      _this.createBankButton = node;
+    _defineProperty(_this2, "handleCreateBankButtonRef", function (node) {
+      _this2.createBankButton = node;
     });
-    _defineProperty(_this, "handleBanksParentChange", function (event, _ref) {
+    _defineProperty(_this2, "handleBanksParentChange", function (event, _ref) {
       var scopeType = _ref.value;
-      _this.props.merge(BANKS_BANK_FILTERS, {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
     });
-    _defineProperty(_this, "getSortingOrderIcon", function () {
-      return sortOrderIcons[_this.props.sortOrder];
+    _defineProperty(_this2, "getSortingOrderIcon", function () {
+      return sortOrderIcons[_this2.props.sortOrder];
     });
-    _defineProperty(_this, "getSortAssistiveText", function () {
+    _defineProperty(_this2, "getSortAssistiveText", function () {
       return t('Change sort direction. Direction is currently { sortDirection }', {
-        sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
+        sortDirection: _this2.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
       });
     });
-    _defineProperty(_this, "handleSortingButtonClick", function () {
-      _this.props.merge(BANKS_BANK_FILTERS, {
-        sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
+    _defineProperty(_this2, "handleSortingButtonClick", function () {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
+        sortOrder: _this2.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
     });
-    _defineProperty(_this, "handleSortByChange", function (event, _ref2) {
+    _defineProperty(_this2, "handleSortByChange", function (event, _ref2) {
       var sortBy = _ref2.value;
-      _this.props.merge(BANKS_BANK_FILTERS, {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         sortBy: sortBy
       });
     });
-    _defineProperty(_this, "handleTableSortChange", function (sortBy, sortOrder) {
+    _defineProperty(_this2, "handleTableSortChange", function (sortBy, sortOrder) {
       return function () {
         var newSortOrder = sortOrder;
-        if (_this.props.sortBy === sortBy) {
+        if (_this2.props.sortBy === sortBy) {
           // toggle sort order
           sortOrder === 'ascending' ? newSortOrder = 'descending' : newSortOrder = 'ascending';
         }
-        _this.props.merge(BANKS_BANK_FILTERS, {
+        _this2.props.merge(BANKS_BANK_FILTERS, {
           sortOrder: newSortOrder,
           sortBy: sortBy
         });
       };
     });
-    _defineProperty(_this, "handleSearchInputChange", function (_ref3) {
+    _defineProperty(_this2, "handleSearchInputChange", function (_ref3) {
       var value = _ref3.target.value;
-      _this.setState({
+      _this2.setState({
         searchTerms: value
       });
-      _this.search(value);
+      _this2.search(value);
     });
-    _defineProperty(_this, "handleSearchSelectionChange", function (searchSelection) {
-      _this.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
+    _defineProperty(_this2, "handleSearchSelectionChange", function (searchSelection) {
+      _this2.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
     });
-    _defineProperty(_this, "renderRecords", function (recordIds) {
+    _defineProperty(_this2, "renderRecords", function (recordIds) {
       return jsx(BanksList, {
-        createBankButton: _this.createBankButton,
-        currentUser: _this.props.currentUser,
-        focusCreateBankButton: _this.focusCreateBankButton,
-        getCourseInfo: _this.props.getCourseInfo,
-        getUserInfo: _this.props.getUserInfo,
-        getSubaccountInfo: _this.props.getSubaccountInfo,
-        getShareableCourses: _this.props.getShareableCourses,
-        getShareableUsers: _this.props.getShareableUsers,
-        getShareableSubaccounts: _this.props.getShareableSubaccounts,
-        isCompact: _this.props.isCompact,
-        itemBankSearchTableEnabled: _this.props.itemBankSearchTableEnabled,
-        minChars: _this.props.minChars,
-        navigateToBank: _this.props.navigateToBank,
-        onChangeSort: _this.handleTableSortChange,
-        onShare: _this.props.onShare,
-        order: _this.props.sortOrder,
+        createBankButton: _this2.createBankButton,
+        currentUser: _this2.props.currentUser,
+        focusCreateBankButton: _this2.focusCreateBankButton,
+        getCourseInfo: _this2.props.getCourseInfo,
+        getUserInfo: _this2.props.getUserInfo,
+        getSubaccountInfo: _this2.props.getSubaccountInfo,
+        getShareableCourses: _this2.props.getShareableCourses,
+        getShareableUsers: _this2.props.getShareableUsers,
+        getShareableSubaccounts: _this2.props.getShareableSubaccounts,
+        isCompact: _this2.props.isCompact,
+        itemBankSearchTableEnabled: _this2.props.itemBankSearchTableEnabled,
+        minChars: _this2.props.minChars,
+        navigateToBank: _this2.props.navigateToBank,
+        onChangeSort: _this2.handleTableSortChange,
+        onShare: _this2.props.onShare,
+        order: _this2.props.sortOrder,
         recordIds: recordIds,
-        sort: _this.props.sortBy
+        sort: _this2.props.sortBy
       });
     });
-    _defineProperty(_this, "emptyPage", function () {
-      if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
+    _defineProperty(_this2, "emptyPage", function () {
+      if (_this2.props.searchTerms || _this2.props.searchSelection.length > 0) {
         var message;
-        if (_this.props.scopeType === 'course') {
+        if (_this2.props.scopeType === 'course') {
           message = t("Your filter is set to \"Courses\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this.topLevelBankFilterName()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
-        } else if (_this.props.scopeType === 'this_account') {
+        } else if (_this2.props.scopeType === 'this_account') {
           message = t("Your filter is set to \"This Account\" which will narrow what you can search for.\n            Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this.topLevelBankFilterName()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
-        } else if (_this.props.scopeType === 'account') {
+        } else if (_this2.props.scopeType === 'account') {
           message = t("Your filter is set to \"Institution\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
-            topLevelBankFilter: _this.topLevelBankFilterName()
+            topLevelBankFilter: _this2.topLevelBankFilterName()
           });
         }
         return jsx(Billboard, {
@@ -204,15 +216,15 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
       }
       return t("You don't have any banks yet");
     });
-    _this.state = {
-      searchTerms: _this.props.searchTerms || ''
+    _this2.state = {
+      searchTerms: _this2.props.searchTerms || ''
     };
-    _this.search = debounce(500, function (searchTerms) {
-      _this.props.merge(BANKS_BANK_FILTERS, {
+    _this2.search = debounce(500, function (searchTerms) {
+      _this2.props.merge(BANKS_BANK_FILTERS, {
         searchTerms: searchTerms
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(Banks, _Component);
   return _createClass(Banks, [{