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

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

@@ -39,7 +39,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntry;
 /** @jsx jsx */
-var QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
+var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntry, _Component);
   var _super = (0, _createSuper2.default)(QuizEntry);
   function QuizEntry() {
@@ -318,7 +318,7 @@ var QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   QuizEntry.displayName = "QuizEntry";
   return QuizEntry;
-}(_react.Component), _QuizEntry.propTypes = {
+}(_react.Component), _QuizEntry.displayName = 'QuizEntry', _QuizEntry.componentId = "Quizzes".concat(_QuizEntry.displayName), _QuizEntry.propTypes = {
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record),
   connectDropTarget: _propTypes.default.func.isRequired,

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

@@ -20,17 +20,18 @@ var _uiText = require("@instructure/ui-text");
 var _uiAlerts = require("@instructure/ui-alerts");
 var _emotion = require("@instructure/emotion");
 var _index = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave/index.js"));
-var _index2 = _interopRequireDefault(require("../../../../../../common/components/resources/BankSelection/index.js"));
+var _presenter = _interopRequireDefault(require("../../../../../../common/components/resources/BankSelection/presenter.js"));
 var _QuizEntry = _interopRequireDefault(require("../../../../../../common/records/QuizEntry.js"));
 var _Bank = _interopRequireDefault(require("../../../../../../common/records/Bank.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, _QuizEntryBankEdit;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)("br", null);
 var _ref2 = (0, _emotion.jsx)("br", null);
-var QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
+var QuizEntryBankEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryBankEdit, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryBankEdit);
   function QuizEntryBankEdit() {
@@ -64,7 +65,7 @@ var QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       _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({
@@ -170,7 +171,7 @@ var QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.quizEntryBankText
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_presenter.default, {
         label: (0, _formatMessage.default)('Select the source bank'),
         selectedBank: this.props.workingBank,
         onBankSelection: this.onBankSelection
@@ -208,7 +209,7 @@ var QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   }]);
   QuizEntryBankEdit.displayName = "QuizEntryBankEdit";
   return QuizEntryBankEdit;
-}(_react.Component), _QuizEntryBankEdit.propTypes = {
+}(_react.Component), _QuizEntryBankEdit.displayName = 'QuizEntryBankEdit', _QuizEntryBankEdit.componentId = "Quizzes".concat(_QuizEntryBankEdit.displayName), _QuizEntryBankEdit.propTypes = {
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   changeQuizEntryProperties: _propTypes.default.func.isRequired,
   changeQuizEntryEntry: _propTypes.default.func.isRequired,

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

@@ -20,10 +20,11 @@ var _QuizEntry = _interopRequireDefault(require("../../../../../../common/record
 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, _QuizEntryBank;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)("br", null);
-var QuizEntryBank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
+var QuizEntryBank = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryBank, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryBank);
   function QuizEntryBank() {
@@ -97,7 +98,7 @@ var QuizEntryBank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   QuizEntryBank.displayName = "QuizEntryBank";
   return QuizEntryBank;
-}(_react.Component), _QuizEntryBank.propTypes = {
+}(_react.Component), _QuizEntryBank.displayName = 'QuizEntryBank', _QuizEntryBank.componentId = "Quizzes".concat(_QuizEntryBank.displayName), _QuizEntryBank.propTypes = {
   entry: _propTypes.default.instanceOf(_Bank.default).isRequired,
   quizEntry: _propTypes.default.instanceOf(_QuizEntry.default).isRequired,
   styles: _propTypes.default.object

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

@@ -41,7 +41,7 @@ function countDecimals(normalizedPointsString) {
     decimals = _normalizedPointsStri2[1];
   return decimals ? decimals.length : 0;
 }
-var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
+var QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryEditFooter, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryEditFooter);
   function QuizEntryEditFooter() {
@@ -216,7 +216,7 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }]);
   QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
   return QuizEntryEditFooter;
-}(_react.Component), _QuizEntryEditFooter.propTypes = {
+}(_react.Component), _QuizEntryEditFooter.displayName = 'QuizEntryEditFooter', _QuizEntryEditFooter.componentId = "Quizzes".concat(_QuizEntryEditFooter.displayName), _QuizEntryEditFooter.propTypes = {
   alternativeRightFooter: _propTypes.default.func,
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   clearChanges: _propTypes.default.func.isRequired,

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

@@ -32,7 +32,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryHeader;
 /** @jsx jsx */
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
+var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryHeader, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryHeader);
   function QuizEntryHeader() {
@@ -277,7 +277,7 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";
   return QuizEntryHeader;
-}(_react.Component), _QuizEntryHeader.propTypes = {
+}(_react.Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
   changeItemTitle: _propTypes.default.func.isRequired,
   // from connected component
   clearModifications: _propTypes.default.func.isRequired,

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

@@ -33,7 +33,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryEdit;
 /** @jsx jsx */
-var QuizEntryEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
+var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryEdit, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryEdit);
   function QuizEntryEdit() {
@@ -370,7 +370,7 @@ var QuizEntryEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   QuizEntryEdit.displayName = "QuizEntryEdit";
   return QuizEntryEdit;
-}(_react.Component), _QuizEntryEdit.propTypes = {
+}(_react.Component), _QuizEntryEdit.displayName = 'QuizEntryEdit', _QuizEntryEdit.componentId = "Quizzes".concat(_QuizEntryEdit.displayName), _QuizEntryEdit.propTypes = {
   addContentPopoverOpen: _propTypes.default.bool.isRequired,
   alternativeRightFooter: _propTypes.default.func,
   appContainer: _CustomPropTypes.default.selectors.isRequired,

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

@@ -32,7 +32,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryShow;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var QuizEntryShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
+var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryShow, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryShow);
   function QuizEntryShow() {
@@ -285,7 +285,7 @@ var QuizEntryShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }]);
   QuizEntryShow.displayName = "QuizEntryShow";
   return QuizEntryShow;
-}(_react.Component), _QuizEntryShow.propTypes = {
+}(_react.Component), _QuizEntryShow.displayName = 'QuizEntryShow', _QuizEntryShow.componentId = "Quizzes".concat(_QuizEntryShow.displayName), _QuizEntryShow.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
   connectDragPreview: _propTypes.default.func.isRequired,
   connectDragSource: _propTypes.default.func.isRequired,

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

@@ -20,11 +20,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _FileSelector = _interopRequireDefault(require("../../../../common/components/shared/file_selector/FileSelector.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ImportFileSelector;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconUploadLine, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconCompleteLine, null);
-var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
+var ImportFileSelector = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportFileSelector, _Component);
   var _super = (0, _createSuper2.default)(ImportFileSelector);
   function ImportFileSelector() {
@@ -128,7 +129,7 @@ var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }]);
   ImportFileSelector.displayName = "ImportFileSelector";
   return ImportFileSelector;
-}(_react.Component), _ImportFileSelector.propTypes = {
+}(_react.Component), _ImportFileSelector.displayName = 'ImportFileSelector', _ImportFileSelector.componentId = "Quizzes".concat(_ImportFileSelector.displayName), _ImportFileSelector.propTypes = {
   files: _reactImmutableProptypes.default.list.isRequired,
   receiveFile: _propTypes.default.func.isRequired,
   acceptAttribute: _propTypes.default.string.isRequired,

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

@@ -28,7 +28,7 @@ var _index = _interopRequireDefault(require("./ImportFileSelector/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _ImportModal;
 /** @jsx jsx */
-var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportModal, _Component);
   var _super = (0, _createSuper2.default)(ImportModal);
   function ImportModal() {
@@ -326,7 +326,7 @@ var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }]);
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(_react.Component), _ImportModal.propTypes = {
+}(_react.Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
   acceptFileType: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
     fileType: _propTypes.default.string,
     title: _propTypes.default.string

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

@@ -22,7 +22,7 @@ var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _dec, _class, _PrintFontSizeModal;
 /** @jsx jsx */
-var PrintFontSizeModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
+var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PrintFontSizeModal, _Component);
   var _super = (0, _createSuper2.default)(PrintFontSizeModal);
   function PrintFontSizeModal() {
@@ -159,7 +159,7 @@ var PrintFontSizeModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
   }]);
   PrintFontSizeModal.displayName = "PrintFontSizeModal";
   return PrintFontSizeModal;
-}(_react.Component), _PrintFontSizeModal.propTypes = {
+}(_react.Component), _PrintFontSizeModal.displayName = 'PrintFontSizeModal', _PrintFontSizeModal.componentId = "Quizzes".concat(_PrintFontSizeModal.displayName), _PrintFontSizeModal.propTypes = {
   isOpen: _propTypes.default.bool,
   persistedPrintFontSize: _propTypes.default.string,
   onSubmit: _propTypes.default.func.isRequired,

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

@@ -36,7 +36,7 @@ var _dec, _class, _SDKApp;
 /* eslint "import/no-webpack-loader-syntax": "warn" */
 /* eslint "import/no-unresolved": "warn" */
 var _ref = (0, _emotion.jsx)(_index.default, null);
-var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SDKApp, _Component);
   var _super = (0, _createSuper2.default)(SDKApp);
   function SDKApp(props) {
@@ -147,7 +147,7 @@ var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   }]);
   SDKApp.displayName = "SDKApp";
   return SDKApp;
-}(_react.Component), _SDKApp.propTypes = {
+}(_react.Component), _SDKApp.displayName = 'SDKApp', _SDKApp.componentId = "Quizzes".concat(_SDKApp.displayName), _SDKApp.propTypes = {
   apiEndpoint: _propTypes.default.string.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,

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

@@ -19,9 +19,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, _Alerts;
 /** @jsx jsx */
-var Alerts = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
+var Alerts = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Alerts, _Component);
   var _super = (0, _createSuper2.default)(Alerts);
   function Alerts() {
@@ -92,7 +93,7 @@ var Alerts = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }]);
   Alerts.displayName = "Alerts";
   return Alerts;
-}(_react.Component), _Alerts.propTypes = {
+}(_react.Component), _Alerts.displayName = 'Alerts', _Alerts.componentId = "Quizzes".concat(_Alerts.displayName), _Alerts.propTypes = {
   removeAlert: _propTypes.default.func.isRequired,
   alerts: _reactImmutableProptypes.default.list.isRequired,
   styles: _propTypes.default.object

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

@@ -14,9 +14,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _Page;
 /** @jsx jsx */
-var Page = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
+var Page = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Page, _Component);
   var _super = (0, _createSuper2.default)(Page);
   function Page() {
@@ -57,13 +59,14 @@ var Page = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
         tabIndex: "-1",
         ref: this.props.childrenWrapperRef,
         role: this.props.contentRole,
-        css: this.props.styles.childrenWrapper
+        css: this.props.styles.childrenWrapper,
+        "aria-label": (0, _formatMessage.default)('Quiz content')
       }, this.props.children));
     }
   }]);
   Page.displayName = "Page";
   return Page;
-}(_react.Component), _Page.propTypes = {
+}(_react.Component), _Page.displayName = 'Page', _Page.componentId = "Quizzes".concat(_Page.displayName), _Page.propTypes = {
   children: _propTypes.default.node.isRequired,
   childrenWrapperRef: _propTypes.default.func,
   contentRole: _propTypes.default.string,
@@ -75,7 +78,7 @@ var Page = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   makeStyles: _propTypes.default.func
 }, _Page.defaultProps = {
   childrenWrapperRef: function childrenWrapperRef() {},
-  contentRole: 'main',
+  contentRole: 'region',
   sidebarComponent: null,
   sidebarOpen: null,
   sidebarRole: 'navigation',

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

@@ -18,10 +18,11 @@ 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, _HeaderMenuButton;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconHamburgerLine, null);
-var HeaderMenuButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
+var HeaderMenuButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(HeaderMenuButton, _Component);
   var _super = (0, _createSuper2.default)(HeaderMenuButton);
   function HeaderMenuButton() {
@@ -59,7 +60,7 @@ var HeaderMenuButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   HeaderMenuButton.displayName = "HeaderMenuButton";
   return HeaderMenuButton;
-}(_react.Component), _HeaderMenuButton.propTypes = {
+}(_react.Component), _HeaderMenuButton.displayName = 'HeaderMenuButton', _HeaderMenuButton.componentId = "Quizzes".concat(_HeaderMenuButton.displayName), _HeaderMenuButton.propTypes = {
   sidebarMenuClick: _propTypes.default.func.isRequired,
   hidden: _propTypes.default.bool.isRequired,
   sidebarOpen: _propTypes.default.bool.isRequired,

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

@@ -25,11 +25,12 @@ var _formatTimespan = require("../../../../util/formatTimespan.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, _Timer;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconClockLine, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconClockSolid, null);
-var Timer = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+var Timer = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Timer, _Component);
   var _super = (0, _createSuper2.default)(Timer);
   function Timer() {
@@ -176,7 +177,7 @@ var Timer = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
   }]);
   Timer.displayName = "Timer";
   return Timer;
-}(_react.Component), _Timer.propTypes = {
+}(_react.Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
   screenreaderNotification: _propTypes.default.func.isRequired,
   showTimer: _propTypes.default.bool.isRequired,
   timeLeftInSeconds: _propTypes.default.number,

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

@@ -16,9 +16,10 @@ var _emotion = require("@instructure/emotion");
 var _uiReactUtils = require("@instructure/ui-react-utils");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _SecondaryNavBarButton;
 /** @jsx jsx */
-var SecondaryNavBarButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+var SecondaryNavBarButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SecondaryNavBarButton, _Component);
   var _super = (0, _createSuper2.default)(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -54,7 +55,7 @@ var SecondaryNavBarButton = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(_react.Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
+}(_react.Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
   children: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func

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

@@ -18,13 +18,14 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NavBar;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
   color: "primary",
   size: "small"
 });
-var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NavBar, _Component);
   var _super = (0, _createSuper2.default)(NavBar);
   function NavBar() {
@@ -107,7 +108,7 @@ var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }]);
   NavBar.displayName = "NavBar";
   return NavBar;
-}(_react.Component), _NavBar.propTypes = {
+}(_react.Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
   menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     path: _propTypes.default.string.isRequired,
     text: _propTypes.default.string.isRequired

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

@@ -16,9 +16,10 @@ 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"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionSummary;
 /** @jsx jsx */
-var PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
+var PositionSummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PositionSummary, _Component);
   var _super = (0, _createSuper2.default)(PositionSummary);
   function PositionSummary() {
@@ -45,7 +46,7 @@ var PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(_react.Component), _PositionSummary.propTypes = {
+}(_react.Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
   firstPosition: _propTypes.default.number.isRequired,
   lastPosition: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object

package/lib/common/components/layout/sidebar/Sidebar/index.js

@@ -43,7 +43,7 @@ var _ref3 = (0, _emotion.jsx)(_uiIcons.IconQuizInstructionsLine, {
   color: "primary"
 });
 var _ref4 = (0, _emotion.jsx)(_uiIcons.IconPinSolid, null);
-var Sidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
+var Sidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Sidebar, _Component);
   var _super = (0, _createSuper2.default)(Sidebar);
   function Sidebar() {
@@ -297,7 +297,8 @@ var Sidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
         // take the click and scroll to itself when the nav is clicked by SR
         ,
         onClick: _noop.default,
-        id: _quizCommon.SIDEBAR_NAV_ID
+        id: _quizCommon.SIDEBAR_NAV_ID,
+        "aria-label": (0, _formatMessage.default)('Question Navigator')
       }, this.renderSidebarHeader(), this.renderTotalPointsPossible(), this.renderPinned(), this.renderTitle(), this.renderInstructions(), this.renderResults(), (0, _emotion.jsx)("div", {
         css: this.props.styles.sidebarContent
       }, this.props.children)))));
@@ -305,7 +306,7 @@ var Sidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Sidebar.displayName = "Sidebar";
   return Sidebar;
-}(_react.Component), _Sidebar.propTypes = {
+}(_react.Component), _Sidebar.displayName = 'Sidebar', _Sidebar.componentId = "Quizzes".concat(_Sidebar.displayName), _Sidebar.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.node]).isRequired,
   grading: _propTypes.default.bool,
   taking: _propTypes.default.bool,

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -24,7 +24,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _SidebarItem;
 /** @jsx jsx */
-var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
+var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarItem, _Component);
   var _super = (0, _createSuper2.default)(SidebarItem);
   function SidebarItem() {
@@ -167,7 +167,7 @@ var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }]);
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(_react.Component), _SidebarItem.propTypes = {
+}(_react.Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: _propTypes.default.element,
   displayPosition: _propTypes.default.string.isRequired,

package/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -21,9 +21,10 @@ var _presenter = require("../presenter.js");
 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, _Collection;
 /** @jsx jsx */
-var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Collection, _Component);
   var _super = (0, _createSuper2.default)(Collection);
   function Collection() {
@@ -133,7 +134,7 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(_react.Component), _Collection.propTypes = {
+}(_react.Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
   // Passed in by Sidebar
   firstPosition: _propTypes.default.number.isRequired,
   isOver: _propTypes.default.bool.isRequired,

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -17,9 +17,10 @@ var _presenter = require("../presenter.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, _Summary;
 /** @jsx jsx */
-var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+var Summary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Summary, _Component);
   var _super = (0, _createSuper2.default)(Summary);
   function Summary() {
@@ -122,7 +123,7 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(_react.Component), _Summary.propTypes = {
+}(_react.Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
   // Passed in by parent
   startPosition: _propTypes.default.number.isRequired,
   /* This is used for when the stimulus is being dragged in build */

package/lib/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -16,10 +16,11 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Title;
 /** @jsx jsx */
 var DISPLAY_TOOLTIP_LIMIT = 80;
-var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+var Title = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Title, _Component);
   var _super = (0, _createSuper2.default)(Title);
   function Title() {
@@ -54,7 +55,7 @@ var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   }]);
   Title.displayName = "Title";
   return Title;
-}(_react.Component), _Title.propTypes = {
+}(_react.Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
   title: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object
 }, _Title)) || _class);

package/lib/common/components/layout/sidebar/Stimulus/presenter.js

@@ -31,7 +31,7 @@ exports.DISPLAY_AS_SUMMARY_LIMIT = DISPLAY_AS_SUMMARY_LIMIT;
 var _ref = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
   color: "primary"
 });
-var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+var SidebarStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarStimulus, _Component);
   var _super = (0, _createSuper2.default)(SidebarStimulus);
   function SidebarStimulus() {
@@ -150,7 +150,7 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   SidebarStimulus.displayName = "SidebarStimulus";
   return SidebarStimulus;
-}(_react.Component), _SidebarStimulus.propTypes = {
+}(_react.Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   // Passed in by Sidebar
   children: _propTypes.default.element,