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

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

@@ -9,13 +9,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import EditButton from "../../editButton/EditButton.js";
 import QuizTitleEdit from "../Edit/index.js";
 import QuizTitleShow from "../Show/index.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';
 
 // ================================
 
@@ -24,7 +25,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // ================================
 
-export var QuizTitlePresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
+export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitlePresenter, _Component);
   var _super = _createSuper(QuizTitlePresenter);
   function QuizTitlePresenter() {
@@ -164,7 +165,7 @@ export var QuizTitlePresenter = (_dec = withStyle(generateStyle, generateCompone
   }]);
   QuizTitlePresenter.displayName = "QuizTitlePresenter";
   return QuizTitlePresenter;
-}(Component), _QuizTitlePresenter.propTypes = {
+}(Component), _QuizTitlePresenter.displayName = 'QuizTitle', _QuizTitlePresenter.componentId = "Quizzes".concat(_QuizTitlePresenter.displayName), _QuizTitlePresenter.propTypes = {
   changeQuizTitle: PropTypes.func.isRequired,
   errorsShowing: ImmutablePropTypes.map.isRequired,
   hideError: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntry/presenter.js

@@ -13,7 +13,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import pick from 'lodash/pick';
 import partial from 'lodash/partial';
 import ReactDOM from 'react-dom';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import WarningWrapper from "../../../../../common/components/resources/WarningWrapper/index.js";
 import { propsForItemBankEntryEditPrompt, propsForStimulusBankEntryEditPrompt, propsForBankEntryUnauthorizedEdit, propsForItemVersioningWrapper, propsForBankEntryVersioningWrapper } from "../../../../../common/util/warningHelpers.js";
@@ -26,13 +26,13 @@ import ItemOverride from "../../../../../common/components/resources/item/ItemOv
 import AddToBankOptions from "../../AddToBankOptions/index.js";
 import TagDisplay from "../../../../../common/components/shared/TagDisplay/index.js";
 import Item from "../../../../../common/records/Item.js";
-import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM } from '@instructure/quiz-common';
+import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM, withStyleOverrides } from '@instructure/quiz-common';
 import QuizEntryShow from "../QuizEntryShow/index.js";
 import QuizEntryEdit from "../QuizEntryEdit/index.js";
 import Stimulus from "../../../../../common/components/resources/stimulus/Stimulus/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var QuizEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
+export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntry, _Component);
   var _super = _createSuper(QuizEntry);
   function QuizEntry() {
@@ -311,7 +311,7 @@ export var QuizEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   QuizEntry.displayName = "QuizEntry";
   return QuizEntry;
-}(Component), _QuizEntry.propTypes = {
+}(Component), _QuizEntry.displayName = 'QuizEntry', _QuizEntry.componentId = "Quizzes".concat(_QuizEntry.displayName), _QuizEntry.propTypes = {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record),
   connectDropTarget: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -13,17 +13,18 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import NumberInput from '@instructure/quiz-number-input';
 import { Text } from '@instructure/ui-text';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
-import BankSelection from "../../../../../../common/components/resources/BankSelection/index.js";
+import BankSelection from "../../../../../../common/components/resources/BankSelection/presenter.js";
 import QuizEntry from "../../../../../../common/records/QuizEntry.js";
 import Bank from "../../../../../../common/records/Bank.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';
 var _ref = jsx("br", null);
 var _ref2 = jsx("br", null);
-export var QuizEntryBankEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
+export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryBankEdit, _Component);
   var _super = _createSuper(QuizEntryBankEdit);
   function QuizEntryBankEdit() {
@@ -57,7 +58,7 @@ export var QuizEntryBankEdit = (_dec = withStyle(generateStyle, generateComponen
       _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, properties);
     };
     _this.onBankSelection = function (event, option) {
-      _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.value);
+      _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.id);
     };
     _this.handleQuestionChange = function (event, selection) {
       _this.onPropertiesChange({
@@ -201,7 +202,7 @@ export var QuizEntryBankEdit = (_dec = withStyle(generateStyle, generateComponen
   }]);
   QuizEntryBankEdit.displayName = "QuizEntryBankEdit";
   return QuizEntryBankEdit;
-}(Component), _QuizEntryBankEdit.propTypes = {
+}(Component), _QuizEntryBankEdit.displayName = 'QuizEntryBankEdit', _QuizEntryBankEdit.componentId = "Quizzes".concat(_QuizEntryBankEdit.displayName), _QuizEntryBankEdit.propTypes = {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   changeQuizEntryProperties: PropTypes.func.isRequired,
   changeQuizEntryEntry: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -9,14 +9,15 @@ import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { Alert } from '@instructure/ui-alerts';
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Bank from "../../../../../../common/records/Bank.js";
 import QuizEntry from "../../../../../../common/records/QuizEntry.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';
 var _ref = jsx("br", null);
-export var QuizEntryBank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
+export var QuizEntryBank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryBank, _Component);
   var _super = _createSuper(QuizEntryBank);
   function QuizEntryBank() {
@@ -90,7 +91,7 @@ export var QuizEntryBank = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizEntryBank.displayName = "QuizEntryBank";
   return QuizEntryBank;
-}(Component), _QuizEntryBank.propTypes = {
+}(Component), _QuizEntryBank.displayName = 'QuizEntryBank', _QuizEntryBank.componentId = "Quizzes".concat(_QuizEntryBank.displayName), _QuizEntryBank.propTypes = {
   entry: PropTypes.instanceOf(Bank).isRequired,
   quizEntry: PropTypes.instanceOf(QuizEntry).isRequired,
   styles: PropTypes.object

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -14,12 +14,12 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Text } from '@instructure/ui-text';
 import NumberInput from '@instructure/quiz-number-input';
 import { IconButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { interactionPoints } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
 import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
-import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK } from '@instructure/quiz-common';
+import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 function pointsAsFloat(pointsString) {
@@ -34,7 +34,7 @@ function countDecimals(normalizedPointsString) {
     decimals = _normalizedPointsStri2[1];
   return decimals ? decimals.length : 0;
 }
-export var QuizEntryEditFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
+export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryEditFooter, _Component);
   var _super = _createSuper(QuizEntryEditFooter);
   function QuizEntryEditFooter() {
@@ -209,7 +209,7 @@ export var QuizEntryEditFooter = (_dec = withStyle(generateStyle, generateCompon
   }]);
   QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
   return QuizEntryEditFooter;
-}(Component), _QuizEntryEditFooter.propTypes = {
+}(Component), _QuizEntryEditFooter.displayName = 'QuizEntryEditFooter', _QuizEntryEditFooter.componentId = "Quizzes".concat(_QuizEntryEditFooter.displayName), _QuizEntryEditFooter.propTypes = {
   alternativeRightFooter: PropTypes.func,
   changeQuizEntryPoints: PropTypes.func.isRequired,
   clearChanges: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -13,7 +13,7 @@ import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
 import { IconBankLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -21,11 +21,11 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref2 = jsx(IconBankLine, null);
-var QuizEntryHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
+var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryHeader, _Component);
   var _super = _createSuper(QuizEntryHeader);
   function QuizEntryHeader() {
@@ -270,7 +270,7 @@ var QuizEntryHeader = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";
   return QuizEntryHeader;
-}(Component), _QuizEntryHeader.propTypes = {
+}(Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
   changeItemTitle: PropTypes.func.isRequired,
   // from connected component
   clearModifications: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -12,7 +12,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { DragSource } from 'react-dnd';
 import pick from 'lodash/pick';
 import first from 'lodash/first';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
 import AddToBankModal from "../../../../../banks/components/AddToBankModal/index.js";
@@ -21,11 +21,11 @@ import wrapWithOutsideClickEmotion from "../../../../../common/components/shared
 import { checkClickedNode } from "../../../../../common/util/clickHandlers.js";
 import QuizEntryEditHeader from "./Header/index.js";
 import QuizEntryEditFooter from "./Footer/index.js";
-import { SHOULD_CLONE_ITEM, TEMPORARY_ITEM_ID, DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, PARENT_TYPE_ADDING_TO_BANK } from '@instructure/quiz-common';
+import { SHOULD_CLONE_ITEM, TEMPORARY_ITEM_ID, DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, PARENT_TYPE_ADDING_TO_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import { ItemTypes, dragSource, collectDrag } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-var QuizEntryEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
+var QuizEntryEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryEdit, _Component);
   var _super = _createSuper(QuizEntryEdit);
   function QuizEntryEdit() {
@@ -362,7 +362,7 @@ var QuizEntryEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   QuizEntryEdit.displayName = "QuizEntryEdit";
   return QuizEntryEdit;
-}(Component), _QuizEntryEdit.propTypes = {
+}(Component), _QuizEntryEdit.displayName = 'QuizEntryEdit', _QuizEntryEdit.componentId = "Quizzes".concat(_QuizEntryEdit.displayName), _QuizEntryEdit.propTypes = {
   addContentPopoverOpen: PropTypes.bool.isRequired,
   alternativeRightFooter: PropTypes.func,
   appContainer: CustomPropTypes.selectors.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -11,9 +11,9 @@ import partial from 'lodash/partial';
 import { DragSource } from 'react-dnd';
 import { IconBankLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
-import { TOP } from '@instructure/quiz-common';
+import { TOP, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { convertFITBtoRich } from "../../../../../common/util/fitbCopyHelper.js";
 import Item from "../../../../../common/records/Item.js";
@@ -25,7 +25,7 @@ import DragAndDropZone from "../../../../../common/components/shared/drag_and_dr
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconBankLine, null);
-var QuizEntryShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
+var QuizEntryShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryShow, _Component);
   var _super = _createSuper(QuizEntryShow);
   function QuizEntryShow() {
@@ -278,7 +278,7 @@ var QuizEntryShow = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   QuizEntryShow.displayName = "QuizEntryShow";
   return QuizEntryShow;
-}(Component), _QuizEntryShow.propTypes = {
+}(Component), _QuizEntryShow.displayName = 'QuizEntryShow', _QuizEntryShow.componentId = "Quizzes".concat(_QuizEntryShow.displayName), _QuizEntryShow.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   connectDragPreview: PropTypes.func.isRequired,
   connectDragSource: PropTypes.func.isRequired,

package/es/common/components/ImportModal/ImportFileSelector/index.js

@@ -9,15 +9,16 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button } from '@instructure/ui-buttons';
 import { Grid } from '@instructure/ui-grid';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { IconUploadLine, IconCompleteLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import FileSelector from "../../../../common/components/shared/file_selector/FileSelector.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconUploadLine, null);
 var _ref2 = jsx(IconCompleteLine, null);
-export var ImportFileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
+export var ImportFileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   _inherits(ImportFileSelector, _Component);
   var _super = _createSuper(ImportFileSelector);
   function ImportFileSelector() {
@@ -121,7 +122,7 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
   }]);
   ImportFileSelector.displayName = "ImportFileSelector";
   return ImportFileSelector;
-}(Component), _ImportFileSelector.propTypes = {
+}(Component), _ImportFileSelector.displayName = 'ImportFileSelector', _ImportFileSelector.componentId = "Quizzes".concat(_ImportFileSelector.displayName), _ImportFileSelector.propTypes = {
   files: ImmutablePropTypes.list.isRequired,
   receiveFile: PropTypes.func.isRequired,
   acceptAttribute: PropTypes.string.isRequired,

package/es/common/components/ImportModal/presenter.js

@@ -15,13 +15,13 @@ import { Heading } from '@instructure/ui-heading';
 import { Tabs } from '@instructure/ui-tabs';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx } from '@instructure/emotion';
-import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ImportFileSelector from "./ImportFileSelector/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   _inherits(ImportModal, _Component);
   var _super = _createSuper(ImportModal);
   function ImportModal() {
@@ -319,7 +319,7 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
   }]);
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(Component), _ImportModal.propTypes = {
+}(Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string

package/es/common/components/PrintFontSizeModal/presenter.js

@@ -6,16 +6,16 @@ var _dec, _class, _PrintFontSizeModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Modal, ModalHeader, ModalBody, ModalFooter } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
-export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
+export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
   _inherits(PrintFontSizeModal, _Component);
   var _super = _createSuper(PrintFontSizeModal);
   function PrintFontSizeModal() {
@@ -152,7 +152,7 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
   }]);
   PrintFontSizeModal.displayName = "PrintFontSizeModal";
   return PrintFontSizeModal;
-}(Component), _PrintFontSizeModal.propTypes = {
+}(Component), _PrintFontSizeModal.displayName = 'PrintFontSizeModal', _PrintFontSizeModal.componentId = "Quizzes".concat(_PrintFontSizeModal.displayName), _PrintFontSizeModal.propTypes = {
   isOpen: PropTypes.bool,
   persistedPrintFontSize: PropTypes.string,
   onSubmit: PropTypes.func.isRequired,

package/es/common/components/SDKApp/index.js

@@ -10,11 +10,11 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import HTML5Backend from 'react-dnd-html5-backend';
 import { DragDropContext } from 'react-dnd';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { ApplyLocale } from '@instructure/ui-i18n';
 import { Provider } from "../../react-redux.js";
 import store from "../../../reduxStore.js";
-import { getLocale } from '@instructure/quiz-common';
+import { getLocale, withStyleOverrides } from '@instructure/quiz-common';
 import { set } from "../../actions/ui.js";
 import { addAlert } from "../../actions/alerts.js";
 import { setAPIEndpoint, setCanvasOrigin, setUserToken } from "../../actions/config.js";
@@ -29,7 +29,7 @@ import setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessag
 import RceConfigProvider from "../RceConfigProvider/index.js";
 import { ApiFeatureFlagInitializer } from "../ApiFeatureFlagInitializer/index.js";
 var _ref = jsx(ConfirmationModal, null);
-export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   _inherits(SDKApp, _Component);
   var _super = _createSuper(SDKApp);
   function SDKApp(props) {
@@ -140,7 +140,7 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
   }]);
   SDKApp.displayName = "SDKApp";
   return SDKApp;
-}(Component), _SDKApp.propTypes = {
+}(Component), _SDKApp.displayName = 'SDKApp', _SDKApp.componentId = "Quizzes".concat(_SDKApp.displayName), _SDKApp.propTypes = {
   apiEndpoint: PropTypes.string.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,

package/es/common/components/alerts/presenter.js

@@ -10,11 +10,12 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Alerts = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   _inherits(Alerts, _Component);
   var _super = _createSuper(Alerts);
   function Alerts() {
@@ -85,7 +86,7 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   Alerts.displayName = "Alerts";
   return Alerts;
-}(Component), _Alerts.propTypes = {
+}(Component), _Alerts.displayName = 'Alerts', _Alerts.componentId = "Quizzes".concat(_Alerts.displayName), _Alerts.propTypes = {
   removeAlert: PropTypes.func.isRequired,
   alerts: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object

package/es/common/components/layout/Page/index.js

@@ -6,10 +6,12 @@ var _dec, _class, _Page;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+import t from '@instructure/quiz-i18n/es/format-message';
+export var Page = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   _inherits(Page, _Component);
   var _super = _createSuper(Page);
   function Page() {
@@ -50,13 +52,14 @@ export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         tabIndex: "-1",
         ref: this.props.childrenWrapperRef,
         role: this.props.contentRole,
-        css: this.props.styles.childrenWrapper
+        css: this.props.styles.childrenWrapper,
+        "aria-label": t('Quiz content')
       }, this.props.children));
     }
   }]);
   Page.displayName = "Page";
   return Page;
-}(Component), _Page.propTypes = {
+}(Component), _Page.displayName = 'Page', _Page.componentId = "Quizzes".concat(_Page.displayName), _Page.propTypes = {
   children: PropTypes.node.isRequired,
   childrenWrapperRef: PropTypes.func,
   contentRole: PropTypes.string,
@@ -68,7 +71,7 @@ export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   makeStyles: PropTypes.func
 }, _Page.defaultProps = {
   childrenWrapperRef: function childrenWrapperRef() {},
-  contentRole: 'main',
+  contentRole: 'region',
   sidebarComponent: null,
   sidebarOpen: null,
   sidebarRole: 'navigation',

package/es/common/components/layout/header/HeaderMenuButton/presenter.js

@@ -9,12 +9,13 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconHamburgerLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconHamburgerLine, null);
-export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
+export var HeaderMenuButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
   _inherits(HeaderMenuButton, _Component);
   var _super = _createSuper(HeaderMenuButton);
   function HeaderMenuButton() {
@@ -52,7 +53,7 @@ export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponent
   }]);
   HeaderMenuButton.displayName = "HeaderMenuButton";
   return HeaderMenuButton;
-}(Component), _HeaderMenuButton.propTypes = {
+}(Component), _HeaderMenuButton.displayName = 'HeaderMenuButton', _HeaderMenuButton.componentId = "Quizzes".concat(_HeaderMenuButton.displayName), _HeaderMenuButton.propTypes = {
   sidebarMenuClick: PropTypes.func.isRequired,
   hidden: PropTypes.bool.isRequired,
   sidebarOpen: PropTypes.bool.isRequired,

package/es/common/components/layout/header/Timer/presenter.js

@@ -13,15 +13,16 @@ import * as platform from 'platform';
 import { Button } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import FormattedDuration from "../../../shared/FormattedDuration/index.js";
 import { formatTime } from "../../../../util/formatTimespan.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';
 var _ref = jsx(IconClockLine, null);
 var _ref2 = jsx(IconClockSolid, null);
-export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   _inherits(Timer, _Component);
   var _super = _createSuper(Timer);
   function Timer() {
@@ -168,7 +169,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }]);
   Timer.displayName = "Timer";
   return Timer;
-}(Component), _Timer.propTypes = {
+}(Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -7,11 +7,12 @@ var _dec, _class, _SecondaryNavBarButton;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import { InstUISettingsProvider, withStyle, jsx } from '@instructure/emotion';
+import { InstUISettingsProvider, jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var SecondaryNavBarButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   _inherits(SecondaryNavBarButton, _Component);
   var _super = _createSuper(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -47,7 +48,7 @@ export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComp
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
+}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func

package/es/common/components/layout/navbar/index.js

@@ -10,14 +10,15 @@ import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { IconQuizLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconQuizLine, {
   color: "primary",
   size: "small"
 });
-export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   _inherits(NavBar, _Component);
   var _super = _createSuper(NavBar);
   function NavBar() {
@@ -100,7 +101,7 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   NavBar.displayName = "NavBar";
   return NavBar;
-}(Component), _NavBar.propTypes = {
+}(Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired

package/es/common/components/layout/sidebar/PositionSummary/index.js

@@ -7,11 +7,12 @@ var _dec, _class, _PositionSummary;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   _inherits(PositionSummary, _Component);
   var _super = _createSuper(PositionSummary);
   function PositionSummary() {
@@ -38,7 +39,7 @@ export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(Component), _PositionSummary.propTypes = {
+}(Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object