@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,17 +1,18 @@
 "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.BanksList = void 0;
+exports["default"] = exports.BanksList = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -28,118 +29,124 @@ var _uiSpinner = require("@instructure/ui-spinner");
 var _uiTable = require("@instructure/ui-table");
 var _emotion = require("@instructure/emotion");
 var _quizCommon = require("@instructure/quiz-common");
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
-var _index = _interopRequireDefault(require("../../../common/components/shared/IfFeature/index.js"));
-var _index2 = _interopRequireDefault(require("../EditBankModal/index.js"));
-var _index3 = _interopRequireDefault(require("../SharingModal/index.js"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
+var _IfFeature = _interopRequireDefault(require("../../../common/components/shared/IfFeature"));
+var _EditBankModal = _interopRequireDefault(require("../EditBankModal"));
+var _SharingModal = _interopRequireDefault(require("../SharingModal"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _BanksList;
 /** @jsx jsx */
-var _ref4 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref5 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref6 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var _ref7 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(BanksList, _withI18nSupport);
-  var _super = (0, _createSuper2.default)(BanksList);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var BanksList = exports.BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   function BanksList() {
-    var _this;
-    (0, _classCallCheck2.default)(this, BanksList);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, BanksList);
     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.state = {
+    _this2 = _callSuper(this, BanksList, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       sharingModalOpen: false,
       sharingModalBank: null,
       sharingCount: null,
       countedBank: null
-    };
-    _this.sharingButtons = [];
-    _this.openModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this2, "sharingButtons", []);
+    (0, _defineProperty2["default"])(_this2, "openModal", function (bank) {
       return function () {
-        _this.props.openModal([_quizCommon.EDIT_BANK_MODAL, bank.id].join(':'));
+        _this2.props.openModal([_quizCommon.EDIT_BANK_MODAL, bank.id].join(':'));
       };
-    };
-    _this.deleteBank = function (bankId) {
-      _this.props.deleteBank(bankId);
-      setTimeout(_this.props.focusCreateBankButton, 100);
-    };
-    _this.openDeleteBankModal = function (bank) {
-      return /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$props, currentUser, getUserInfo, deletingOwnBank, creatorFullName, resp, confirmBody;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = _this.props, currentUser = _this$props.currentUser, getUserInfo = _this$props.getUserInfo;
-                deletingOwnBank = currentUser && currentUser.uuid === bank.creator;
-                if (deletingOwnBank) {
-                  _context.next = 7;
-                  break;
-                }
-                _context.next = 5;
-                return getUserInfo(bank.creator);
-              case 5:
-                resp = _context.sent;
-                creatorFullName = resp && resp[0] && resp[0].fullName;
-              case 7:
-                confirmBody = (0, _emotion.jsx)("div", null, !deletingOwnBank && (creatorFullName ? (0, _formatMessage.default)('You are about to delete an Item Bank that you did not create. This Item Bank was created by {creator}, proceed with caution.', {
-                  creator: creatorFullName
-                }) : (0, _formatMessage.default)('You are about to delete an Item Bank that you did not create. Proceed with caution.')), (0, _emotion.jsx)(_uiAlerts.Alert, {
-                  variant: "error",
-                  padding: "0"
-                }, (0, _emotion.jsx)("div", {
-                  css: _this.props.styles.deleteAlert
-                }, (0, _emotion.jsx)("div", {
-                  css: _this.props.styles.deletePreface
-                }, (0, _formatMessage.default)('Once deleted, items from this bank:')), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will no longer be accessible to others who currently have shared access')), (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage.default.rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
-                  var children = _ref2.children;
-                  return (0, _emotion.jsx)(_uiText.Text, {
-                    weight: "bold",
-                    key: "0"
-                  }, children);
-                }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will lose their statistical link in reporting (if they were part of an assessment)')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will no longer be available to any assessments attempting a random/batch pull of items (removing the pull will resolve the issue)'))))));
-                _this.props.withConfirm((0, _partial.default)(_this.deleteBank, bank.id), {
-                  text: confirmBody,
-                  title: (0, _formatMessage.default)('Delete Bank'),
-                  continueText: (0, _formatMessage.default)('Delete'),
-                  continueVariant: 'danger',
-                  size: 'medium'
-                });
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+    });
+    (0, _defineProperty2["default"])(_this2, "deleteBank", function (bankId) {
+      _this2.props.deleteBank(bankId);
+      setTimeout(_this2.props.focusCreateBankButton, 100);
+    });
+    (0, _defineProperty2["default"])(_this2, "openDeleteBankModal", function (bank) {
+      return /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this2$props, currentUser, getUserInfo, deletingOwnBank, creatorFullName, resp, confirmBody;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this2$props = _this2.props, currentUser = _this2$props.currentUser, getUserInfo = _this2$props.getUserInfo;
+              deletingOwnBank = currentUser && currentUser.uuid === bank.creator;
+              if (deletingOwnBank) {
+                _context.next = 7;
+                break;
+              }
+              _context.next = 5;
+              return getUserInfo(bank.creator);
+            case 5:
+              resp = _context.sent;
+              creatorFullName = resp && resp[0] && resp[0].fullName;
+            case 7:
+              confirmBody = (0, _emotion.jsx)("div", null, !deletingOwnBank && (creatorFullName ? (0, _formatMessage["default"])('You are about to delete an Item Bank that you did not create. This Item Bank was created by {creator}, proceed with caution.', {
+                creator: creatorFullName
+              }) : (0, _formatMessage["default"])('You are about to delete an Item Bank that you did not create. Proceed with caution.')), (0, _emotion.jsx)(_uiAlerts.Alert, {
+                variant: "error",
+                padding: "0"
+              }, (0, _emotion.jsx)("div", {
+                css: _this2.props.styles.deleteAlert
+              }, (0, _emotion.jsx)("div", {
+                css: _this2.props.styles.deletePreface
+              }, (0, _formatMessage["default"])('Once deleted, items from this bank:')), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will no longer be accessible to others who currently have shared access')), (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage["default"].rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
+                var children = _ref2.children;
+                return (0, _emotion.jsx)(_uiText.Text, {
+                  weight: "bold",
+                  key: "0"
+                }, children);
+              }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will lose their statistical link in reporting (if they were part of an assessment)')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will no longer be available to any assessments attempting a random/batch pull of items (removing the pull will resolve the issue)'))))));
+              _this2.props.withConfirm((0, _partial["default"])(_this2.deleteBank, bank.id), {
+                text: confirmBody,
+                title: (0, _formatMessage["default"])('Delete Bank'),
+                continueText: (0, _formatMessage["default"])('Delete'),
+                continueVariant: 'danger',
+                size: 'medium'
+              });
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-    };
-    _this.openDuplicateBankModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this2, "openDuplicateBankModal", function (bank) {
       return function () {
         var createCloneJob = /*#__PURE__*/function () {
-          var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
+          var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
             var cloneJob;
-            return _regenerator.default.wrap(function _callee2$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.next = 2;
-                    return _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
-                  case 2:
-                    cloneJob = _context2.sent;
-                    _this.props.addToPolling(cloneJob.cloned_bank_id, (0, _formatMessage.default)('{name} Copy', {
-                      name: bank.title
-                    }));
-                    _this.props.addInfo((0, _formatMessage.default)('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
-                      name: bank.title
-                    }));
-                  case 5:
-                  case "end":
-                    return _context2.stop();
-                }
+            return _regenerator["default"].wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return _this2.props.createBankCloneJob(bank.id, _this2.props.currentUser.uuid);
+                case 2:
+                  cloneJob = _context2.sent;
+                  _this2.props.addToPolling(cloneJob.cloned_bank_id, (0, _formatMessage["default"])('{name} Copy', {
+                    name: bank.title
+                  }));
+                  _this2.props.addInfo((0, _formatMessage["default"])('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
+                    name: bank.title
+                  }));
+                case 5:
+                case "end":
+                  return _context2.stop();
               }
             }, _callee2);
           }));
@@ -147,192 +154,193 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
             return _ref3.apply(this, arguments);
           };
         }();
-        _this.props.withConfirm((0, _partial.default)(createCloneJob), {
-          text: (0, _formatMessage.default)('Are you sure you want to duplicate this item bank?'),
-          title: (0, _formatMessage.default)('Duplicate Bank'),
-          continueText: (0, _formatMessage.default)('Duplicate'),
+        _this2.props.withConfirm((0, _partial["default"])(createCloneJob), {
+          text: (0, _formatMessage["default"])('Are you sure you want to duplicate this item bank?'),
+          title: (0, _formatMessage["default"])('Duplicate Bank'),
+          continueText: (0, _formatMessage["default"])('Duplicate'),
           continueVariant: null,
           size: 'small'
         });
       };
-    };
-    _this.updateSharedCount = function (count) {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "updateSharedCount", function (count) {
+      _this2.setState({
         sharingCount: count
       });
-    };
-    _this.openSharingModal = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this2, "openSharingModal", function (bank) {
       return function () {
-        _this.setState({
+        _this2.setState({
           sharingModalOpen: true,
           sharingModalBank: bank,
           sharingCount: bank.sharedCount,
           countedBank: bank.id
         });
       };
-    };
-    _this.handleSharingModalDismiss = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleSharingModalDismiss", function () {
+      _this2.setState({
         sharingModalOpen: false,
         sharingModalBank: null
       });
-    };
-    _this.handleSharingButtonRef = function (bankId) {
+    });
+    (0, _defineProperty2["default"])(_this2, "handleSharingButtonRef", function (bankId) {
       return function (node) {
-        _this.sharingButtons[bankId] = node;
+        _this2.sharingButtons[bankId] = node;
       };
-    };
-    _this.currentBankCount = function (bank) {
-      var _this$state = _this.state,
-        countedBank = _this$state.countedBank,
-        sharingCount = _this$state.sharingCount;
+    });
+    (0, _defineProperty2["default"])(_this2, "currentBankCount", function (bank) {
+      var _this2$state = _this2.state,
+        countedBank = _this2$state.countedBank,
+        sharingCount = _this2$state.sharingCount;
       if (countedBank === bank.id && Number.isInteger(sharingCount)) {
         return sharingCount;
       }
       return bank.sharedCount;
-    };
-    _this.handleTableRef = function (element) {
+    });
+    (0, _defineProperty2["default"])(_this2, "handleTableRef", function (element) {
       if (element) {
         var simpleSelect = element.querySelector('[role="combobox"]');
         if (simpleSelect) {
           simpleSelect.setAttribute('data-automation', 'sdk-banks-sorting-select');
         }
       }
-    };
-    _this.renderBankInfo = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderBankInfo", function (bank) {
       var navigateToBank = function navigateToBank(bankId) {
         return function () {
-          return _this.props.navigateToBank(bankId);
+          return _this2.props.navigateToBank(bankId);
         };
       };
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankInfo,
+          css: _this2.props.styles.bankInfo,
           "data-automation": "sdk-bank-info",
           tabIndex: "-1"
         }, (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankTitle
+          css: _this2.props.styles.bankTitle
         }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
         }, bank.title)), (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankDetails,
+          css: _this2.props.styles.bankDetails,
           "data-automation": "sdk-banks-list-bank-details"
-        }, (0, _formatMessage.default)('Currently duplicating')));
+        }, (0, _formatMessage["default"])('Currently duplicating')));
       } else {
         return (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankInfo,
+          css: _this2.props.styles.bankInfo,
           "data-automation": "sdk-bank-info",
           tabIndex: "-1"
         }, (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankTitle
+          css: _this2.props.styles.bankTitle
         }, (0, _emotion.jsx)(_uiLink.Link, {
           onClick: navigateToBank(bank.id),
           themeOverride: {
-            color: _this.props.styles.bankTitleLinkColor,
-            hoverColor: _this.props.styles.bankTitleLinkHoverColor
+            color: _this2.props.styles.bankTitleLinkColor,
+            hoverColor: _this2.props.styles.bankTitleLinkHoverColor
           },
           "data-automation": "sdk-banks-list-bank-title-link"
         }, (0, _emotion.jsx)(_uiHeading.Heading, {
           as: "h2",
           level: "reset",
           "data-automation": "sdk-banks-list-bank-title-heading"
-        }, bank.title))), _this.renderDetails(bank));
+        }, bank.title))), _this2.renderDetails(bank));
       }
-    };
-    _this.renderBankOptions = function (bank) {
-      var bankEditOptions = (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiButtons.IconButton, {
-        onClick: _this.openModal(bank),
+    });
+    (0, _defineProperty2["default"])(_this2, "renderBankOptions", function (bank) {
+      var bankEditOptions = (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_uiButtons.IconButton, {
+        onClick: _this2.openModal(bank),
         name: "Edit",
         size: "small",
         "data-automation": "sdk-edit-bank-button",
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconEditLine,
-        title: (0, _formatMessage.default)('Edit bank {name}', {
+        title: (0, _formatMessage["default"])('Edit bank {name}', {
           name: bank.title
         }),
-        screenReaderLabel: (0, _formatMessage.default)('Edit bank {name}', {
+        screenReaderLabel: (0, _formatMessage["default"])('Edit bank {name}', {
           name: bank.title
         })
       }), (0, _emotion.jsx)(_uiButtons.IconButton, {
-        onClick: _this.openDeleteBankModal(bank),
+        onClick: _this2.openDeleteBankModal(bank),
         name: "Delete",
         size: "small",
         "data-automation": "sdk-delete-bank-button",
         withBackground: false,
         withBorder: false,
         renderIcon: _uiIcons.IconTrashLine,
-        title: (0, _formatMessage.default)('Delete bank {name}', {
+        title: (0, _formatMessage["default"])('Delete bank {name}', {
           name: bank.title
         }),
-        screenReaderLabel: (0, _formatMessage.default)('Delete bank {name}', {
+        screenReaderLabel: (0, _formatMessage["default"])('Delete bank {name}', {
           name: bank.title
         })
       }));
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankOptions
-        }, (0, _formatMessage.default)('Duplicating'), (0, _emotion.jsx)(_uiSpinner.Spinner, {
-          renderTitle: (0, _formatMessage.default)('Loading'),
+          css: _this2.props.styles.bankOptions
+        }, (0, _formatMessage["default"])('Duplicating'), (0, _emotion.jsx)(_uiSpinner.Spinner, {
+          renderTitle: (0, _formatMessage["default"])('Loading'),
           size: "x-small",
           margin: "0 0 0 small"
         }));
       } else {
         return (0, _emotion.jsx)("div", {
-          css: _this.props.styles.bankOptions
+          css: _this2.props.styles.bankOptions
         }, (0, _emotion.jsx)(_uiButtons.IconButton, {
-          onClick: _this.openDuplicateBankModal(bank),
+          onClick: _this2.openDuplicateBankModal(bank),
           name: "Duplicate",
           size: "small",
           "data-automation": "sdk-duplicate-bank-button",
           renderIcon: _uiIcons.IconCopyLine,
           withBackground: false,
           withBorder: false,
-          title: (0, _formatMessage.default)('Duplicate bank {name}', {
+          title: (0, _formatMessage["default"])('Duplicate bank {name}', {
             name: bank.title
           }),
-          screenReaderLabel: (0, _formatMessage.default)('Duplicate bank {name}', {
+          screenReaderLabel: (0, _formatMessage["default"])('Duplicate bank {name}', {
             name: bank.title
           })
-        }), (0, _emotion.jsx)(_index.default, {
+        }), (0, _emotion.jsx)(_IfFeature["default"], {
           name: "item_bank_sharing"
         }, (0, _emotion.jsx)(_uiButtons.IconButton, {
-          onClick: _this.openSharingModal(bank),
+          onClick: _this2.openSharingModal(bank),
           name: "Share",
           size: "small",
           "data-automation": "sdk-shared-bank-share-link",
           withBackground: false,
           withBorder: false,
           renderIcon: _uiIcons.IconShareSolid,
-          title: (0, _formatMessage.default)('Share bank {name}', {
+          title: (0, _formatMessage["default"])('Share bank {name}', {
             name: bank.title
           }),
-          screenReaderLabel: (0, _formatMessage.default)('Share bank {name}', {
+          screenReaderLabel: (0, _formatMessage["default"])('Share bank {name}', {
             name: bank.title
           })
         })), bank.canEdit() ? bankEditOptions : null);
       }
-    };
-    _this.renderBank = function (bank) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderBank", function (bank) {
       return (0, _emotion.jsx)("div", {
         key: bank.id,
-        css: _this.props.styles.bankRow,
+        css: _this2.props.styles.bankRow,
         "data-automation": "sdk-banks-list-bank-row"
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_EditBankModal["default"], {
         workingBank: bank.getWorkingInstance()
-      }), _this.renderBankInfo(bank), _this.renderBankOptions(bank));
-    };
-    return _this;
+      }), _this2.renderBankInfo(bank), _this2.renderBankOptions(bank));
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(BanksList, [{
+  (0, _inherits2["default"])(BanksList, _withI18nSupport);
+  return (0, _createClass2["default"])(BanksList, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this2 = this;
+      var _this3 = this;
       if (this.state.sharingModalBank) {
         var bankFromList = this.props.banks.find(function (bank) {
-          return bank.get('id') === _this2.state.sharingModalBank.get('id');
+          return bank.get('id') === _this3.state.sharingModalBank.get('id');
         });
         if (!this.state.sharingModalBank.equals(bankFromList)) {
           this.setState({
@@ -345,22 +353,22 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     key: "renderDetails",
     value: function renderDetails(bank) {
       var separator = ' | ';
-      var lastUsedInfo = bank.lastUsed() && (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage.default)('Last used { lastUsedDate }', {
+      var lastUsedInfo = bank.lastUsed() && (0, _emotion.jsx)(_react["default"].Fragment, null, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage["default"])('Last used { lastUsedDate }', {
         lastUsedDate: this.formatDateMedium(bank.lastUsed())
       }));
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankDetails,
         "data-automation": "sdk-banks-list-bank-details"
-      }, (0, _emotion.jsx)("div", null, (0, _formatMessage.default)('Updated { updatedDate }', {
+      }, (0, _emotion.jsx)("div", null, (0, _formatMessage["default"])('Updated { updatedDate }', {
         updatedDate: this.formatDateMedium(bank.updatedAt())
-      }), (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage.default)("{\n              count, plural,\n              one {# Question Total}\n              other {# Questions Total}\n            }", {
+      }), (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage["default"])("{\n              count, plural,\n              one {# Question Total}\n              other {# Questions Total}\n            }", {
         count: bank.itemEntryCount
       }), lastUsedInfo));
     }
   }, {
     key: "renderSharingModal",
     value: function renderSharingModal() {
-      return (0, _emotion.jsx)(_index3.default, {
+      return (0, _emotion.jsx)(_SharingModal["default"], {
         appContainer: this.props.appContainer,
         bank: this.state.sharingModalBank,
         currentUser: this.props.currentUser,
@@ -382,7 +390,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "renderTableRowHeader",
     value: function renderTableRowHeader(bank) {
-      var _this3 = this;
+      var _this4 = this;
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("div", {
           css: this.props.styles.rowHeader
@@ -394,12 +402,12 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       } else {
         var navigateToBank = function navigateToBank(bankId) {
           return function () {
-            return _this3.props.navigateToBank(bankId);
+            return _this4.props.navigateToBank(bankId);
           };
         };
         return (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("div", {
           css: this.props.styles.rowHeader
-        }, (0, _emotion.jsx)(_index2.default, {
+        }, (0, _emotion.jsx)(_EditBankModal["default"], {
           workingBank: bank.getWorkingInstance()
         }), (0, _emotion.jsx)(_uiLink.Link, {
           isWithinText: false,
@@ -418,7 +426,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       if (bank.status === 'copying') {
         return (0, _emotion.jsx)(_uiTable.Table.Row, {
           key: bank.id
-        }, this.renderTableRowHeader(bank), _ref4, _ref5, _ref6, _ref7, !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
+        }, this.renderTableRowHeader(bank), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), (0, _emotion.jsx)(_uiTable.Table.Cell, null), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.Cell, {
           textAlign: "end"
         }, this.renderBankOptions(bank)));
       } else {
@@ -443,22 +451,22 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "renderTable",
     value: function renderTable() {
-      var _this4 = this;
+      var _this5 = this;
       return (0, _emotion.jsx)(_uiTable.Table, {
         margin: "small 0",
-        caption: (0, _formatMessage.default)('Banks'),
+        caption: (0, _formatMessage["default"])('Banks'),
         layout: this.props.isCompact ? 'stacked' : 'auto',
         elementRef: this.handleTableRef
       }, (0, _emotion.jsx)(_uiTable.Table.Head, {
-        renderSortLabel: (0, _formatMessage.default)('Sort By')
-      }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage.default)('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+        renderSortLabel: (0, _formatMessage["default"])('Sort By')
+      }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage["default"])('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage["default"])('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage["default"])('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage["default"])('Created')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-option-links",
         width: "1"
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {
-        return _this4.renderTableRow(bank);
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {
+        return _this5.renderTableRow(bank);
       })));
     }
   }, {
@@ -467,39 +475,37 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       return (0, _emotion.jsx)("div", null, this.state.sharingModalBank && this.renderSharingModal(), this.props.itemBankSearchTableEnabled ? this.renderTable() : this.props.banks.toArray().map(this.renderBank));
     }
   }]);
-  BanksList.displayName = "BanksList";
-  return BanksList;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _BanksList.displayName = 'BanksList', _BanksList.componentId = "Quizzes".concat(_BanksList.displayName), _BanksList.propTypes = {
-  addInfo: _propTypes.default.func.isRequired,
-  addToPolling: _propTypes.default.func.isRequired,
-  appContainer: _CustomPropTypes.default.selectors.isRequired,
-  banks: _reactImmutableProptypes.default.list.isRequired,
-  createBankCloneJob: _propTypes.default.func.isRequired,
-  currentUser: _propTypes.default.shape({
-    bank_admin: _propTypes.default.bool,
-    can_share_banks_with_subaccounts: _propTypes.default.bool,
-    email: _propTypes.default.string,
-    enrollment_names: _propTypes.default.arrayOf(_propTypes.default.string),
-    full_name: _propTypes.default.string,
-    uuid: _propTypes.default.string,
-    account_name: _propTypes.default.string
+}((0, _quizCommon.withI18nSupport)(_react.Component)), (0, _defineProperty2["default"])(_BanksList, "displayName", 'BanksList'), (0, _defineProperty2["default"])(_BanksList, "componentId", "Quizzes".concat(_BanksList.displayName)), (0, _defineProperty2["default"])(_BanksList, "propTypes", {
+  addInfo: _propTypes["default"].func.isRequired,
+  addToPolling: _propTypes["default"].func.isRequired,
+  appContainer: _CustomPropTypes["default"].selectors.isRequired,
+  banks: _reactImmutableProptypes["default"].list.isRequired,
+  createBankCloneJob: _propTypes["default"].func.isRequired,
+  currentUser: _propTypes["default"].shape({
+    bank_admin: _propTypes["default"].bool,
+    can_share_banks_with_subaccounts: _propTypes["default"].bool,
+    email: _propTypes["default"].string,
+    enrollment_names: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    full_name: _propTypes["default"].string,
+    uuid: _propTypes["default"].string,
+    account_name: _propTypes["default"].string
   }),
-  focusCreateBankButton: _propTypes.default.func.isRequired,
-  deleteBank: _propTypes.default.func.isRequired,
-  getCourseInfo: _propTypes.default.func,
-  getUserInfo: _propTypes.default.func,
-  getShareableCourses: _propTypes.default.func,
-  getShareableUsers: _propTypes.default.func,
-  getShareableSubaccounts: _propTypes.default.func,
-  minChars: _propTypes.default.number,
-  navigateToBank: _propTypes.default.func.isRequired,
-  onShare: _propTypes.default.func,
-  openModal: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _BanksList.defaultProps = {
+  focusCreateBankButton: _propTypes["default"].func.isRequired,
+  deleteBank: _propTypes["default"].func.isRequired,
+  getCourseInfo: _propTypes["default"].func,
+  getUserInfo: _propTypes["default"].func,
+  getShareableCourses: _propTypes["default"].func,
+  getShareableUsers: _propTypes["default"].func,
+  getShareableSubaccounts: _propTypes["default"].func,
+  minChars: _propTypes["default"].number,
+  navigateToBank: _propTypes["default"].func.isRequired,
+  onShare: _propTypes["default"].func,
+  openModal: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_BanksList, "defaultProps", {
   currentUser: null,
   getCourseInfo: null,
   getUserInfo: null,
@@ -510,10 +516,8 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   locale: null,
   timezone: null,
   onShare: function onShare() {}
-}, _BanksList.contextTypes = {
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string
-}, _BanksList)) || _class);
-exports.BanksList = BanksList;
-var _default = BanksList;
-exports.default = _default;
+}), (0, _defineProperty2["default"])(_BanksList, "contextTypes", {
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string
+}), _BanksList)) || _class);
+var _default = exports["default"] = BanksList;