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

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() {
@@ -78,7 +78,7 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_S
       })), jsx(Grid.Col, null, jsx("span", {
         css: isEntityRemoved ? _this.props.styles.labelRemoved : null,
         "data-automation": isEntityRemoved ? 'sdk-shared-entity-removed' : null
-      }, entity.get('title'))), _this.props.improvedBankSharingEnabled && jsx(Grid.Col, {
+      }, entity.get('title'))), jsx(Grid.Col, {
         width: "auto"
       }, jsx(SimpleSelect, {
         onChange: _this.handlePermissionChange(entity),
@@ -95,7 +95,7 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_S
         value: CAN_EDIT
       }, t('Can edit')))), jsx(Grid.Col, {
         width: "auto"
-      }, _this.props.canEdit && (_this.props.improvedBankSharingEnabled || !isCourse) && _this.renderRemoveButton(entity, isEntityRemoved)));
+      }, _this.props.canEdit && _this.renderRemoveButton(entity, isEntityRemoved)));
     };
     return _this;
   }
@@ -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,
@@ -117,7 +117,6 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_S
     permission: PropTypes.string.isRequired,
     id: PropTypes.string.isRequired
   })).isRequired,
-  improvedBankSharingEnabled: PropTypes.bool.isRequired,
   onPermissionChange: PropTypes.func.isRequired,
   onEntityRemove: PropTypes.func.isRequired,
   sharedBanks: ImmutablePropTypes.list,

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

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

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

@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
-import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
@@ -22,7 +22,7 @@ import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import ShareList from "./ShareList/index.js";
@@ -34,7 +34,7 @@ import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 var noop = function noop() {};
 var _ref7 = jsx(Spinner, null);
-export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
+export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   _inherits(SharingModalPresenter, _Component);
   var _super = _createSuper(SharingModalPresenter);
   function SharingModalPresenter() {
@@ -325,13 +325,12 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
           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 && jsx(Grid.Col, {
+        })), jsx(Grid.Col, {
           width: "auto"
         }, jsx(SimpleSelect, {
           onChange: _this.handleSearchPermissionChange,
@@ -359,7 +358,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
       return jsx(ShareList, {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
-        improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
         onPermissionChange: _this.handleEntityPermissionChange,
         onEntityRemove: _this.handleEntityRemove,
         sharedBanks: _this.props.sharedBanks
@@ -553,7 +551,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   }]);
   SharingModalPresenter.displayName = "SharingModalPresenter";
   return SharingModalPresenter;
-}(Component), _SharingModalPresenter.propTypes = {
+}(Component), _SharingModalPresenter.displayName = 'SharingModalPresenter', _SharingModalPresenter.componentId = "Quizzes".concat(_SharingModalPresenter.displayName), _SharingModalPresenter.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
@@ -574,7 +572,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   getUserInfo: PropTypes.func.isRequired,
   getShareableSubaccounts: PropTypes.func.isRequired,
   getSubaccountInfo: PropTypes.func.isRequired,
-  improvedBankSharingEnabled: PropTypes.bool,
   isOpen: PropTypes.bool,
   minChars: PropTypes.number,
   modalTrigger: PropTypes.node,
@@ -593,7 +590,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
 }, _SharingModalPresenter.defaultProps = {
   bank: null,
   currentUser: null,
-  improvedBankSharingEnabled: false,
   isOpen: false,
   minChars: void 0,
   modalTrigger: null,

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

@@ -7,14 +7,15 @@ var _dec, _class, _BuildingSidebarItem;
 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 { chooseDragConnection, usingIE } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import DragHandle from "../../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import DragAndDropZone from "../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js";
 import CommonSidebarItem from "../../../../../common/components/layout/sidebar/SidebarItem/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BuildingSidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebarItem, _Component);
   var _super = _createSuper(BuildingSidebarItem);
   function BuildingSidebarItem() {
@@ -100,7 +101,7 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
   }]);
   BuildingSidebarItem.displayName = "BuildingSidebarItem";
   return BuildingSidebarItem;
-}(Component), _BuildingSidebarItem.propTypes = {
+}(Component), _BuildingSidebarItem.displayName = 'BuildingSidebarItem', _BuildingSidebarItem.componentId = "Quizzes".concat(_BuildingSidebarItem.displayName), _BuildingSidebarItem.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   // inserted by React DnD
   connectDragPreview: PropTypes.func.isRequired,

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

@@ -7,14 +7,15 @@ var _dec, _class, _BuildingStimulus;
 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 { chooseDragConnection, usingIE } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import DragHandle from "../../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import DragAndDropZone from "../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js";
 import CommonStimulus from "../../../../../common/components/layout/sidebar/Stimulus/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BuildingStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   _inherits(BuildingStimulus, _Component);
   var _super = _createSuper(BuildingStimulus);
   function BuildingStimulus() {
@@ -108,7 +109,7 @@ export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponent
   }]);
   BuildingStimulus.displayName = "BuildingStimulus";
   return BuildingStimulus;
-}(Component), _BuildingStimulus.propTypes = {
+}(Component), _BuildingStimulus.displayName = 'BuildingStimulus', _BuildingStimulus.componentId = "Quizzes".concat(_BuildingStimulus.displayName), _BuildingStimulus.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
   // inserted by React DnD

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

@@ -8,7 +8,7 @@ var _dec, _class, _BuildingSidebar;
 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 SidebarItem from "./SidebarItem/index.js";
 import Stimulus from "./Stimulus/index.js";
 import Sidebar from "../../../../common/components/layout/sidebar/Sidebar/index.js";
@@ -16,9 +16,9 @@ import generateDisplayPositions from "../../../../common/util/generateDisplayPos
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { SIDEBAR_ITEM_REF } from '@instructure/quiz-common';
+import { SIDEBAR_ITEM_REF, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
+export var BuildingSidebar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebar, _Component);
   var _super = _createSuper(BuildingSidebar);
   function BuildingSidebar() {
@@ -197,7 +197,7 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BuildingSidebar.displayName = "BuildingSidebar";
   return BuildingSidebar;
-}(Component), _BuildingSidebar.propTypes = {
+}(Component), _BuildingSidebar.displayName = 'BuildingSidebar', _BuildingSidebar.componentId = "Quizzes".concat(_BuildingSidebar.displayName), _BuildingSidebar.propTypes = {
   connectDropTarget: PropTypes.func.isRequired,
   isOver: PropTypes.bool,
   quizEntries: ImmutablePropTypes.list.isRequired,

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

@@ -13,13 +13,13 @@ import { View } from '@instructure/ui-view';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import PrintTrigger from "../../../../../common/components/shared/PrintTrigger/index.js";
-import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
-import { withStyle, jsx } from '@instructure/emotion';
+import { PRINT_CURRENT_PAGE, PRINT_BLANK, withStyleOverrides } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconSpeedGraderLine, null);
-export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
+export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   _inherits(BuildingButtons, _Component);
   var _super = _createSuper(BuildingButtons);
   function BuildingButtons() {
@@ -330,7 +330,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BuildingButtons.displayName = "BuildingButtons";
   return BuildingButtons;
-}(Component), _BuildingButtons.propTypes = {
+}(Component), _BuildingButtons.displayName = 'BuildingButtons', _BuildingButtons.componentId = "Quizzes".concat(_BuildingButtons.displayName), _BuildingButtons.propTypes = {
   app: PropTypes.string,
   addAlert: PropTypes.func.isRequired,
   addInfo: PropTypes.func,

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

@@ -9,15 +9,15 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEditLine, IconTrashLine, IconDuplicateLine } from '@instructure/ui-icons';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import DragHandle from "../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import makeScrollable from "../../../../common/components/shared/functionality/makeScrollable.js";
 import noop from "../../../../common/util/noop.js";
-import { EDIT, REMOVE, COPY, END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+import { EDIT, REMOVE, COPY, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var ScrollTargetButton = makeScrollable(IconButton);
-export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
+export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   _inherits(ActionButtons, _Component);
   var _super = _createSuper(ActionButtons);
   function ActionButtons() {
@@ -124,7 +124,7 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   ActionButtons.displayName = "ActionButtons";
   return ActionButtons;
-}(Component), _ActionButtons.propTypes = {
+}(Component), _ActionButtons.displayName = 'BuildingActionButtons', _ActionButtons.componentId = "Quizzes".concat(_ActionButtons.displayName), _ActionButtons.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   editingAddContentPopover: PropTypes.bool.isRequired,

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

@@ -10,12 +10,12 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { CondensedButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
-import { ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { ADD_TO_BANK_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
+export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   _inherits(AddToBankOptions, _Component);
   var _super = _createSuper(AddToBankOptions);
   function AddToBankOptions() {
@@ -80,7 +80,7 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
   }]);
   AddToBankOptions.displayName = "AddToBankOptions";
   return AddToBankOptions;
-}(Component), _AddToBankOptions.propTypes = {
+}(Component), _AddToBankOptions.displayName = 'AddToBankOptions', _AddToBankOptions.componentId = "Quizzes".concat(_AddToBankOptions.displayName), _AddToBankOptions.propTypes = {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,

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

@@ -14,15 +14,15 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-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 { extractTextFromHtml } from '@instructure/quiz-interactions';
-import { Modal, ModalHeader, ModalBody, ModalFooter, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(PresentationContent, null, jsx("hr", null));
 var _ref2 = jsx(PresentationContent, null, jsx("hr", null));
-export var DeleteStimulusModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
+export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
   _inherits(DeleteStimulusModal, _Component);
   var _super = _createSuper(DeleteStimulusModal);
   function DeleteStimulusModal() {
@@ -229,7 +229,7 @@ export var DeleteStimulusModal = (_dec = withStyle(generateStyle, generateCompon
   }]);
   DeleteStimulusModal.displayName = "DeleteStimulusModal";
   return DeleteStimulusModal;
-}(Component), _DeleteStimulusModal.propTypes = {
+}(Component), _DeleteStimulusModal.displayName = 'DeleteStimulusModal', _DeleteStimulusModal.componentId = "Quizzes".concat(_DeleteStimulusModal.displayName), _DeleteStimulusModal.propTypes = {
   childEntries: ImmutablePropTypes.list.isRequired,
   closeModal: PropTypes.func.isRequired,
   deletionMode: PropTypes.string,

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

@@ -9,14 +9,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { RichContentRenderer, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx("br", null);
-export var ItemFeedbackModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
+export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
   _inherits(ItemFeedbackModal, _Component);
   var _super = _createSuper(ItemFeedbackModal);
   function ItemFeedbackModal() {
@@ -110,7 +110,7 @@ export var ItemFeedbackModal = (_dec = withStyle(generateStyle, generateComponen
   }]);
   ItemFeedbackModal.displayName = "ItemFeedbackModal";
   return ItemFeedbackModal;
-}(Component), _ItemFeedbackModal.propTypes = {
+}(Component), _ItemFeedbackModal.displayName = 'ItemFeedbackModal', _ItemFeedbackModal.componentId = "Quizzes".concat(_ItemFeedbackModal.displayName), _ItemFeedbackModal.propTypes = {
   changeItemFeedback: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   feedback: ImmutablePropTypes.map.isRequired,

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

@@ -7,11 +7,11 @@ var _dec, _class, _QuizInstructionsEdit;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import CustomPropTypes from "../../../../../../common/util/CustomPropTypes.js";
 import { checkClickedNode } from "../../../../../../common/util/clickHandlers.js";
-import { INSTRUCTIONS_EDIT_ID } from '@instructure/quiz-common';
+import { INSTRUCTIONS_EDIT_ID, withStyleOverrides } from '@instructure/quiz-common';
 import { RichContentInput } from '@instructure/quiz-rce';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
@@ -20,7 +20,7 @@ import wrapWithOutsideClickEmotion from "../../../../../../common/components/sha
 // is rendered & has actions that
 // allow for canceling
 // ===================================
-var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
+var QuizInstructionsEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructionsEdit, _Component);
   var _super = _createSuper(QuizInstructionsEdit);
   function QuizInstructionsEdit() {
@@ -67,7 +67,7 @@ var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizInstructionsEdit.displayName = "QuizInstructionsEdit";
   return QuizInstructionsEdit;
-}(Component), _QuizInstructionsEdit.propTypes = {
+}(Component), _QuizInstructionsEdit.displayName = 'QuizInstructionsEdit', _QuizInstructionsEdit.componentId = "Quizzes".concat(_QuizInstructionsEdit.displayName), _QuizInstructionsEdit.propTypes = {
   endEditing: PropTypes.func.isRequired,
   inputValue: PropTypes.string.isRequired,
   onInputChange: PropTypes.func.isRequired,

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

@@ -8,13 +8,14 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import QuizInstructionsEdit from "../Edit/index.js";
 import QuizInstructionsShow from "../Show/index.js";
 import EditButton from "../../editButton/EditButton.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ======================================
 
@@ -23,7 +24,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // ======================================
 
-export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructions, _Component);
   var _super = _createSuper(QuizInstructions);
   function QuizInstructions() {
@@ -162,7 +163,7 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(Component), _QuizInstructions.propTypes = {
+}(Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
   changeQuizInstructions: PropTypes.func.isRequired,
   clearModifications: PropTypes.func.isRequired,
   isEditing: PropTypes.bool.isRequired,

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

@@ -6,13 +6,14 @@ var _dec, _class, _QuizInstructionsShow;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import Overlay from "../../../../../../common/components/shared/overlay/index.js";
 import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ==========================================
 
@@ -21,7 +22,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 // editing and hover which shows an overlay
 
 // ==========================================
-export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
+export var QuizInstructionsShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructionsShow, _Component);
   var _super = _createSuper(QuizInstructionsShow);
   function QuizInstructionsShow() {
@@ -56,7 +57,7 @@ export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateCompo
   }]);
   QuizInstructionsShow.displayName = "QuizInstructionsShow";
   return QuizInstructionsShow;
-}(Component), _QuizInstructionsShow.propTypes = {
+}(Component), _QuizInstructionsShow.displayName = 'QuizInstructionsShow', _QuizInstructionsShow.componentId = "Quizzes".concat(_QuizInstructionsShow.displayName), _QuizInstructionsShow.propTypes = {
   instructions: PropTypes.string,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,

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

@@ -9,11 +9,12 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import Errors from "../../../../../../common/components/shared/errors/Errors.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // =================================
 
@@ -23,7 +24,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // =================================
 
-export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
   _inherits(TitleEdit, _Component);
   var _super = _createSuper(TitleEdit);
   function TitleEdit() {
@@ -145,7 +146,7 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   TitleEdit.displayName = "TitleEdit";
   return TitleEdit;
-}(Component), _TitleEdit.propTypes = {
+}(Component), _TitleEdit.displayName = 'TitleEdit', _TitleEdit.componentId = "Quizzes".concat(_TitleEdit.displayName), _TitleEdit.propTypes = {
   value: PropTypes.string.isRequired,
   isValid: PropTypes.bool.isRequired,
   showError: PropTypes.func.isRequired,

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

@@ -6,19 +6,24 @@ var _dec, _class, _QuizTitleShow;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Text } from '@instructure/ui-text';
 import Overlay from "../../../../../../common/components/shared/overlay/index.js";
 import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
 import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js"; // ====================================
+import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
+
+// ====================================
+
 // this component shows the quiz title
 // has events that allow for toggling
 // editing and hover which shows an
 // overlay
+
 // ====================================
-export var QuizTitleShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
+export var QuizTitleShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitleShow, _Component);
   var _super = _createSuper(QuizTitleShow);
   function QuizTitleShow() {
@@ -53,7 +58,7 @@ export var QuizTitleShow = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizTitleShow.displayName = "QuizTitleShow";
   return QuizTitleShow;
-}(Component), _QuizTitleShow.propTypes = {
+}(Component), _QuizTitleShow.displayName = 'QuizTitleShow', _QuizTitleShow.componentId = "Quizzes".concat(_QuizTitleShow.displayName), _QuizTitleShow.propTypes = {
   defaultTitle: PropTypes.string.isRequired,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,