@instructure/quiz-core 20.34.0 → 20.34.1-snapshot.10

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() {
@@ -85,7 +85,7 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
       })), (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)("span", {
         css: isEntityRemoved ? _this.props.styles.labelRemoved : null,
         "data-automation": isEntityRemoved ? 'sdk-shared-entity-removed' : null
-      }, entity.get('title'))), _this.props.improvedBankSharingEnabled && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
+      }, entity.get('title'))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
       }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
         onChange: _this.handlePermissionChange(entity),
@@ -102,7 +102,7 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         value: _quizCommon.CAN_EDIT
       }, (0, _formatMessage.default)('Can edit')))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, _this.props.canEdit && (_this.props.improvedBankSharingEnabled || !isCourse) && _this.renderRemoveButton(entity, isEntityRemoved)));
+      }, _this.props.canEdit && _this.renderRemoveButton(entity, isEntityRemoved)));
     };
     return _this;
   }
@@ -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,
@@ -124,7 +124,6 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
     permission: _propTypes.default.string.isRequired,
     id: _propTypes.default.string.isRequired
   })).isRequired,
-  improvedBankSharingEnabled: _propTypes.default.bool.isRequired,
   onPermissionChange: _propTypes.default.func.isRequired,
   onEntityRemove: _propTypes.default.func.isRequired,
   sharedBanks: _reactImmutableProptypes.default.list,

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

@@ -18,7 +18,6 @@ function mapStateToProps(state, ownProps) {
     return sharedBank.get('bankId') === ownProps.bank.id;
   }).toList();
   return {
-    improvedBankSharingEnabled: (0, _featureCheck.featureOn)('improved_bank_sharing'),
     subAccountBankSharingEnabled: (0, _featureCheck.featureOn)('sub_account_bank_sharing'),
     sharedBanks: sharedBanks
   };

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() {
@@ -333,13 +333,12 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
           getShareableSubaccounts: _this.props.getShareableSubaccounts,
-          improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
           minChars: _this.props.minChars,
           onSelectionChange: _this.handleSearchSelectionChange,
           searchType: searchType,
           selectedOption: _this.state.searchSelection,
           selectionFilter: _this.handleSearchFilter
-        })), _this.props.improvedBankSharingEnabled && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
+        })), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
           width: "auto"
         }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
           onChange: _this.handleSearchPermissionChange,
@@ -367,7 +366,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       return (0, _emotion.jsx)(_index.default, {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
-        improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
         onPermissionChange: _this.handleEntityPermissionChange,
         onEntityRemove: _this.handleEntityRemove,
         sharedBanks: _this.props.sharedBanks
@@ -561,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({
@@ -582,7 +580,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   getUserInfo: _propTypes.default.func.isRequired,
   getShareableSubaccounts: _propTypes.default.func.isRequired,
   getSubaccountInfo: _propTypes.default.func.isRequired,
-  improvedBankSharingEnabled: _propTypes.default.bool,
   isOpen: _propTypes.default.bool,
   minChars: _propTypes.default.number,
   modalTrigger: _propTypes.default.node,
@@ -601,7 +598,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
 }, _SharingModalPresenter.defaultProps = {
   bank: null,
   currentUser: null,
-  improvedBankSharingEnabled: false,
   isOpen: false,
   minChars: void 0,
   modalTrigger: null,

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,

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

@@ -23,7 +23,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _ItemFeedbackModal;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)("br", null);
-var ItemFeedbackModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
+var ItemFeedbackModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ItemFeedbackModal, _Component);
   var _super = (0, _createSuper2.default)(ItemFeedbackModal);
   function ItemFeedbackModal() {
@@ -117,7 +117,7 @@ var ItemFeedbackModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   }]);
   ItemFeedbackModal.displayName = "ItemFeedbackModal";
   return ItemFeedbackModal;
-}(_react.Component), _ItemFeedbackModal.propTypes = {
+}(_react.Component), _ItemFeedbackModal.displayName = 'ItemFeedbackModal', _ItemFeedbackModal.componentId = "Quizzes".concat(_ItemFeedbackModal.displayName), _ItemFeedbackModal.propTypes = {
   changeItemFeedback: _propTypes.default.func.isRequired,
   closeModal: _propTypes.default.func.isRequired,
   feedback: _reactImmutableProptypes.default.map.isRequired,

package/lib/building/components/resources/quiz/instructions/Edit/presenter.js

@@ -28,7 +28,7 @@ var _dec, _class, _QuizInstructionsEdit;
 // is rendered & has actions that
 // allow for canceling
 // ===================================
-var QuizInstructionsEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
+var QuizInstructionsEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizInstructionsEdit, _Component);
   var _super = (0, _createSuper2.default)(QuizInstructionsEdit);
   function QuizInstructionsEdit() {
@@ -75,7 +75,7 @@ var QuizInstructionsEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _the
   }]);
   QuizInstructionsEdit.displayName = "QuizInstructionsEdit";
   return QuizInstructionsEdit;
-}(_react.Component), _QuizInstructionsEdit.propTypes = {
+}(_react.Component), _QuizInstructionsEdit.displayName = 'QuizInstructionsEdit', _QuizInstructionsEdit.componentId = "Quizzes".concat(_QuizInstructionsEdit.displayName), _QuizInstructionsEdit.propTypes = {
   endEditing: _propTypes.default.func.isRequired,
   inputValue: _propTypes.default.string.isRequired,
   onInputChange: _propTypes.default.func.isRequired,

package/lib/building/components/resources/quiz/instructions/Instructions/presenter.js

@@ -20,13 +20,14 @@ var _EditButton = _interopRequireDefault(require("../../editButton/EditButton.js
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizInstructions;
 /** @jsx jsx */
 // ======================================
 // renders the editable quiz instructions
 // input/display component
 // ======================================
-var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+var QuizInstructions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizInstructions, _Component);
   var _super = (0, _createSuper2.default)(QuizInstructions);
   function QuizInstructions() {
@@ -165,7 +166,7 @@ var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(_react.Component), _QuizInstructions.propTypes = {
+}(_react.Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
   changeQuizInstructions: _propTypes.default.func.isRequired,
   clearModifications: _propTypes.default.func.isRequired,
   isEditing: _propTypes.default.bool.isRequired,

package/lib/building/components/resources/quiz/instructions/Show/index.js

@@ -18,6 +18,7 @@ var _makeScrollable = _interopRequireDefault(require("../../../../../../common/c
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizInstructionsShow;
 /** @jsx jsx */
 // ==========================================
@@ -25,7 +26,7 @@ var _dec, _class, _QuizInstructionsShow;
 // has events that allow for toggling
 // editing and hover which shows an overlay
 // ==========================================
-var QuizInstructionsShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
+var QuizInstructionsShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizInstructionsShow, _Component);
   var _super = (0, _createSuper2.default)(QuizInstructionsShow);
   function QuizInstructionsShow() {
@@ -60,7 +61,7 @@ var QuizInstructionsShow = (_dec = (0, _emotion.withStyle)(_styles.default, _the
   }]);
   QuizInstructionsShow.displayName = "QuizInstructionsShow";
   return QuizInstructionsShow;
-}(_react.Component), _QuizInstructionsShow.propTypes = {
+}(_react.Component), _QuizInstructionsShow.displayName = 'QuizInstructionsShow', _QuizInstructionsShow.componentId = "Quizzes".concat(_QuizInstructionsShow.displayName), _QuizInstructionsShow.propTypes = {
   instructions: _propTypes.default.string,
   switchOnEditing: _propTypes.default.func.isRequired,
   contentLocked: _propTypes.default.bool,

package/lib/building/components/resources/quiz/title/Edit/index.js

@@ -19,6 +19,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _Errors = _interopRequireDefault(require("../../../../../../common/components/shared/errors/Errors.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _TitleEdit;
 /** @jsx jsx */
 // =================================
@@ -26,7 +27,7 @@ var _dec, _class, _TitleEdit;
 // is rendered & has actions that
 // allow for canceling
 // =================================
-var TitleEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+var TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TitleEdit, _Component);
   var _super = (0, _createSuper2.default)(TitleEdit);
   function TitleEdit() {
@@ -148,7 +149,7 @@ var TitleEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   TitleEdit.displayName = "TitleEdit";
   return TitleEdit;
-}(_react.Component), _TitleEdit.propTypes = {
+}(_react.Component), _TitleEdit.displayName = 'TitleEdit', _TitleEdit.componentId = "Quizzes".concat(_TitleEdit.displayName), _TitleEdit.propTypes = {
   value: _propTypes.default.string.isRequired,
   isValid: _propTypes.default.bool.isRequired,
   showError: _propTypes.default.func.isRequired,

package/lib/building/components/resources/quiz/title/Show/index.js

@@ -18,6 +18,7 @@ var _index = _interopRequireDefault(require("../../../../../../common/components
 var _makeScrollable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeScrollable.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitleShow;
 /** @jsx jsx */
 // ====================================
@@ -26,7 +27,7 @@ var _dec, _class, _QuizTitleShow;
 // editing and hover which shows an
 // overlay
 // ====================================
-var QuizTitleShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
+var QuizTitleShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizTitleShow, _Component);
   var _super = (0, _createSuper2.default)(QuizTitleShow);
   function QuizTitleShow() {
@@ -61,7 +62,7 @@ var QuizTitleShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   QuizTitleShow.displayName = "QuizTitleShow";
   return QuizTitleShow;
-}(_react.Component), _QuizTitleShow.propTypes = {
+}(_react.Component), _QuizTitleShow.displayName = 'QuizTitleShow', _QuizTitleShow.componentId = "Quizzes".concat(_QuizTitleShow.displayName), _QuizTitleShow.propTypes = {
   defaultTitle: _propTypes.default.string.isRequired,
   switchOnEditing: _propTypes.default.func.isRequired,
   contentLocked: _propTypes.default.bool,

package/lib/building/components/resources/quiz/title/Title/presenter.js

@@ -21,13 +21,14 @@ var _index2 = _interopRequireDefault(require("../Show/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitlePresenter;
 /** @jsx jsx */
 // ================================
 // renders the editable quiz title
 // input/display component
 // ================================
-var QuizTitlePresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
+var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizTitlePresenter, _Component);
   var _super = (0, _createSuper2.default)(QuizTitlePresenter);
   function QuizTitlePresenter() {
@@ -167,7 +168,7 @@ var QuizTitlePresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }]);
   QuizTitlePresenter.displayName = "QuizTitlePresenter";
   return QuizTitlePresenter;
-}(_react.Component), _QuizTitlePresenter.propTypes = {
+}(_react.Component), _QuizTitlePresenter.displayName = 'QuizTitle', _QuizTitlePresenter.componentId = "Quizzes".concat(_QuizTitlePresenter.displayName), _QuizTitlePresenter.propTypes = {
   changeQuizTitle: _propTypes.default.func.isRequired,
   errorsShowing: _reactImmutableProptypes.default.map.isRequired,
   hideError: _propTypes.default.func.isRequired,