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

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

@@ -16,16 +16,12 @@ var _presenter = _interopRequireDefault(require("./presenter.js"));
 var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
 var _banks2 = require("../../../common/actions/banks.js");
 var uiActions = _interopRequireWildcard(require("../../../common/actions/ui.js"));
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _modalHelpers = require("../../../common/util/modalHelpers.js");
 function mapStateToProps(state, props) {
-  var selectedBankOption = state.getIn(['ui', _quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION]);
-  var selectedBank = selectedBankOption && new _Bank.default(state.getIn(['banks', selectedBankOption]));
   return {
     canvasOrigin: state.getIn(['config', 'canvasOrigin']),
     checkContentShareability: props.entryType === 'Item' ? _items.checkItemShareability : _stimuli.checkStimulusShareability,
-    selectedBank: selectedBank,
     modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
     modalOpen: state.getIn(['modal', 'isOpen']) === [_quizCommon.ADD_TO_BANK_MODAL, props.entryType, props.entryId].join(':')
   };

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

@@ -21,7 +21,7 @@ var _uiTextInput = require("@instructure/ui-text-input");
 var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
+var _presenter = _interopRequireDefault(require("../../../common/components/resources/BankSelection/presenter.js"));
 var _uiSpinner = require("@instructure/ui-spinner");
 var _uiText = require("@instructure/ui-text");
 var _uiIcons = require("@instructure/ui-icons");
@@ -53,7 +53,8 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
     _this.state = {
       bankType: 'existing',
       contentShareable: 'loading',
-      newBankTitle: ''
+      newBankTitle: '',
+      selectedBank: null
     };
     _this.copyBankEntry = function (entryId, bankId) {
       if ((0, _featureCheck.featureOn)('instfs_bank_entry_movement_endpoints')) {
@@ -88,14 +89,16 @@ 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(_quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
+      _this.setState({
+        selectedBank: new _Bank.default(option)
+      });
     };
     _this.handleRadioChange = function (event, value) {
       _this.setState({
@@ -176,7 +179,7 @@ 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.default.createElement(_uiButtons.Button, {
         type: "button",
         color: "primary",
@@ -190,9 +193,9 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        return /*#__PURE__*/_react.default.createElement(_presenter.default, {
           onBankSelection: this.onBankSelection,
-          selectedBank: this.props.selectedBank,
+          selectedBank: this.state.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
@@ -292,7 +295,6 @@ AddToBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   onAdd: _propTypes.default.func,
   onContinue: _propTypes.default.func,
-  selectedBank: _reactImmutableProptypes.default.record,
   uiSet: _propTypes.default.func.isRequired,
   workingEntry: _reactImmutableProptypes.default.record.isRequired,
   quizId: _propTypes.default.string.isRequired
@@ -301,8 +303,7 @@ AddToBankModal.defaultProps = {
   canvasOrigin: '',
   handleValidationErrorsFromApi: function handleValidationErrorsFromApi() {},
   onAdd: function onAdd() {},
-  onContinue: function onContinue() {},
-  selectedBank: null
+  onContinue: function onContinue() {}
 };
 AddToBankModal.contextTypes = {
   locale: _propTypes.default.string

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

@@ -45,7 +45,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _Bank;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null);
-var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
+var Bank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Bank, _Component);
   var _super = (0, _createSuper2.default)(Bank);
   function Bank() {
@@ -448,7 +448,7 @@ var Bank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }]);
   Bank.displayName = "Bank";
   return Bank;
-}(_react.Component), _Bank.propTypes = {
+}(_react.Component), _Bank.displayName = 'Bank', _Bank.componentId = "Quizzes".concat(_Bank.displayName), _Bank.propTypes = {
   activeQuizId: _propTypes.default.string,
   addEntryToQuiz: _propTypes.default.func,
   bankId: _propTypes.default.string.isRequired,

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

@@ -17,9 +17,10 @@ var _index = _interopRequireDefault(require("../../../common/components/shared/C
 var _index2 = _interopRequireDefault(require("../BankEntryRow/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BankEntriesList;
 /** @jsx jsx */
-var BankEntriesList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
+var BankEntriesList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BankEntriesList, _Component);
   var _super = (0, _createSuper2.default)(BankEntriesList);
   function BankEntriesList() {
@@ -52,7 +53,7 @@ var BankEntriesList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   BankEntriesList.displayName = "BankEntriesList";
   return BankEntriesList;
-}(_react.Component), _BankEntriesList.propTypes = {
+}(_react.Component), _BankEntriesList.displayName = 'BankEntriesList', _BankEntriesList.componentId = "Quizzes".concat(_BankEntriesList.displayName), _BankEntriesList.propTypes = {
   addEntryToQuiz: _propTypes.default.func,
   bank: _reactImmutableProptypes.default.record.isRequired,
   bankEntries: _reactImmutableProptypes.default.list.isRequired,

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

@@ -52,7 +52,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _BankEntry;
 /** @jsx jsx */
 var _ref3 = (0, _emotion.jsx)(_Spinner.default, null);
-var BankEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
+var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BankEntry, _Component);
   var _super = (0, _createSuper2.default)(BankEntry);
   function BankEntry() {
@@ -588,7 +588,7 @@ var BankEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   BankEntry.displayName = "BankEntry";
   return BankEntry;
-}(_react.Component), _BankEntry.propTypes = {
+}(_react.Component), _BankEntry.displayName = 'BankEntry', _BankEntry.componentId = "Quizzes".concat(_BankEntry.displayName), _BankEntry.propTypes = {
   bankEntryId: _propTypes.default.string.isRequired,
   bankId: _propTypes.default.string.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,

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

@@ -39,7 +39,7 @@ var _index6 = _interopRequireDefault(require("../../../common/components/shared/
 var _dec, _class, _BankEntryRow;
 /** @jsx jsx */
 var _ref2 = (0, _emotion.jsx)("div", null);
-var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
+var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(BankEntryRow, _withI18nSupport);
   var _super = (0, _createSuper2.default)(BankEntryRow);
   function BankEntryRow() {
@@ -349,7 +349,7 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   BankEntryRow.displayName = "BankEntryRow";
   return BankEntryRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _BankEntryRow.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
   activeQuizId: _propTypes.default.string,
   addEntryToQuiz: _propTypes.default.func,
   bankEntry: _reactImmutableProptypes.default.record.isRequired,

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

@@ -27,6 +27,7 @@ var _index = _interopRequireDefault(require("../../../common/components/shared/T
 var _interactionTypeMetadata = require("../../../common/util/interactionTypeMetadata.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BankSearch;
 /** @jsx jsx */
 var tagShape = _propTypes.default.shape({
@@ -36,7 +37,7 @@ var tagShape = _propTypes.default.shape({
   }).isRequired,
   count: _propTypes.default.number.isRequired
 });
-var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
+var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BankSearch, _Component);
   var _super = (0, _createSuper2.default)(BankSearch);
   function BankSearch() {
@@ -163,7 +164,7 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   BankSearch.displayName = "BankSearch";
   return BankSearch;
-}(_react.Component), _BankSearch.propTypes = {
+}(_react.Component), _BankSearch.displayName = 'BankSearch', _BankSearch.componentId = "Quizzes".concat(_BankSearch.displayName), _BankSearch.propTypes = {
   allInteractions: _propTypes.default.bool,
   interactionTypes: _propTypes.default.arrayOf(_propTypes.default.shape({
     count: _propTypes.default.number,

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

@@ -47,7 +47,7 @@ var sortOrderIcons = {
 var _ref4 = (0, _emotion.jsx)(_uiImg.Img, {
   src: _noResults.default
 });
-var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
+var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Banks, _Component);
   var _super = (0, _createSuper2.default)(Banks);
   function Banks(props) {
@@ -437,7 +437,7 @@ var Banks = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }]);
   Banks.displayName = "Banks";
   return Banks;
-}(_react.Component), _Banks.propTypes = {
+}(_react.Component), _Banks.displayName = 'Banks', _Banks.componentId = "Quizzes".concat(_Banks.displayName), _Banks.propTypes = {
   closeTray: _propTypes.default.func,
   createBank: _propTypes.default.func.isRequired,
   currentUser: _propTypes.default.shape({

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

@@ -41,7 +41,7 @@ var _ref4 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 var _ref5 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 var _ref6 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
 var _ref7 = (0, _emotion.jsx)(_uiTable.Table.Cell, null);
-var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
+var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(BanksList, _withI18nSupport);
   var _super = (0, _createSuper2.default)(BanksList);
   function BanksList() {
@@ -469,7 +469,7 @@ var BanksList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   BanksList.displayName = "BanksList";
   return BanksList;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _BanksList.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _BanksList.displayName = 'BanksList', _BanksList.componentId = "Quizzes".concat(_BanksList.displayName), _BanksList.propTypes = {
   addInfo: _propTypes.default.func.isRequired,
   addToPolling: _propTypes.default.func.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,

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

@@ -14,15 +14,11 @@ var _presenter = _interopRequireDefault(require("./presenter.js"));
 var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
 var _banks2 = require("../../../common/actions/banks.js");
 var uiActions = _interopRequireWildcard(require("../../../common/actions/ui.js"));
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _modalHelpers = require("../../../common/util/modalHelpers.js");
 function mapStateToProps(state, props) {
-  var selectedBankOption = state.getIn(['ui', _quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION]);
-  var selectedBank = selectedBankOption && new _Bank.default(state.getIn(['banks', selectedBankOption]));
   var modalKey = [_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL, props.entryType, props.entryId].join(':');
   return {
-    selectedBank: selectedBank,
     modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
     keepCopy: state.getIn(['ui', _quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY], true),
     modalOpen: state.getIn(['modal', 'isOpen']) === modalKey

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

@@ -12,7 +12,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiTextInput = require("@instructure/ui-text-input");
 var _uiRadioInput = require("@instructure/ui-radio-input");
@@ -21,7 +20,7 @@ var _uiHeading = require("@instructure/ui-heading");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
+var _presenter = _interopRequireDefault(require("../../../common/components/resources/BankSelection/presenter.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _featureCheck = require("../../../common/util/featureCheck.js");
 var _ref = /*#__PURE__*/_react.default.createElement("br", null);
@@ -38,7 +37,8 @@ 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) {
@@ -58,7 +58,7 @@ 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) {
@@ -95,7 +95,9 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       _this.props.closeModal();
     };
     _this.onBankSelection = function (e, option) {
-      _this.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, option.value);
+      _this.setState({
+        selectedBank: new _Bank.default(option)
+      });
     };
     _this.onKeepCopyChange = function (e) {
       _this.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
@@ -126,7 +128,7 @@ 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.default.createElement(_uiButtons.Button, {
         color: "primary",
         onClick: this.continueAction,
@@ -139,9 +141,9 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        return /*#__PURE__*/_react.default.createElement(_presenter.default, {
           onBankSelection: this.onBankSelection,
-          selectedBank: this.props.selectedBank,
+          selectedBank: this.state.selectedBank,
           "data-automation": "sdk-bank-selection"
         });
       }
@@ -216,7 +218,6 @@ CopyMoveBankEntryModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   onAdd: _propTypes.default.func,
-  selectedBank: _reactImmutableProptypes.default.record,
   sourceBankEntryId: _propTypes.default.string.isRequired,
   sourceBankId: _propTypes.default.string.isRequired,
   uiSet: _propTypes.default.func.isRequired,
@@ -229,8 +230,7 @@ CopyMoveBankEntryModal.contextTypes = {
 CopyMoveBankEntryModal.defaultProps = {
   keepCopy: true,
   modalTrigger: null,
-  onAdd: function onAdd() {},
-  selectedBank: null
+  onAdd: function onAdd() {}
 };
 var _default = CopyMoveBankEntryModal;
 exports.default = _default;

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

@@ -25,7 +25,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _CreateBankModal;
 /** @jsx jsx */
-var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
+var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CreateBankModal, _Component);
   var _super = (0, _createSuper2.default)(CreateBankModal);
   function CreateBankModal() {
@@ -154,7 +154,7 @@ var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   CreateBankModal.displayName = "CreateBankModal";
   return CreateBankModal;
-}(_react.Component), _CreateBankModal.propTypes = {
+}(_react.Component), _CreateBankModal.displayName = 'CreateBankModal', _CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName), _CreateBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   temporaryBank: _propTypes.default.instanceOf(_Bank.default).isRequired,

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

@@ -23,7 +23,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _EditBankModal;
 /** @jsx jsx */
-var EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EditBankModal, _Component);
   var _super = (0, _createSuper2.default)(EditBankModal);
   function EditBankModal() {
@@ -117,7 +117,7 @@ var EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   EditBankModal.displayName = "EditBankModal";
   return EditBankModal;
-}(_react.Component), _EditBankModal.propTypes = {
+}(_react.Component), _EditBankModal.displayName = 'EditBankModal', _EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName), _EditBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   workingBank: _propTypes.default.instanceOf(_Bank.default).isRequired,

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

@@ -29,7 +29,7 @@ var _dec, _class, _HeaderMenu;
 var _ref = (0, _emotion.jsx)(_uiIcons.IconImportLine, {
   "data-automation": "sdk-headermenu-import-content"
 });
-var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
+var HeaderMenu = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(HeaderMenu, _Component);
   var _super = (0, _createSuper2.default)(HeaderMenu);
   function HeaderMenu() {
@@ -92,7 +92,7 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   HeaderMenu.displayName = "HeaderMenu";
   return HeaderMenu;
-}(_react.Component), _HeaderMenu.propTypes = {
+}(_react.Component), _HeaderMenu.displayName = 'HeaderMenu', _HeaderMenu.componentId = "Quizzes".concat(_HeaderMenu.displayName), _HeaderMenu.propTypes = {
   openImportModal: _propTypes.default.func.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   iceTopNavBarEnabled: _propTypes.default.bool,

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

@@ -25,9 +25,10 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NavWrapper;
 /** @jsx jsx */
-var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
+var NavWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NavWrapper, _Component);
   var _super = (0, _createSuper2.default)(NavWrapper);
   function NavWrapper() {
@@ -136,7 +137,7 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   NavWrapper.displayName = "NavWrapper";
   return NavWrapper;
-}(_react.Component), _NavWrapper.propTypes = {
+}(_react.Component), _NavWrapper.displayName = 'NavWrapper', _NavWrapper.componentId = "Quizzes".concat(_NavWrapper.displayName), _NavWrapper.propTypes = {
   children: _uiPropTypes.Children.oneOf([_uiBreadcrumb.BreadcrumbLink]),
   closeTray: _propTypes.default.func,
   navigateToBanks: _propTypes.default.func,

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

@@ -19,7 +19,6 @@ var _uiView = require("@instructure/ui-view");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
-var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -29,7 +28,7 @@ var _ref = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
 }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconAdminLine, {
   size: "medium"
 }));
-var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
+var RootAccountSharing = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(RootAccountSharing, _Component);
   var _super = (0, _createSuper2.default)(RootAccountSharing);
   function RootAccountSharing() {
@@ -79,7 +78,7 @@ var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }]);
   RootAccountSharing.displayName = "RootAccountSharing";
   return RootAccountSharing;
-}(_react.Component), _RootAccountSharing.propTypes = {
+}(_react.Component), _RootAccountSharing.displayName = 'RootAccountSharing', _RootAccountSharing.componentId = "Quizzes".concat(_RootAccountSharing.displayName), _RootAccountSharing.propTypes = {
   accountName: _propTypes.default.string,
   onShareChange: _propTypes.default.func.isRequired,
   onShareTypeChange: _propTypes.default.func.isRequired,

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

@@ -28,7 +28,7 @@ var _dec, _class, _ShareList;
 var _ref3 = (0, _emotion.jsx)(_uiIcons.IconCoursesLine, {
   size: "small"
 });
-var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
+var ShareList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ShareList, _Component);
   var _super = (0, _createSuper2.default)(ShareList);
   function ShareList() {
@@ -116,7 +116,7 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
   }]);
   ShareList.displayName = "ShareList";
   return ShareList;
-}(_react.Component), _ShareList.propTypes = {
+}(_react.Component), _ShareList.displayName = 'ShareList', _ShareList.componentId = "Quizzes".concat(_ShareList.displayName), _ShareList.propTypes = {
   canEdit: _propTypes.default.bool.isRequired,
   entities: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.contains({
     entityType: _propTypes.default.string.isRequired,

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

@@ -42,7 +42,7 @@ var _dec, _class, _SharingModalPresenter;
 /** @jsx jsx */
 var noop = function noop() {};
 var _ref7 = (0, _emotion.jsx)(_Spinner.default, null);
-var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
+var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SharingModalPresenter, _Component);
   var _super = (0, _createSuper2.default)(SharingModalPresenter);
   function SharingModalPresenter() {
@@ -559,7 +559,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   }]);
   SharingModalPresenter.displayName = "SharingModalPresenter";
   return SharingModalPresenter;
-}(_react.Component), _SharingModalPresenter.propTypes = {
+}(_react.Component), _SharingModalPresenter.displayName = 'SharingModalPresenter', _SharingModalPresenter.componentId = "Quizzes".concat(_SharingModalPresenter.displayName), _SharingModalPresenter.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   currentUser: _propTypes.default.shape({

package/lib/building/components/layout/Sidebar/SidebarItem/presenter.js

@@ -19,9 +19,10 @@ var _index2 = _interopRequireDefault(require("../../../../../common/components/s
 var _index3 = _interopRequireDefault(require("../../../../../common/components/layout/sidebar/SidebarItem/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BuildingSidebarItem;
 /** @jsx jsx */
-var BuildingSidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
+var BuildingSidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingSidebarItem, _Component);
   var _super = (0, _createSuper2.default)(BuildingSidebarItem);
   function BuildingSidebarItem() {
@@ -107,7 +108,7 @@ var BuildingSidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }]);
   BuildingSidebarItem.displayName = "BuildingSidebarItem";
   return BuildingSidebarItem;
-}(_react.Component), _BuildingSidebarItem.propTypes = {
+}(_react.Component), _BuildingSidebarItem.displayName = 'BuildingSidebarItem', _BuildingSidebarItem.componentId = "Quizzes".concat(_BuildingSidebarItem.displayName), _BuildingSidebarItem.propTypes = {
   connectDragSource: _propTypes.default.func.isRequired,
   // inserted by React DnD
   connectDragPreview: _propTypes.default.func.isRequired,

package/lib/building/components/layout/Sidebar/Stimulus/presenter.js

@@ -19,9 +19,10 @@ var _index2 = _interopRequireDefault(require("../../../../../common/components/s
 var _index3 = _interopRequireDefault(require("../../../../../common/components/layout/sidebar/Stimulus/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BuildingStimulus;
 /** @jsx jsx */
-var BuildingStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
+var BuildingStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingStimulus, _Component);
   var _super = (0, _createSuper2.default)(BuildingStimulus);
   function BuildingStimulus() {
@@ -115,7 +116,7 @@ var BuildingStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   BuildingStimulus.displayName = "BuildingStimulus";
   return BuildingStimulus;
-}(_react.Component), _BuildingStimulus.propTypes = {
+}(_react.Component), _BuildingStimulus.displayName = 'BuildingStimulus', _BuildingStimulus.componentId = "Quizzes".concat(_BuildingStimulus.displayName), _BuildingStimulus.propTypes = {
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   connectDragPreview: _propTypes.default.func.isRequired,
   // inserted by React DnD

package/lib/building/components/layout/Sidebar/presenter.js

@@ -25,7 +25,7 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _dec, _class, _BuildingSidebar;
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
-var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
+var BuildingSidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingSidebar, _Component);
   var _super = (0, _createSuper2.default)(BuildingSidebar);
   function BuildingSidebar() {
@@ -204,7 +204,7 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   BuildingSidebar.displayName = "BuildingSidebar";
   return BuildingSidebar;
-}(_react.Component), _BuildingSidebar.propTypes = {
+}(_react.Component), _BuildingSidebar.displayName = 'BuildingSidebar', _BuildingSidebar.componentId = "Quizzes".concat(_BuildingSidebar.displayName), _BuildingSidebar.propTypes = {
   connectDropTarget: _propTypes.default.func.isRequired,
   isOver: _propTypes.default.bool,
   quizEntries: _reactImmutableProptypes.default.list.isRequired,

package/lib/building/components/layout/header/BuildingButtons/presenter.js

@@ -26,7 +26,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _BuildingButtons;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null);
-var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
+var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingButtons, _Component);
   var _super = (0, _createSuper2.default)(BuildingButtons);
   function BuildingButtons() {
@@ -337,7 +337,7 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   BuildingButtons.displayName = "BuildingButtons";
   return BuildingButtons;
-}(_react.Component), _BuildingButtons.propTypes = {
+}(_react.Component), _BuildingButtons.displayName = 'BuildingButtons', _BuildingButtons.componentId = "Quizzes".concat(_BuildingButtons.displayName), _BuildingButtons.propTypes = {
   app: _propTypes.default.string,
   addAlert: _propTypes.default.func.isRequired,
   addInfo: _propTypes.default.func,

package/lib/building/components/resources/ActionButtons/presenter.js

@@ -24,7 +24,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _ActionButtons;
 /** @jsx jsx */
 var ScrollTargetButton = (0, _makeScrollable.default)(_uiButtons.IconButton);
-var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
+var ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ActionButtons, _Component);
   var _super = (0, _createSuper2.default)(ActionButtons);
   function ActionButtons() {
@@ -131,7 +131,7 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   ActionButtons.displayName = "ActionButtons";
   return ActionButtons;
-}(_react.Component), _ActionButtons.propTypes = {
+}(_react.Component), _ActionButtons.displayName = 'BuildingActionButtons', _ActionButtons.componentId = "Quizzes".concat(_ActionButtons.displayName), _ActionButtons.propTypes = {
   connectDragSource: _propTypes.default.func.isRequired,
   displayPosition: _propTypes.default.number.isRequired,
   editingAddContentPopover: _propTypes.default.bool.isRequired,

package/lib/building/components/resources/AddToBankOptions/index.js

@@ -22,7 +22,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _AddToBankOptions;
 /** @jsx jsx */
-var AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
+var AddToBankOptions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddToBankOptions, _Component);
   var _super = (0, _createSuper2.default)(AddToBankOptions);
   function AddToBankOptions() {
@@ -87,7 +87,7 @@ var AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   AddToBankOptions.displayName = "AddToBankOptions";
   return AddToBankOptions;
-}(_react.Component), _AddToBankOptions.propTypes = {
+}(_react.Component), _AddToBankOptions.displayName = 'AddToBankOptions', _AddToBankOptions.componentId = "Quizzes".concat(_AddToBankOptions.displayName), _AddToBankOptions.propTypes = {
   displayPosition: _propTypes.default.number.isRequired,
   entryType: _propTypes.default.string.isRequired,
   focusFirstErrorField: _propTypes.default.func,

package/lib/building/components/resources/DeleteStimulusModal/presenter.js

@@ -29,7 +29,7 @@ var _dec, _class, _DeleteStimulusModal;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null));
 var _ref2 = (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)("hr", null));
-var DeleteStimulusModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
+var DeleteStimulusModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DeleteStimulusModal, _Component);
   var _super = (0, _createSuper2.default)(DeleteStimulusModal);
   function DeleteStimulusModal() {
@@ -236,7 +236,7 @@ var DeleteStimulusModal = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }]);
   DeleteStimulusModal.displayName = "DeleteStimulusModal";
   return DeleteStimulusModal;
-}(_react.Component), _DeleteStimulusModal.propTypes = {
+}(_react.Component), _DeleteStimulusModal.displayName = 'DeleteStimulusModal', _DeleteStimulusModal.componentId = "Quizzes".concat(_DeleteStimulusModal.displayName), _DeleteStimulusModal.propTypes = {
   childEntries: _reactImmutableProptypes.default.list.isRequired,
   closeModal: _propTypes.default.func.isRequired,
   deletionMode: _propTypes.default.string,