@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
@@ -10,102 +26,99 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from "../../../common/records/Bank.js";
-import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
+import Bank from '../../../common/records/Bank';
+import BankSelection from '../../../common/components/resources/BankSelection/presenter';
 import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import { featureOn } from "../../../common/util/featureCheck.js";
-var _ref = /*#__PURE__*/React.createElement("br", null);
-var _ref2 = /*#__PURE__*/React.createElement("br", null);
+import { featureOn } from '../../../common/util/featureCheck';
 export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
-  _inherits(CopyMoveBankEntryModal, _Component);
-  var _super = _createSuper(CopyMoveBankEntryModal);
   function CopyMoveBankEntryModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, CopyMoveBankEntryModal);
     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, CopyMoveBankEntryModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       bankType: 'existing',
       newBankTitle: '',
       selectedBank: null
-    };
-    _this.copyOrMove = function (newBankId) {
-      if (_this.props.keepCopy) {
-        _this.copyBankEntry(newBankId);
+    });
+    _defineProperty(_this2, "copyOrMove", function (newBankId) {
+      if (_this2.props.keepCopy) {
+        _this2.copyBankEntry(newBankId);
       } else {
-        _this.moveBankEntry(newBankId);
+        _this2.moveBankEntry(newBankId);
       }
-      _this.closeAction();
-    };
-    _this.continueAction = function () {
-      if (_this.state.bankType === 'new') {
+      _this2.closeAction();
+    });
+    _defineProperty(_this2, "continueAction", function () {
+      if (_this2.state.bankType === 'new') {
         var newBank = Bank.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);
       }
-    };
-    _this.initiateMove = function (newBankId) {
+    });
+    _defineProperty(_this2, "initiateMove", function (newBankId) {
       if (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
         });
       }
-    };
-    _this.moveBankEntry = function (newBankId) {
-      return _this.initiateMove(newBankId).then(function (bankEntry) {
-        _this.props.disassociateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId);
+    });
+    _defineProperty(_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);
-    };
-    _this.initiateCopy = function (newBankId) {
+      }).then(_this2.props.onAdd);
+    });
+    _defineProperty(_this2, "initiateCopy", function (newBankId) {
       if (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);
         });
       }
-    };
-    _this.copyBankEntry = function (newBankId) {
-      return _this.initiateCopy(newBankId).then(_this.props.onAdd);
-    };
-    _this.closeAction = function () {
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
+    });
+    _defineProperty(_this2, "copyBankEntry", function (newBankId) {
+      return _this2.initiateCopy(newBankId).then(_this2.props.onAdd);
+    });
+    _defineProperty(_this2, "closeAction", function () {
+      if (_this2.props.modalTrigger) {
+        _this2.props.modalTrigger.focus();
       }
-      _this.props.closeModal();
-    };
-    _this.onBankSelection = function (e, option) {
-      _this.setState({
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "onBankSelection", function (e, option) {
+      _this2.setState({
         selectedBank: new Bank(option)
       });
-    };
-    _this.onKeepCopyChange = function (e) {
-      _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
-    };
-    _this.handleRadioChange = function (event, value) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "onKeepCopyChange", function (e) {
+      _this2.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
+    });
+    _defineProperty(_this2, "handleRadioChange", function (event, value) {
+      _this2.setState({
         bankType: value
       });
-    };
-    _this.onTitleChange = function (e) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "onTitleChange", function (e) {
+      _this2.setState({
         newBankTitle: e.target.value
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(CopyMoveBankEntryModal, [{
+  _inherits(CopyMoveBankEntryModal, _Component);
+  return _createClass(CopyMoveBankEntryModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/React.createElement(Button, {
@@ -159,7 +172,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _ref, this.renderBankTypeContent(), _ref2, /*#__PURE__*/React.createElement(Checkbox, {
+      })), /*#__PURE__*/React.createElement("br", null), this.renderBankTypeContent(), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox, {
         label: t('Keep a copy in this bank'),
         value: "medium",
         checked: this.props.keepCopy,
@@ -187,10 +200,8 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ModalBody, null, this.renderContent()), /*#__PURE__*/React.createElement(ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-  CopyMoveBankEntryModal.displayName = "CopyMoveBankEntryModal";
-  return CopyMoveBankEntryModal;
 }(Component);
-CopyMoveBankEntryModal.propTypes = {
+_defineProperty(CopyMoveBankEntryModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   createBank: PropTypes.func.isRequired,
   copyBankEntry: PropTypes.func.isRequired,
@@ -213,13 +224,13 @@ CopyMoveBankEntryModal.propTypes = {
   uiSet: PropTypes.func.isRequired,
   updateBankEntry: PropTypes.func.isRequired,
   moveBankEntry: PropTypes.func.isRequired
-};
-CopyMoveBankEntryModal.contextTypes = {
+});
+_defineProperty(CopyMoveBankEntryModal, "contextTypes", {
   locale: PropTypes.string
-};
-CopyMoveBankEntryModal.defaultProps = {
+});
+_defineProperty(CopyMoveBankEntryModal, "defaultProps", {
   keepCopy: true,
   modalTrigger: null,
   onAdd: function onAdd() {}
-};
+});
 export default CopyMoveBankEntryModal;

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

@@ -1,16 +1,16 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import { createBank } from "../../api/banks.js";
-import CreateBankModal from "./presenter.js";
-import * as modalActions from "../../../common/actions/modal.js";
+import { connect } from '../../../common/react-redux';
+import { createBank } from '../../api/banks';
+import CreateBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
 import { CREATE_BANK_MODAL, TEMPORARY_BANK_ID } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
-import Bank from "../../../common/records/Bank.js";
-import { showError, hideError } from "../../../common/actions/errorsShowing.js";
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { changeBank, clearModifications } from '../../../common/actions/modifications';
+import Bank from '../../../common/records/Bank';
+import { showError, hideError } from '../../../common/actions/errorsShowing';
+import { getModalTrigger } from '../../../common/util/modalHelpers';
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { featureOn } from '../../../common/util/featureCheck';
 function mapStateToProps(state) {
   var temporaryBank = new Bank(state.getIn(['modifications', 'banks', TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', Map());

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _CreateBankModal;
+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';
@@ -12,62 +28,61 @@ import { View } from '@instructure/ui-view';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from "../../../common/records/Bank.js";
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import Bank from '../../../common/records/Bank';
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 export var CreateBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(CreateBankModal, _Component);
-  var _super = _createSuper(CreateBankModal);
   function CreateBankModal(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, CreateBankModal);
-    _this = _super.call(this, props);
-    _this.state = {
+    _this2 = _callSuper(this, CreateBankModal, [props]);
+    _defineProperty(_this2, "state", {
       shareWithCourse: false
-    };
-    _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();
+    });
+    _defineProperty(_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 ? void 0 : _this$bankNameInput$c.focus();
+        var _this2$bankNameInput$;
+        (_this2$bankNameInput$ = _this2.bankNameInput.current) === null || _this2$bankNameInput$ === void 0 || _this2$bankNameInput$.focus();
       }
-    };
-    _this.closeAction = function () {
-      _this.props.hideError(_this.props.errorKey);
-      _this.setState({
+    });
+    _defineProperty(_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();
-    };
-    _this.onNameChange = function (e) {
-      _this.props.showError(_this.props.errorKey);
-      _this.props.changeBank(_this.props.temporaryBank.id, {
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "onNameChange", function (e) {
+      _this2.props.showError(_this2.props.errorKey);
+      _this2.props.changeBank(_this2.props.temporaryBank.id, {
         title: e.target.value
       });
-    };
-    _this.getErrors = function () {
-      if (_this.props.displayError) {
-        return toErrors(_this.props.temporaryBank.errorsFor('title').toJS());
+    });
+    _defineProperty(_this2, "getErrors", function () {
+      if (_this2.props.displayError) {
+        return toErrors(_this2.props.temporaryBank.errorsFor('title').toJS());
       }
-    };
-    _this.toggleCheckbox = function (event) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "toggleCheckbox", function (event) {
+      _this2.setState({
         shareWithCourse: event.target.checked
       });
-    };
-    _this.bankNameInput = /*#__PURE__*/React.createRef();
-    return _this;
+    });
+    _this2.bankNameInput = React.createRef();
+    return _this2;
   }
-  _createClass(CreateBankModal, [{
+  _inherits(CreateBankModal, _Component);
+  return _createClass(CreateBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -137,13 +152,11 @@ export var CreateBankModal = /*#__PURE__*/function (_Component) {
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.createBankButton()));
     }
   }]);
-  CreateBankModal.displayName = "CreateBankModal";
-  return CreateBankModal;
 }(Component);
 _CreateBankModal = CreateBankModal;
-CreateBankModal.displayName = 'CreateBankModal';
-CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName);
-CreateBankModal.propTypes = {
+_defineProperty(CreateBankModal, "displayName", 'CreateBankModal');
+_defineProperty(CreateBankModal, "componentId", "Quizzes".concat(_CreateBankModal.displayName));
+_defineProperty(CreateBankModal, "propTypes", {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,
@@ -166,12 +179,12 @@ CreateBankModal.propTypes = {
     root_account_name: PropTypes.string
   }),
   styles: PropTypes.object
-};
-CreateBankModal.defaultProps = {
+});
+_defineProperty(CreateBankModal, "defaultProps", {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-};
+});
 export default CreateBankModal;

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

@@ -1,13 +1,13 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import { updateBank } from "../../api/banks.js";
-import EditBankModal from "./presenter.js";
-import * as modalActions from "../../../common/actions/modal.js";
+import { connect } from '../../../common/react-redux';
+import { updateBank } from '../../api/banks';
+import EditBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
 import { EDIT_BANK_MODAL } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
-import { showError, hideError } from "../../../common/actions/errorsShowing.js";
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
+import { changeBank, clearModifications } from '../../../common/actions/modifications';
+import { showError, hideError } from '../../../common/actions/errorsShowing';
+import { getModalTrigger } from '../../../common/util/modalHelpers';
 function mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', Map());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _EditBankModal;
+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';
@@ -10,49 +26,48 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import Bank from "../../../common/records/Bank.js";
+import Bank from '../../../common/records/Bank';
 export var EditBankModal = /*#__PURE__*/function (_Component) {
-  _inherits(EditBankModal, _Component);
-  var _super = _createSuper(EditBankModal);
   function EditBankModal(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, EditBankModal);
-    _this = _super.call(this, props);
-    _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]);
+    _defineProperty(_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 ? void 0 : _this$bankNameInput$c.focus();
+        var _this2$bankNameInput$;
+        (_this2$bankNameInput$ = _this2.bankNameInput.current) === null || _this2$bankNameInput$ === void 0 || _this2$bankNameInput$.focus();
       }
-    };
-    _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();
+    });
+    _defineProperty(_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();
-    };
-    _this.onNameChange = function (e) {
-      _this.props.showError(_this.props.errorKey);
-      _this.props.changeBank(_this.props.workingBank.id, {
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "onNameChange", function (e) {
+      _this2.props.showError(_this2.props.errorKey);
+      _this2.props.changeBank(_this2.props.workingBank.id, {
         title: e.target.value
       });
-    };
-    _this.getErrors = function () {
-      if (_this.props.displayError) {
-        return toErrors(_this.props.workingBank.errorsFor('title').toJS());
+    });
+    _defineProperty(_this2, "getErrors", function () {
+      if (_this2.props.displayError) {
+        return toErrors(_this2.props.workingBank.errorsFor('title').toJS());
       }
-    };
-    _this.bankNameInput = /*#__PURE__*/React.createRef();
-    return _this;
+    });
+    _this2.bankNameInput = React.createRef();
+    return _this2;
   }
-  _createClass(EditBankModal, [{
+  _inherits(EditBankModal, _Component);
+  return _createClass(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return jsx(Button, {
@@ -104,13 +119,11 @@ export var EditBankModal = /*#__PURE__*/function (_Component) {
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-  EditBankModal.displayName = "EditBankModal";
-  return EditBankModal;
 }(Component);
 _EditBankModal = EditBankModal;
-EditBankModal.displayName = 'EditBankModal';
-EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName);
-EditBankModal.propTypes = {
+_defineProperty(EditBankModal, "displayName", 'EditBankModal');
+_defineProperty(EditBankModal, "componentId", "Quizzes".concat(_EditBankModal.displayName));
+_defineProperty(EditBankModal, "propTypes", {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,
@@ -123,9 +136,9 @@ EditBankModal.propTypes = {
   hideError: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   styles: PropTypes.object
-};
-EditBankModal.defaultProps = {
+});
+_defineProperty(EditBankModal, "defaultProps", {
   displayError: false,
   modalTrigger: null
-};
+});
 export default EditBankModal;