@instructure/quiz-core 21.2.0 → 22.1.0

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

@@ -23,96 +23,173 @@ var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
 var _presenter = _interopRequireDefault(require("../../../common/components/resources/BankSelection/presenter"));
 var _quizCommon = require("@instructure/quiz-common");
 var _featureCheck = require("../../../common/util/featureCheck");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 _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 CopyMoveBankEntryModal = exports.CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
-  function CopyMoveBankEntryModal() {
-    var _this;
+  function CopyMoveBankEntryModal(props) {
+    var _this2;
     (0, _classCallCheck2["default"])(this, CopyMoveBankEntryModal);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, CopyMoveBankEntryModal, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, CopyMoveBankEntryModal, [props]);
+    /**
+     * @type {React.RefObject<RadioInput> | null}
+     */
+    (0, _defineProperty2["default"])(_this2, "radioInputRef", null);
+    /**
+     * @type {React.RefObject<TextInput> | null}
+     */
+    (0, _defineProperty2["default"])(_this2, "textInputRef", null);
+    (0, _defineProperty2["default"])(_this2, "state", {
       bankType: 'existing',
       newBankTitle: '',
-      selectedBank: null
+      selectedBank: null,
+      radioValidationError: null,
+      selectValidationError: null
+    });
+    (0, _defineProperty2["default"])(_this2, "setBankInputRef", function (ref) {
+      _this2.bankSelectionInputRef = ref;
     });
-    (0, _defineProperty2["default"])(_this, "copyOrMove", function (newBankId) {
-      if (_this.props.keepCopy) {
-        _this.copyBankEntry(newBankId);
+    (0, _defineProperty2["default"])(_this2, "copyOrMove", function (newBankId) {
+      if (_this2.props.keepCopy) {
+        _this2.copyBankEntry(newBankId);
       } else {
-        _this.moveBankEntry(newBankId);
+        _this2.moveBankEntry(newBankId);
+      }
+      _this2.closeAction();
+    });
+    (0, _defineProperty2["default"])(_this2, "clearValidationErrors", function () {
+      _this2.setState({
+        radioValidationError: null,
+        selectValidationError: null
+      });
+    });
+    (0, _defineProperty2["default"])(_this2, "validateAction", function () {
+      var _this2$state = _this2.state,
+        bankType = _this2$state.bankType,
+        newBankTitle = _this2$state.newBankTitle,
+        selectedBank = _this2$state.selectedBank;
+      if (!bankType) {
+        var _this2$radioInputRef;
+        (_this2$radioInputRef = _this2.radioInputRef) === null || _this2$radioInputRef === void 0 || (_this2$radioInputRef = _this2$radioInputRef.current) === null || _this2$radioInputRef === void 0 || _this2$radioInputRef.focus();
+        _this2.setState({
+          radioValidationError: [{
+            text: (0, _formatMessage["default"])('Please choose a Copy/Move option'),
+            type: 'newError'
+          }]
+        });
+        return false;
+      }
+      if (bankType === 'existing' && !selectedBank) {
+        _this2.bankSelectionInputRef.focus();
+        _this2.setState({
+          selectValidationError: [{
+            text: (0, _formatMessage["default"])('Please select a bank'),
+            type: 'newError'
+          }]
+        });
+        return false;
       }
-      _this.closeAction();
+      if (bankType === 'new' && (!newBankTitle || !newBankTitle.trim())) {
+        var _this2$textInputRef;
+        (_this2$textInputRef = _this2.textInputRef) === null || _this2$textInputRef === void 0 || (_this2$textInputRef = _this2$textInputRef.current) === null || _this2$textInputRef === void 0 || _this2$textInputRef.focus();
+        _this2.setState({
+          selectValidationError: [{
+            text: (0, _formatMessage["default"])('Please enter a new bank title'),
+            type: 'newError'
+          }]
+        });
+        return false;
+      }
+      return true;
     });
-    (0, _defineProperty2["default"])(_this, "continueAction", function () {
-      if (_this.state.bankType === 'new') {
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      if (!_this2.validateAction()) {
+        return;
+      }
+      if (_this2.state.bankType === 'new') {
         var newBank = _Bank["default"].create({
-          title: _this.state.newBankTitle,
-          language: _this.context.locale
+          title: _this2.state.newBankTitle,
+          language: _this2.context.locale
         });
-        _this.props.createBank(newBank).then(function (bankData) {
-          _this.copyOrMove(bankData.id);
+        _this2.props.createBank(newBank).then(function (bankData) {
+          _this2.copyOrMove(bankData.id);
         });
       } else {
-        _this.copyOrMove(_this.state.selectedBank.id);
+        _this2.copyOrMove(_this2.state.selectedBank.id);
       }
     });
-    (0, _defineProperty2["default"])(_this, "initiateMove", function (newBankId) {
+    (0, _defineProperty2["default"])(_this2, "initiateMove", function (newBankId) {
       if ((0, _featureCheck.featureOn)('instfs_bank_entry_movement_endpoints')) {
-        return _this.props.moveBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, newBankId);
+        return _this2.props.moveBankEntry(_this2.props.sourceBankId, _this2.props.sourceBankEntryId, newBankId);
       } else {
-        return _this.props.updateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, {
+        return _this2.props.updateBankEntry(_this2.props.sourceBankId, _this2.props.sourceBankEntryId, {
           bankId: newBankId
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "moveBankEntry", function (newBankId) {
-      return _this.initiateMove(newBankId).then(function (bankEntry) {
-        _this.props.disassociateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId);
+    (0, _defineProperty2["default"])(_this2, "moveBankEntry", function (newBankId) {
+      return _this2.initiateMove(newBankId).then(function (bankEntry) {
+        _this2.props.disassociateBankEntry(_this2.props.sourceBankId, _this2.props.sourceBankEntryId);
         return bankEntry;
-      }).then(_this.props.onAdd);
+      }).then(_this2.props.onAdd);
     });
-    (0, _defineProperty2["default"])(_this, "initiateCopy", function (newBankId) {
+    (0, _defineProperty2["default"])(_this2, "initiateCopy", function (newBankId) {
       if ((0, _featureCheck.featureOn)('instfs_bank_entry_movement_endpoints')) {
-        return _this.props.copyBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, newBankId);
+        return _this2.props.copyBankEntry(_this2.props.sourceBankId, _this2.props.sourceBankEntryId, newBankId);
       } else {
-        return _this.props.createEntry().then(function (entry) {
-          return _this.props.createBankEntry(newBankId, _this.props.entryType, entry.id);
+        return _this2.props.createEntry().then(function (entry) {
+          return _this2.props.createBankEntry(newBankId, _this2.props.entryType, entry.id);
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "copyBankEntry", function (newBankId) {
-      return _this.initiateCopy(newBankId).then(_this.props.onAdd);
+    (0, _defineProperty2["default"])(_this2, "copyBankEntry", function (newBankId) {
+      return _this2.initiateCopy(newBankId).then(_this2.props.onAdd);
     });
-    (0, _defineProperty2["default"])(_this, "closeAction", function () {
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.clearValidationErrors();
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
+      _this2.props.closeModal();
     });
-    (0, _defineProperty2["default"])(_this, "onBankSelection", function (e, option) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "onBankSelection", function (e, option) {
+      _this2.clearValidationErrors();
+      _this2.setState({
         selectedBank: new _Bank["default"](option)
       });
     });
-    (0, _defineProperty2["default"])(_this, "onKeepCopyChange", function (e) {
-      _this.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
+    (0, _defineProperty2["default"])(_this2, "onKeepCopyChange", function (e) {
+      _this2.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
     });
-    (0, _defineProperty2["default"])(_this, "handleRadioChange", function (event, value) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleRadioChange", function (event, value) {
+      _this2.clearValidationErrors();
+      _this2.setState({
         bankType: value
       });
     });
-    (0, _defineProperty2["default"])(_this, "onTitleChange", function (e) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "onTitleChange", function (e) {
+      _this2.clearValidationErrors();
+      _this2.setState({
         newBankTitle: e.target.value
       });
     });
-    return _this;
+    _this2.radioInputRef = _react["default"].createRef();
+    _this2.textInputRef = _react["default"].createRef();
+    _this2.bankSelectionInputRef = _react["default"].createRef();
+    return _this2;
   }
   (0, _inherits2["default"])(CopyMoveBankEntryModal, _Component);
   return (0, _createClass2["default"])(CopyMoveBankEntryModal, [{
@@ -126,14 +203,9 @@ var CopyMoveBankEntryModal = exports.CopyMoveBankEntryModal = /*#__PURE__*/funct
   }, {
     key: "addToBankButton",
     value: function addToBankButton() {
-      var _this$state = this.state,
-        bankType = _this$state.bankType,
-        newBankTitle = _this$state.newBankTitle;
-      var disabled = bankType === 'existing' && !this.state.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
       return /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
         color: "primary",
         onClick: this.continueAction,
-        disabled: disabled,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
         "data-automation": "sdk-add-to-bank-button"
       }, (0, _formatMessage["default"])('Add'));
@@ -143,16 +215,22 @@ var CopyMoveBankEntryModal = exports.CopyMoveBankEntryModal = /*#__PURE__*/funct
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
         return /*#__PURE__*/_react["default"].createElement(_presenter["default"], {
+          inputRef: this.setBankInputRef,
           onBankSelection: this.onBankSelection,
           selectedBank: this.state.selectedBank,
-          "data-automation": "sdk-bank-selection"
+          "data-automation": "sdk-bank-selection",
+          externalError: this.state.selectValidationError,
+          isRequired: true
         });
       }
       return /*#__PURE__*/_react["default"].createElement(_quizCommon.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
         renderLabel: (0, _formatMessage["default"])('New Bank Title'),
-        type: "text"
+        type: "text",
+        messages: this.state.selectValidationError,
+        ref: this.textInputRef,
+        isRequired: true
       });
     }
   }, {
@@ -162,10 +240,13 @@ var CopyMoveBankEntryModal = exports.CopyMoveBankEntryModal = /*#__PURE__*/funct
         onChange: this.handleRadioChange,
         name: (0, _formatMessage["default"])('Bank Type'),
         defaultValue: this.state.bankType,
-        description: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Bank Type'))
+        description: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Bank Type')),
+        messages: this.state.radioValidationError,
+        isRequired: true
       }, /*#__PURE__*/_react["default"].createElement(_uiRadioInput.RadioInput, {
         value: "existing",
-        label: (0, _formatMessage["default"])('Existing item bank')
+        label: (0, _formatMessage["default"])('Existing item bank'),
+        ref: this.radioInputRef
       }), /*#__PURE__*/_react["default"].createElement(_uiRadioInput.RadioInput, {
         value: "new",
         label: (0, _formatMessage["default"])('New item bank')

package/lib/banks/components/CreateBankModal/index.js

@@ -18,8 +18,8 @@ var _errorsShowing = require("../../../common/actions/errorsShowing");
 var _modalHelpers = require("../../../common/util/modalHelpers");
 var _alerts = require("../../../common/actions/alerts");
 var _featureCheck = require("../../../common/util/featureCheck");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 mapStateToProps(state) {
   var temporaryBank = new _Bank["default"](state.getIn(['modifications', 'banks', _quizCommon.TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', (0, _immutable.Map)());

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

@@ -24,59 +24,71 @@ var _instUIMessages = require("../../../common/util/instUIMessages");
 var _quizCommon = require("@instructure/quiz-common");
 var _CreateBankModal;
 /** @jsx jsx */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 _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 CreateBankModal = exports.CreateBankModal = /*#__PURE__*/function (_Component) {
   function CreateBankModal(props) {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, CreateBankModal);
-    _this = _callSuper(this, CreateBankModal, [props]);
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, CreateBankModal, [props]);
+    (0, _defineProperty2["default"])(_this2, "state", {
       shareWithCourse: false
     });
-    (0, _defineProperty2["default"])(_this, "continueAction", function () {
-      _this.props.showError(_this.props.errorKey);
-      if (_this.props.temporaryBank.isValid()) {
-        var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
-        _this.props.createBank(_this.props.temporaryBank, courseUuid);
-        _this.props.onCreateBank();
-        _this.closeAction();
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      _this2.props.showError(_this2.props.errorKey);
+      if (_this2.props.temporaryBank.isValid()) {
+        var courseUuid = _this2.state.shareWithCourse ? _this2.props.itemBanksScope.uuid : null;
+        _this2.props.createBank(_this2.props.temporaryBank, courseUuid);
+        _this2.props.onCreateBank();
+        _this2.closeAction();
       } else {
-        var _this$bankNameInput$c;
-        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 || _this$bankNameInput$c.focus();
+        var _this2$bankNameInput$;
+        (_this2$bankNameInput$ = _this2.bankNameInput.current) === null || _this2$bankNameInput$ === void 0 || _this2$bankNameInput$.focus();
       }
     });
-    (0, _defineProperty2["default"])(_this, "closeAction", function () {
-      _this.props.hideError(_this.props.errorKey);
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.props.hideError(_this2.props.errorKey);
+      _this2.setState({
         shareWithCourse: false
       });
-      _this.props.clearModifications('banks', _this.props.temporaryBank.id);
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
+      _this2.props.clearModifications('banks', _this2.props.temporaryBank.id);
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
+      _this2.props.closeModal();
     });
-    (0, _defineProperty2["default"])(_this, "onNameChange", function (e) {
-      _this.props.showError(_this.props.errorKey);
-      _this.props.changeBank(_this.props.temporaryBank.id, {
+    (0, _defineProperty2["default"])(_this2, "onNameChange", function (e) {
+      _this2.props.showError(_this2.props.errorKey);
+      _this2.props.changeBank(_this2.props.temporaryBank.id, {
         title: e.target.value
       });
     });
-    (0, _defineProperty2["default"])(_this, "getErrors", function () {
-      if (_this.props.displayError) {
-        return (0, _instUIMessages.toErrors)(_this.props.temporaryBank.errorsFor('title').toJS());
+    (0, _defineProperty2["default"])(_this2, "getErrors", function () {
+      if (_this2.props.displayError) {
+        return (0, _instUIMessages.toErrors)(_this2.props.temporaryBank.errorsFor('title').toJS());
       }
     });
-    (0, _defineProperty2["default"])(_this, "toggleCheckbox", function (event) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "toggleCheckbox", function (event) {
+      _this2.setState({
         shareWithCourse: event.target.checked
       });
     });
-    _this.bankNameInput = _react["default"].createRef();
-    return _this;
+    _this2.bankNameInput = _react["default"].createRef();
+    return _this2;
   }
   (0, _inherits2["default"])(CreateBankModal, _Component);
   return (0, _createClass2["default"])(CreateBankModal, [{

package/lib/banks/components/EditBankModal/index.js

@@ -15,8 +15,8 @@ var _quizCommon = require("@instructure/quiz-common");
 var _modifications = require("../../../common/actions/modifications");
 var _errorsShowing = require("../../../common/actions/errorsShowing");
 var _modalHelpers = require("../../../common/util/modalHelpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', (0, _immutable.Map)());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");

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

@@ -22,46 +22,58 @@ var _quizCommon = require("@instructure/quiz-common");
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
 var _EditBankModal;
 /** @jsx jsx */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 _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 EditBankModal = exports.EditBankModal = /*#__PURE__*/function (_Component) {
   function EditBankModal(props) {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, EditBankModal);
-    _this = _callSuper(this, EditBankModal, [props]);
-    (0, _defineProperty2["default"])(_this, "continueAction", function () {
-      _this.props.showError(_this.props.errorKey);
-      if (_this.props.workingBank.isValid()) {
-        _this.props.updateBank(_this.props.workingBank);
-        _this.closeAction();
+    _this2 = _callSuper(this, EditBankModal, [props]);
+    (0, _defineProperty2["default"])(_this2, "continueAction", function () {
+      _this2.props.showError(_this2.props.errorKey);
+      if (_this2.props.workingBank.isValid()) {
+        _this2.props.updateBank(_this2.props.workingBank);
+        _this2.closeAction();
       } else {
-        var _this$bankNameInput$c;
-        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 || _this$bankNameInput$c.focus();
+        var _this2$bankNameInput$;
+        (_this2$bankNameInput$ = _this2.bankNameInput.current) === null || _this2$bankNameInput$ === void 0 || _this2$bankNameInput$.focus();
       }
     });
-    (0, _defineProperty2["default"])(_this, "closeAction", function () {
-      _this.props.hideError(_this.props.errorKey);
-      _this.props.clearModifications('banks', _this.props.workingBank.id);
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
+    (0, _defineProperty2["default"])(_this2, "closeAction", function () {
+      _this2.props.hideError(_this2.props.errorKey);
+      _this2.props.clearModifications('banks', _this2.props.workingBank.id);
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
+      _this2.props.closeModal();
     });
-    (0, _defineProperty2["default"])(_this, "onNameChange", function (e) {
-      _this.props.showError(_this.props.errorKey);
-      _this.props.changeBank(_this.props.workingBank.id, {
+    (0, _defineProperty2["default"])(_this2, "onNameChange", function (e) {
+      _this2.props.showError(_this2.props.errorKey);
+      _this2.props.changeBank(_this2.props.workingBank.id, {
         title: e.target.value
       });
     });
-    (0, _defineProperty2["default"])(_this, "getErrors", function () {
-      if (_this.props.displayError) {
-        return (0, _instUIMessages.toErrors)(_this.props.workingBank.errorsFor('title').toJS());
+    (0, _defineProperty2["default"])(_this2, "getErrors", function () {
+      if (_this2.props.displayError) {
+        return (0, _instUIMessages.toErrors)(_this2.props.workingBank.errorsFor('title').toJS());
       }
     });
-    _this.bankNameInput = _react["default"].createRef();
-    return _this;
+    _this2.bankNameInput = _react["default"].createRef();
+    return _this2;
   }
   (0, _inherits2["default"])(EditBankModal, _Component);
   return (0, _createClass2["default"])(EditBankModal, [{

package/lib/banks/components/HeaderBreadCrumb/index.js

@@ -16,22 +16,34 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 _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 HeaderBreadCrumb = exports.HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
   function HeaderBreadCrumb() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, HeaderBreadCrumb);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, HeaderBreadCrumb, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "setItemBanksRef", function (node) {
-      _this.itemBanksRef = node;
+    _this2 = _callSuper(this, HeaderBreadCrumb, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "setItemBanksRef", function (node) {
+      _this2.itemBanksRef = node;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(HeaderBreadCrumb, _Component);
   return (0, _createClass2["default"])(HeaderBreadCrumb, [{

package/lib/banks/components/HeaderMenu/index.js

@@ -10,8 +10,8 @@ var _reactRedux = require("../../../common/react-redux");
 var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
 var _ImportModal = require("../../../common/components/ImportModal");
 var _presenter = _interopRequireDefault(require("./presenter"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 mapStateToProps(state, props) {
   return {};
 }

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

@@ -28,8 +28,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _HeaderMenu;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var HeaderMenu = exports.HeaderMenu = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
   function HeaderMenu() {
     (0, _classCallCheck2["default"])(this, HeaderMenu);