@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.8

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

@@ -1,11 +1,14 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _BanksList, _Table$Cell, _Table$Cell2, _Table$Cell3, _Table$Cell4;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
+
 /* eslint "react/jsx-no-bind": "warn" */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -23,21 +26,37 @@ import { Spinner } from '@instructure/ui-spinner';
 import { Table } from '@instructure/ui-table';
 import { withStyle, jsx } from '@instructure/emotion';
 import { EDIT_BANK_MODAL, withI18nSupport } from '@instructure/quiz-common';
-import CustomPropTypes from '../../../common/util/CustomPropTypes';
-import IfFeature from '../../../common/components/shared/IfFeature';
-import EditBankModal from '../EditBankModal';
-import SharingModal from '../SharingModal';
+import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
+import IfFeature from "../../../common/components/shared/IfFeature/index.js";
+import EditBankModal from "../EditBankModal/index.js";
+import SharingModal from "../SharingModal/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+
+var _ref4 = jsx(Table.Cell, null);
+
+var _ref5 = jsx(Table.Cell, null);
+
+var _ref6 = jsx(Table.Cell, null);
+
+var _ref7 = jsx(Table.Cell, null);
+
+export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+  _inherits(BanksList, _withI18nSupport);
+
+  var _super = _createSuper(BanksList);
+
   function BanksList() {
     var _this;
+
     _classCallCheck(this, BanksList);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BanksList, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       sharingModalOpen: false,
       sharingModalBank: null,
@@ -45,91 +64,113 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
       countedBank: null
     };
     _this.sharingButtons = [];
+
     _this.openModal = function (bank) {
       return function () {
         _this.props.openModal([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__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _this$props, currentUser, getUserInfo, deletingOwnBank, creatorFullName, resp, confirmBody;
-        return _regeneratorRuntime().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 = jsx("div", null, !deletingOwnBank && (creatorFullName ? t('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
-              }) : t('You are about to delete an Item Bank that you did not create. Proceed with caution.')), jsx(Alert, {
-                variant: "error",
-                padding: "0"
-              }, jsx("div", {
-                css: _this.props.styles.deleteAlert
-              }, jsx("div", {
-                css: _this.props.styles.deletePreface
-              }, t('Once deleted, items from this bank:')), jsx(List, null, jsx(List.Item, null, t('will no longer be accessible to others who currently have shared access')), jsx(List.Item, null, t.rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
-                var children = _ref2.children;
-                return jsx(Text, {
-                  weight: "bold",
-                  key: "0"
-                }, children);
-              }])), jsx(List.Item, null, t('will lose their statistical link in reporting (if they were part of an assessment)')), jsx(List.Item, null, t('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(partial(_this.deleteBank, bank.id), {
-                text: confirmBody,
-                title: t('Delete Bank'),
-                continueText: t('Delete'),
-                continueVariant: 'danger',
-                size: 'medium'
-              });
-            case 9:
-            case "end":
-              return _context.stop();
+
+        return _regeneratorRuntime.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 = jsx("div", null, !deletingOwnBank && (creatorFullName ? t('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
+                }) : t('You are about to delete an Item Bank that you did not create. Proceed with caution.')), jsx(Alert, {
+                  variant: "error",
+                  padding: "0"
+                }, jsx("div", {
+                  css: _this.props.styles.deleteAlert
+                }, jsx("div", {
+                  css: _this.props.styles.deletePreface
+                }, t('Once deleted, items from this bank:')), jsx(List, null, jsx(List.Item, null, t('will no longer be accessible to others who currently have shared access')), jsx(List.Item, null, t.rich('will <0>NOT</0> be removed from any assessments', [function (_ref2) {
+                  var children = _ref2.children;
+                  return jsx(Text, {
+                    weight: "bold",
+                    key: "0"
+                  }, children);
+                }])), jsx(List.Item, null, t('will lose their statistical link in reporting (if they were part of an assessment)')), jsx(List.Item, null, t('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(partial(_this.deleteBank, bank.id), {
+                  text: confirmBody,
+                  title: t('Delete Bank'),
+                  continueText: t('Delete'),
+                  continueVariant: 'danger',
+                  size: 'medium'
+                });
+
+              case 9:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));
     };
+
     _this.openDuplicateBankModal = function (bank) {
       return function () {
         var createCloneJob = /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
             var cloneJob;
-            return _regeneratorRuntime().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, t('{name} Copy', {
-                    name: bank.title
-                  }));
-                  _this.props.addInfo(t('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
-                    name: bank.title
-                  }));
-                case 5:
-                case "end":
-                  return _context2.stop();
+            return _regeneratorRuntime.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, t('{name} Copy', {
+                      name: bank.title
+                    }));
+
+                    _this.props.addInfo(t('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
+                      name: bank.title
+                    }));
+
+                  case 5:
+                  case "end":
+                    return _context2.stop();
+                }
               }
             }, _callee2);
           }));
+
           return function createCloneJob() {
             return _ref3.apply(this, arguments);
           };
         }();
+
         _this.props.withConfirm(partial(createCloneJob), {
           text: t('Are you sure you want to duplicate this item bank?'),
           title: t('Duplicate Bank'),
@@ -139,11 +180,13 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         });
       };
     };
+
     _this.updateSharedCount = function (count) {
       _this.setState({
         sharingCount: count
       });
     };
+
     _this.openSharingModal = function (bank) {
       return function () {
         _this.setState({
@@ -154,40 +197,49 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         });
       };
     };
+
     _this.handleSharingModalDismiss = function () {
       _this.setState({
         sharingModalOpen: false,
         sharingModalBank: null
       });
     };
+
     _this.handleSharingButtonRef = function (bankId) {
       return function (node) {
         _this.sharingButtons[bankId] = node;
       };
     };
+
     _this.currentBankCount = function (bank) {
       var _this$state = _this.state,
-        countedBank = _this$state.countedBank,
-        sharingCount = _this$state.sharingCount;
+          countedBank = _this$state.countedBank,
+          sharingCount = _this$state.sharingCount;
+
       if (countedBank === bank.id && Number.isInteger(sharingCount)) {
         return sharingCount;
       }
+
       return bank.sharedCount;
     };
+
     _this.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) {
       var navigateToBank = function navigateToBank(bankId) {
         return function () {
           return _this.props.navigateToBank(bankId);
         };
       };
+
       if (bank.status === 'copying') {
         return jsx("div", {
           css: _this.props.styles.bankInfo,
@@ -224,6 +276,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         }, bank.title))), _this.renderDetails(bank));
       }
     };
+
     _this.renderBankOptions = function (bank) {
       var bankEditOptions = jsx(React.Fragment, null, jsx(IconButton, {
         onClick: _this.openModal(bank),
@@ -269,6 +322,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
           name: bank.title
         })
       });
+
       if (bank.status === 'copying') {
         return jsx("div", {
           css: _this.props.styles.bankOptions
@@ -299,6 +353,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         })), bank.canEdit() ? bankEditOptions : null);
       }
     };
+
     _this.renderBank = function (bank) {
       return jsx("div", {
         key: bank.id,
@@ -308,17 +363,20 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         workingBank: bank.getWorkingInstance()
       }), _this.renderBankInfo(bank), _this.renderBankOptions(bank));
     };
+
     return _this;
   }
-  _inherits(BanksList, _withI18nSupport);
-  return _createClass(BanksList, [{
+
+  _createClass(BanksList, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
+
       if (this.state.sharingModalBank) {
         var bankFromList = this.props.banks.find(function (bank) {
           return bank.get('id') === _this2.state.sharingModalBank.get('id');
         });
+
         if (!this.state.sharingModalBank.equals(bankFromList)) {
           this.setState({
             sharingModalBank: bankFromList
@@ -368,6 +426,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderTableRowHeader",
     value: function renderTableRowHeader(bank) {
       var _this3 = this;
+
       if (bank.status === 'copying') {
         return jsx(Table.RowHeader, null, jsx("div", {
           css: this.props.styles.rowHeader
@@ -382,6 +441,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
             return _this3.props.navigateToBank(bankId);
           };
         };
+
         return jsx(Table.RowHeader, null, jsx("div", {
           css: this.props.styles.rowHeader
         }, jsx(EditBankModal, {
@@ -403,7 +463,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
       if (bank.status === 'copying') {
         return jsx(Table.Row, {
           key: bank.id
-        }, this.renderTableRowHeader(bank), _Table$Cell || (_Table$Cell = jsx(Table.Cell, null)), _Table$Cell2 || (_Table$Cell2 = jsx(Table.Cell, null)), _Table$Cell3 || (_Table$Cell3 = jsx(Table.Cell, null)), _Table$Cell4 || (_Table$Cell4 = jsx(Table.Cell, null)), !this.props.isCompact && jsx(Table.Cell, {
+        }, this.renderTableRowHeader(bank), _ref4, _ref5, _ref6, _ref7, !this.props.isCompact && jsx(Table.Cell, {
           textAlign: "end"
         }, this.renderBankOptions(bank)));
       } else {
@@ -429,6 +489,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderTable",
     value: function renderTable() {
       var _this4 = this;
+
       return jsx(Table, {
         margin: "small 0",
         caption: t('Banks'),
@@ -452,7 +513,10 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
       return jsx("div", null, this.state.sharingModalBank && this.renderSharingModal(), this.props.itemBankSearchTableEnabled ? this.renderTable() : this.props.banks.toArray().map(this.renderBank));
     }
   }]);
-}(withI18nSupport(Component)), _BanksList.propTypes = {
+
+  BanksList.displayName = "BanksList";
+  return BanksList;
+}(withI18nSupport(Component)), _class2.propTypes = {
   addInfo: PropTypes.func.isRequired,
   addToPolling: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
@@ -484,7 +548,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   timezone: PropTypes.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _BanksList.defaultProps = {
+}, _class2.defaultProps = {
   currentUser: null,
   getCourseInfo: null,
   getUserInfo: null,
@@ -496,8 +560,8 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   timezone: null,
   onShare: function onShare() {},
   duplicateItemBanks: false
-}, _BanksList.contextTypes = {
+}, _class2.contextTypes = {
   locale: PropTypes.string,
   timezone: PropTypes.string
-}, _BanksList)) || _class);
+}, _temp)) || _class);
 export default BanksList;

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

@@ -41,4 +41,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
-    colors = _ref.colors,
-    typography = _ref.typography,
-    spacing = _ref.spacing;
+      colors = _ref.colors,
+      typography = _ref.typography,
+      spacing = _ref.spacing;
   return {
     bankRowBorderWidth: borders.widthSmall,
     bankRowBorderColor: colors.tiara,
@@ -19,4 +19,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     deletePrefaceMargin: spacing.xxSmall
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,13 +1,13 @@
-import { connect } from '../../../common/react-redux';
-import { createBank } from '../../api/banks';
-import { createBankEntry, updateBankEntry } from '../../api/bankEntries';
-import CopyMoveBankModal from './presenter';
-import * as modalActions from '../../../common/actions/modal';
-import { disassociateEntry } from '../../../common/actions/banks';
-import * as uiActions from '../../../common/actions/ui';
-import Bank from '../../../common/records/Bank';
+import { connect } from "../../../common/react-redux.js";
+import { createBank } from "../../api/banks.js";
+import { createBankEntry, updateBankEntry } from "../../api/bankEntries.js";
+import CopyMoveBankModal from "./presenter.js";
+import * as modalActions from "../../../common/actions/modal.js";
+import { disassociateEntry } from "../../../common/actions/banks.js";
+import * as uiActions from "../../../common/actions/ui.js";
+import Bank from "../../../common/records/Bank.js";
 import { COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, COPY_MOVE_BANK_ENTRY_MODAL } from '@instructure/quiz-common';
-import { getModalTrigger } from '../../../common/util/modalHelpers';
+import { getModalTrigger } from "../../../common/util/modalHelpers.js";
 export function mapStateToProps(state, props) {
   var selectedBankOption = state.getIn(['ui', COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION]);
   var selectedBank = selectedBankOption && new Bank(state.getIn(['banks', selectedBankOption]));

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

@@ -1,8 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _br, _br2;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -13,35 +12,51 @@ 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';
-import BankSelection from '../../../common/components/resources/BankSelection';
+import Bank from "../../../common/records/Bank.js";
+import BankSelection from "../../../common/components/resources/BankSelection/index.js";
 import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+
+var _ref = /*#__PURE__*/React.createElement("br", null);
+
+var _ref2 = /*#__PURE__*/React.createElement("br", null);
+
 export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
+  _inherits(CopyMoveBankEntryModal, _Component);
+
+  var _super = _createSuper(CopyMoveBankEntryModal);
+
   function CopyMoveBankEntryModal() {
     var _this;
+
     _classCallCheck(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));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bankType: 'existing',
       newBankTitle: ''
     };
+
     _this.copyOrMove = function (newBankId) {
       if (_this.props.keepCopy) {
         _this.copyBankEntry(newBankId);
       } else {
         _this.moveBankEntry(newBankId);
       }
+
       _this.closeAction();
     };
+
     _this.continueAction = function () {
       if (_this.state.bankType === 'new') {
         var newBank = Bank.create({
           title: _this.state.newBankTitle,
           language: _this.context.locale
         });
+
         _this.props.createBank(newBank).then(function (bankData) {
           _this.copyOrMove(bankData.id);
         });
@@ -49,45 +64,55 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
         _this.copyOrMove(_this.props.selectedBank.id);
       }
     };
+
     _this.moveBankEntry = function (newBankId) {
       return _this.props.updateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, {
         bankId: newBankId
       }).then(function (bankEntry) {
         _this.props.disassociateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId);
+
         return bankEntry;
       }).then(_this.props.onAdd);
     };
+
     _this.copyBankEntry = function (newBankId) {
       return _this.props.createEntry().then(function (entry) {
         return _this.props.createBankEntry(newBankId, _this.props.entryType, entry.id);
       }).then(_this.props.onAdd);
     };
+
     _this.closeAction = function () {
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
+
       _this.props.closeModal();
     };
+
     _this.onBankSelection = function (e, option) {
       _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, option.value);
     };
+
     _this.onKeepCopyChange = function (e) {
       _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
     };
+
     _this.handleRadioChange = function (event, value) {
       _this.setState({
         bankType: value
       });
     };
+
     _this.onTitleChange = function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
     };
+
     return _this;
   }
-  _inherits(CopyMoveBankEntryModal, _Component);
-  return _createClass(CopyMoveBankEntryModal, [{
+
+  _createClass(CopyMoveBankEntryModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/React.createElement(Button, {
@@ -99,8 +124,8 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
     key: "addToBankButton",
     value: function addToBankButton() {
       var _this$state = this.state,
-        bankType = _this$state.bankType,
-        newBankTitle = _this$state.newBankTitle;
+          bankType = _this$state.bankType,
+          newBankTitle = _this$state.newBankTitle;
       var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
       return /*#__PURE__*/React.createElement(Button, {
         color: "primary",
@@ -120,6 +145,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
+
       return /*#__PURE__*/React.createElement(TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
@@ -141,7 +167,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(RadioInput, {
         value: "new",
         label: t('New item bank')
-      })), _br || (_br = /*#__PURE__*/React.createElement("br", null)), this.renderBankTypeContent(), _br2 || (_br2 = /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement(Checkbox, {
+      })), _ref, this.renderBankTypeContent(), _ref2, /*#__PURE__*/React.createElement(Checkbox, {
         label: t('Keep a copy in this bank'),
         value: "medium",
         checked: this.props.keepCopy,
@@ -169,6 +195,9 @@ 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 = {
   closeModal: PropTypes.func.isRequired,