@instructure/quiz-core 20.34.1-undefined.0 → 20.35.1-rc.10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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,10 +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() {
@@ -65,7 +66,7 @@ var Page = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }]);
   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,

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() {
@@ -306,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,