@instructure/quiz-core 20.34.1-undefined.0 → 20.35.0

package/es/banks/api/banks.js

@@ -16,10 +16,14 @@ import { noop } from 'lodash';
 import { NIL } from 'uuid';
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
+export var simpleFetchBanks = function simpleFetchBanks() {
+  var params = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var fetcher = new PaginatedFetcher();
+  return fetcher.get(banksApiEndpoint, params);
+};
 var _fetchBanks = function _fetchBanks(dispatch) {
   var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var fetcher = new PaginatedFetcher();
-  return fetcher.get(banksApiEndpoint, params).then(function (_ref) {
+  return simpleFetchBanks(params).then(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       response = _ref2[0],
       pageData = _ref2[1];

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

@@ -7,16 +7,12 @@ import AddToBankModal 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 { ADD_TO_BANK_MODAL_BANK_SELECTION, ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
+import { ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
 import { getModalTrigger } from "../../../common/util/modalHelpers.js";
 export function mapStateToProps(state, props) {
-  var selectedBankOption = state.getIn(['ui', ADD_TO_BANK_MODAL_BANK_SELECTION]);
-  var selectedBank = selectedBankOption && new Bank(state.getIn(['banks', selectedBankOption]));
   return {
     canvasOrigin: state.getIn(['config', 'canvasOrigin']),
     checkContentShareability: props.entryType === 'Item' ? checkItemShareability : checkStimulusShareability,
-    selectedBank: selectedBank,
     modalTrigger: getModalTrigger(state),
     modalOpen: state.getIn(['modal', 'isOpen']) === [ADD_TO_BANK_MODAL, props.entryType, props.entryId].join(':')
   };

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

@@ -13,14 +13,14 @@ import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import Bank from "../../../common/records/Bank.js";
-import BankSelection from "../../../common/components/resources/BankSelection/index.js";
+import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
 import { Spinner } from '@instructure/ui-spinner';
 import { Text } from '@instructure/ui-text';
 import { IconNoLine, IconWarningLine } from '@instructure/ui-icons';
 import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, ADD_TO_BANK_MODAL_BANK_SELECTION, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import { featureOn } from "../../../common/util/featureCheck.js";
 var _ref2 = /*#__PURE__*/React.createElement(Flex.Item, {
   padding: "0 small 0 0"
@@ -45,7 +45,8 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
     _this.state = {
       bankType: 'existing',
       contentShareable: 'loading',
-      newBankTitle: ''
+      newBankTitle: '',
+      selectedBank: null
     };
     _this.copyBankEntry = function (entryId, bankId) {
       if (featureOn('instfs_bank_entry_movement_endpoints')) {
@@ -80,14 +81,16 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
           _this.addToBank(bankData.id);
         });
       } else {
-        _this.addToBank(_this.props.selectedBank.id);
+        _this.addToBank(_this.state.selectedBank.id);
       }
     };
     _this.closeAction = function () {
       _this.props.closeModal();
     };
     _this.onBankSelection = function (e, option) {
-      _this.props.uiSet(ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
+      _this.setState({
+        selectedBank: new Bank(option)
+      });
     };
     _this.handleRadioChange = function (event, value) {
       _this.setState({
@@ -168,7 +171,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
         newBankTitle = _this$state.newBankTitle,
         contentShareable = _this$state.contentShareable;
       var contentShareableLoading = contentShareable === 'loading';
-      var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim()) || contentShareableLoading;
+      var disabled = bankType === 'existing' && !this.state.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim()) || contentShareableLoading;
       return /*#__PURE__*/React.createElement(Button, {
         type: "button",
         color: "primary",
@@ -184,7 +187,7 @@ export var AddToBankModal = /*#__PURE__*/function (_Component) {
       if (this.state.bankType === 'existing') {
         return /*#__PURE__*/React.createElement(BankSelection, {
           onBankSelection: this.onBankSelection,
-          selectedBank: this.props.selectedBank,
+          selectedBank: this.state.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
@@ -283,7 +286,6 @@ AddToBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   onAdd: PropTypes.func,
   onContinue: PropTypes.func,
-  selectedBank: ImmutablePropTypes.record,
   uiSet: PropTypes.func.isRequired,
   workingEntry: ImmutablePropTypes.record.isRequired,
   quizId: PropTypes.string.isRequired
@@ -292,8 +294,7 @@ AddToBankModal.defaultProps = {
   canvasOrigin: '',
   handleValidationErrorsFromApi: function handleValidationErrorsFromApi() {},
   onAdd: function onAdd() {},
-  onContinue: function onContinue() {},
-  selectedBank: null
+  onContinue: function onContinue() {}
 };
 AddToBankModal.contextTypes = {
   locale: PropTypes.string

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

@@ -18,7 +18,7 @@ import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { Button } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
@@ -33,11 +33,11 @@ import BankEntriesList from "../../../banks/components/BankEntriesList/index.js"
 import BankSearch from "../../../banks/components/BankSearch/index.js";
 import HeaderMenu from "../../../banks/components/HeaderMenu/index.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY } from '@instructure/quiz-common';
+import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconMoreSolid, null);
-export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
+export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
   _inherits(Bank, _Component);
   var _super = _createSuper(Bank);
   function Bank() {
@@ -440,7 +440,7 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }]);
   Bank.displayName = "Bank";
   return Bank;
-}(Component), _Bank.propTypes = {
+}(Component), _Bank.displayName = 'Bank', _Bank.componentId = "Quizzes".concat(_Bank.displayName), _Bank.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankId: PropTypes.string.isRequired,

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

@@ -7,12 +7,13 @@ var _dec, _class, _BankEntriesList;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Card from "../../../common/components/shared/Card/index.js";
 import BankEntryRow from "../BankEntryRow/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BankEntriesList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BankEntriesList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
   _inherits(BankEntriesList, _Component);
   var _super = _createSuper(BankEntriesList);
   function BankEntriesList() {
@@ -45,7 +46,7 @@ export var BankEntriesList = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BankEntriesList.displayName = "BankEntriesList";
   return BankEntriesList;
-}(Component), _BankEntriesList.propTypes = {
+}(Component), _BankEntriesList.displayName = 'BankEntriesList', _BankEntriesList.componentId = "Quizzes".concat(_BankEntriesList.displayName), _BankEntriesList.propTypes = {
   addEntryToQuiz: PropTypes.func,
   bank: ImmutablePropTypes.record.isRequired,
   bankEntries: ImmutablePropTypes.list.isRequired,

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

@@ -24,7 +24,7 @@ import { Heading } from '@instructure/ui-heading';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import EntrySave from "../../../common/components/resources/entry/EntrySave/index.js";
 import ItemEdit from "../../../common/components/resources/item/ItemEdit/index.js";
@@ -41,11 +41,11 @@ import { createItem } from "../../../building/api/items.js";
 import { createStimulus } from "../../../building/api/stimuli.js";
 import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from "../../../common/util/warningHelpers.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK } from '@instructure/quiz-common';
+import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref3 = jsx(Spinner, null);
-export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
+export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   _inherits(BankEntry, _Component);
   var _super = _createSuper(BankEntry);
   function BankEntry() {
@@ -581,7 +581,7 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   BankEntry.displayName = "BankEntry";
   return BankEntry;
-}(Component), _BankEntry.propTypes = {
+}(Component), _BankEntry.displayName = 'BankEntry', _BankEntry.componentId = "Quizzes".concat(_BankEntry.displayName), _BankEntry.propTypes = {
   bankEntryId: PropTypes.string.isRequired,
   bankId: PropTypes.string.isRequired,
   bank: ImmutablePropTypes.record.isRequired,

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

@@ -16,8 +16,8 @@ import { List } from '@instructure/ui-list';
 import { Heading } from '@instructure/ui-heading';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
-import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -31,7 +31,7 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import Overlay from "../../../common/components/shared/overlay/index.js";
 var _ref2 = jsx("div", null);
-export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
+export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BankEntryRow, _withI18nSupport);
   var _super = _createSuper(BankEntryRow);
   function BankEntryRow() {
@@ -341,7 +341,7 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
   }]);
   BankEntryRow.displayName = "BankEntryRow";
   return BankEntryRow;
-}(withI18nSupport(Component)), _BankEntryRow.propTypes = {
+}(withI18nSupport(Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankEntry: ImmutablePropTypes.record.isRequired,

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

@@ -16,12 +16,13 @@ import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect/index.js";
 import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,
@@ -29,7 +30,7 @@ var tagShape = PropTypes.shape({
   }).isRequired,
   count: PropTypes.number.isRequired
 });
-export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
+export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   _inherits(BankSearch, _Component);
   var _super = _createSuper(BankSearch);
   function BankSearch() {
@@ -156,7 +157,7 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   BankSearch.displayName = "BankSearch";
   return BankSearch;
-}(Component), _BankSearch.propTypes = {
+}(Component), _BankSearch.displayName = 'BankSearch', _BankSearch.componentId = "Quizzes".concat(_BankSearch.displayName), _BankSearch.propTypes = {
   allInteractions: PropTypes.bool,
   interactionTypes: PropTypes.arrayOf(PropTypes.shape({
     count: PropTypes.number,

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

@@ -16,7 +16,7 @@ import { Billboard } from '@instructure/ui-billboard';
 import { Button } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import debounce from 'lodash/fp/debounce';
@@ -24,7 +24,7 @@ import Page from "../../../common/components/layout/Page/index.js";
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
+import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
 import BanksList from "../../../banks/components/BanksList/index.js";
 import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
 import NavWrapper from "../NavWrapper/index.js";
@@ -39,7 +39,7 @@ var sortOrderIcons = {
 var _ref4 = jsx(Img, {
   src: noResults
 });
-export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
+export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   _inherits(Banks, _Component);
   var _super = _createSuper(Banks);
   function Banks(props) {
@@ -429,7 +429,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }]);
   Banks.displayName = "Banks";
   return Banks;
-}(Component), _Banks.propTypes = {
+}(Component), _Banks.displayName = 'Banks', _Banks.componentId = "Quizzes".concat(_Banks.displayName), _Banks.propTypes = {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({

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

@@ -20,8 +20,8 @@ import { IconEditLine, IconTrashLine, IconShareSolid, IconCopyLine } from '@inst
 import { Alert } from '@instructure/ui-alerts';
 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 { jsx } from '@instructure/emotion';
+import { EDIT_BANK_MODAL, withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import IfFeature from "../../../common/components/shared/IfFeature/index.js";
 import EditBankModal from "../EditBankModal/index.js";
@@ -33,7 +33,7 @@ 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 = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
+export var BanksList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BanksList, _withI18nSupport);
   var _super = _createSuper(BanksList);
   function BanksList() {
@@ -461,7 +461,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   BanksList.displayName = "BanksList";
   return BanksList;
-}(withI18nSupport(Component)), _BanksList.propTypes = {
+}(withI18nSupport(Component)), _BanksList.displayName = 'BanksList', _BanksList.componentId = "Quizzes".concat(_BanksList.displayName), _BanksList.propTypes = {
   addInfo: PropTypes.func.isRequired,
   addToPolling: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,

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

@@ -5,15 +5,11 @@ 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 { COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, COPY_MOVE_BANK_ENTRY_MODAL } from '@instructure/quiz-common';
 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]));
   var modalKey = [COPY_MOVE_BANK_ENTRY_MODAL, props.entryType, props.entryId].join(':');
   return {
-    selectedBank: selectedBank,
     modalTrigger: getModalTrigger(state),
     keepCopy: state.getIn(['ui', COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY], true),
     modalOpen: state.getIn(['modal', 'isOpen']) === modalKey

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

@@ -4,7 +4,6 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
@@ -13,8 +12,8 @@ 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/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';
+import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
+import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, 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);
@@ -30,7 +29,8 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bankType: 'existing',
-      newBankTitle: ''
+      newBankTitle: '',
+      selectedBank: null
     };
     _this.copyOrMove = function (newBankId) {
       if (_this.props.keepCopy) {
@@ -50,7 +50,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           _this.copyOrMove(bankData.id);
         });
       } else {
-        _this.copyOrMove(_this.props.selectedBank.id);
+        _this.copyOrMove(_this.state.selectedBank.id);
       }
     };
     _this.initiateMove = function (newBankId) {
@@ -87,7 +87,9 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       _this.props.closeModal();
     };
     _this.onBankSelection = function (e, option) {
-      _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, option.value);
+      _this.setState({
+        selectedBank: new Bank(option)
+      });
     };
     _this.onKeepCopyChange = function (e) {
       _this.props.uiSet(COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
@@ -118,7 +120,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         bankType = _this$state.bankType,
         newBankTitle = _this$state.newBankTitle;
-      var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
+      var disabled = bankType === 'existing' && !this.state.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
       return /*#__PURE__*/React.createElement(Button, {
         color: "primary",
         onClick: this.continueAction,
@@ -133,7 +135,7 @@ export var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       if (this.state.bankType === 'existing') {
         return /*#__PURE__*/React.createElement(BankSelection, {
           onBankSelection: this.onBankSelection,
-          selectedBank: this.props.selectedBank,
+          selectedBank: this.state.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
@@ -207,7 +209,6 @@ CopyMoveBankEntryModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   onAdd: PropTypes.func,
-  selectedBank: ImmutablePropTypes.record,
   sourceBankEntryId: PropTypes.string.isRequired,
   sourceBankId: PropTypes.string.isRequired,
   uiSet: PropTypes.func.isRequired,
@@ -220,7 +221,6 @@ CopyMoveBankEntryModal.contextTypes = {
 CopyMoveBankEntryModal.defaultProps = {
   keepCopy: true,
   modalTrigger: null,
-  onAdd: function onAdd() {},
-  selectedBank: null
+  onAdd: function onAdd() {}
 };
 export default CopyMoveBankEntryModal;

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

@@ -11,14 +11,14 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+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 { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
+export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
   _inherits(CreateBankModal, _Component);
   var _super = _createSuper(CreateBankModal);
   function CreateBankModal() {
@@ -147,7 +147,7 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   CreateBankModal.displayName = "CreateBankModal";
   return CreateBankModal;
-}(Component), _CreateBankModal.propTypes = {
+}(Component), _CreateBankModal.displayName = 'CreateBankModal', _CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName), _CreateBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,

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

@@ -9,14 +9,14 @@ import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import Bank from "../../../common/records/Bank.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
   _inherits(EditBankModal, _Component);
   var _super = _createSuper(EditBankModal);
   function EditBankModal() {
@@ -110,7 +110,7 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   EditBankModal.displayName = "EditBankModal";
   return EditBankModal;
-}(Component), _EditBankModal.propTypes = {
+}(Component), _EditBankModal.displayName = 'EditBankModal', _EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName), _EditBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,

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

@@ -13,16 +13,16 @@ import { IconButton } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreSolid, IconImportLine } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import QTIImportModal from "../../../building/components/QTIImportModal/index.js";
-import { PARENT_TYPE_BANK } from '@instructure/quiz-common';
+import { PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 var _ref = jsx(IconImportLine, {
   "data-automation": "sdk-headermenu-import-content"
 });
-export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
+export var HeaderMenu = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
   _inherits(HeaderMenu, _Component);
   var _super = _createSuper(HeaderMenu);
   function HeaderMenu() {
@@ -85,7 +85,7 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   HeaderMenu.displayName = "HeaderMenu";
   return HeaderMenu;
-}(Component), _HeaderMenu.propTypes = {
+}(Component), _HeaderMenu.displayName = 'HeaderMenu', _HeaderMenu.componentId = "Quizzes".concat(_HeaderMenu.displayName), _HeaderMenu.propTypes = {
   openImportModal: PropTypes.func.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,

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

@@ -16,11 +16,12 @@ import { CloseButton, Button } from '@instructure/ui-buttons';
 import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { IconBankLine } from '@instructure/ui-icons';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
   _inherits(NavWrapper, _Component);
   var _super = _createSuper(NavWrapper);
   function NavWrapper() {
@@ -129,7 +130,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
   }]);
   NavWrapper.displayName = "NavWrapper";
   return NavWrapper;
-}(Component), _NavWrapper.propTypes = {
+}(Component), _NavWrapper.displayName = 'NavWrapper', _NavWrapper.componentId = "Quizzes".concat(_NavWrapper.displayName), _NavWrapper.propTypes = {
   children: Children.oneOf([BreadcrumbLink]),
   closeTray: PropTypes.func,
   navigateToBanks: PropTypes.func,

package/es/banks/components/SharingModal/RootAccountSharing.js

@@ -5,14 +5,13 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _RootAccountSharing;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
+import { withStyleOverrides, CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
 import { IconAdminLine } from '@instructure/ui-icons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -21,7 +20,7 @@ var _ref = /*#__PURE__*/React.createElement(Grid.Col, {
 }, /*#__PURE__*/React.createElement(IconAdminLine, {
   size: "medium"
 }));
-export var RootAccountSharing = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
+export var RootAccountSharing = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
   _inherits(RootAccountSharing, _Component);
   var _super = _createSuper(RootAccountSharing);
   function RootAccountSharing() {
@@ -71,7 +70,7 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
   }]);
   RootAccountSharing.displayName = "RootAccountSharing";
   return RootAccountSharing;
-}(Component), _RootAccountSharing.propTypes = {
+}(Component), _RootAccountSharing.displayName = 'RootAccountSharing', _RootAccountSharing.componentId = "Quizzes".concat(_RootAccountSharing.displayName), _RootAccountSharing.propTypes = {
   accountName: PropTypes.string,
   onShareChange: PropTypes.func.isRequired,
   onShareTypeChange: PropTypes.func.isRequired,

package/es/banks/components/SharingModal/ShareList/index.js

@@ -13,15 +13,15 @@ import { Grid } from '@instructure/ui-grid';
 import { Avatar } from '@instructure/ui-avatar';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
-import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ContextualIconButton } from "../ContextualIconButton/index.js";
 import generateStyle from "./styles.js";
 var _ref3 = jsx(IconCoursesLine, {
   size: "small"
 });
-export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
+export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
   _inherits(ShareList, _Component);
   var _super = _createSuper(ShareList);
   function ShareList() {
@@ -109,7 +109,7 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_S
   }]);
   ShareList.displayName = "ShareList";
   return ShareList;
-}(Component), _ShareList.propTypes = {
+}(Component), _ShareList.displayName = 'ShareList', _ShareList.componentId = "Quizzes".concat(_ShareList.displayName), _ShareList.propTypes = {
   canEdit: PropTypes.bool.isRequired,
   entities: ImmutablePropTypes.listOf(ImmutablePropTypes.contains({
     entityType: PropTypes.string.isRequired,