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

package/es/common/components/shared/errors/Errors.js

@@ -8,10 +8,11 @@ import { Component } from 'react';
 import { List } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 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 Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Errors = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
   _inherits(Errors, _Component);
   var _super = _createSuper(Errors);
   function Errors() {
@@ -46,7 +47,7 @@ export var Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   Errors.displayName = "Errors";
   return Errors;
-}(Component), _Errors.propTypes = {
+}(Component), _Errors.displayName = 'Errors', _Errors.componentId = "Quizzes".concat(_Errors.displayName), _Errors.propTypes = {
   errorList: ImmutablePropTypes.list,
   styles: PropTypes.object
 }, _Errors.defaultProps = {

package/es/common/components/shared/file_selector/FileSelector.js

@@ -9,10 +9,11 @@ import { List } from 'immutable';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import Dropzone from 'react-dropzone';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var FileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var FileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
   _inherits(FileSelector, _Component);
   var _super = _createSuper(FileSelector);
   function FileSelector() {
@@ -46,7 +47,7 @@ export var FileSelector = (_dec = withStyle(generateStyle, generateComponentThem
   }]);
   FileSelector.displayName = "FileSelector";
   return FileSelector;
-}(Component), _FileSelector.propTypes = {
+}(Component), _FileSelector.displayName = 'FileSelector', _FileSelector.componentId = "Quizzes".concat(_FileSelector.displayName), _FileSelector.propTypes = {
   acceptAttribute: PropTypes.string.isRequired,
   content: PropTypes.node.isRequired,
   fileHandler: PropTypes.func.isRequired,

package/es/common/components/shared/overlay/index.js

@@ -14,11 +14,11 @@ import PropTypes from 'prop-types';
  * component but it seems like this is the simplest and best choice for now.
  */
 
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
-var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Overlay = /*#__PURE__*/function (_Component) {
+import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+var Overlay = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Overlay = /*#__PURE__*/function (_Component) {
   _inherits(Overlay, _Component);
   var _super = _createSuper(Overlay);
   function Overlay() {
@@ -64,7 +64,7 @@ var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   }]);
   Overlay.displayName = "Overlay";
   return Overlay;
-}(Component), _Overlay.propTypes = {
+}(Component), _Overlay.displayName = 'Overlay', _Overlay.componentId = "Quizzes".concat(_Overlay.displayName), _Overlay.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
   hideOverlay: PropTypes.bool,
   onClick: PropTypes.func.isRequired,

package/es/common/components/shared/spinner/Spinner.js

@@ -9,10 +9,11 @@ import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
 import { Spinner } from '@instructure/ui-spinner';
 import { PresentationContent } 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";
-export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class = (_QuizzesSpinner = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var QuizzesSpinner = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_QuizzesSpinner = /*#__PURE__*/function (_Component) {
   _inherits(QuizzesSpinner, _Component);
   var _super = _createSuper(QuizzesSpinner);
   function QuizzesSpinner(props) {
@@ -77,7 +78,7 @@ export var QuizzesSpinner = (_dec = withStyle(generateStyle, null), _dec(_class
   }]);
   QuizzesSpinner.displayName = "QuizzesSpinner";
   return QuizzesSpinner;
-}(Component), _QuizzesSpinner.propTypes = {
+}(Component), _QuizzesSpinner.displayName = 'QuizzesSpinner', _QuizzesSpinner.componentId = "Quizzes".concat(_QuizzesSpinner.displayName), _QuizzesSpinner.propTypes = {
   mainText: PropTypes.string,
   fontSize: PropTypes.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
   size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large']),

package/es/index.js

@@ -78,7 +78,8 @@ export { QuizEntry as QuizEntryView } from "./building/components/resources/quiz
 export { Provider } from "./common/react-redux.js";
 export { FormattedTimer } from "./common/components/shared/FormattedDuration/index.js";
 export { default as TagWrapper } from "./common/components/shared/TagWrapper/index.js";
-export { RetryGradePassbackButton } from "./moderating/components/resources/RetryGradePassbackButton/index.js"; // Utilities
+export { RetryGradePassbackButton } from "./moderating/components/resources/RetryGradePassbackButton/index.js";
+export { GenericAsyncSearch } from "./common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js"; // Utilities
 export { environment as config } from "./config.js";
 export { Fetcher } from "./common/util/Fetcher.js";
 export { httpHeaders } from "./common/util/httpHeaders.js";
@@ -102,7 +103,10 @@ export { connect } from "./common/react-redux.js";
 export { breakdownSeconds, HOUR_IN_SECONDS } from "./common/components/shared/FormattedDuration/index.js";
 export { sessionStore } from "./common/util/sessionStore.js";
 export { printWithCss, ensureImagesLoaded } from "./common/util/printUtils.js";
-export { ensureRCEContentIsLoaded } from "./common/util/rceChecker.js"; // APIs
+export { ensureRCEContentIsLoaded } from "./common/util/rceChecker.js";
+export { applyComponentStyleOverride, withStyleOverrides, getThemeByKey, setThemeByKey, getActiveTheme, setActiveTheme } from '@instructure/quiz-common';
+
+// APIs
 export { createQuizEntryRegrade } from "./grading/api/quizEntryRegrades.js";
 export { getQuizEntry } from "./building/api/quizEntries.js";
 export { getItem } from "./building/api/items.js";

package/es/moderating/components/events/Event.js

@@ -2,6 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+var _Event;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -75,8 +76,10 @@ export var Event = /*#__PURE__*/function (_Component) {
   Event.displayName = "Event";
   return Event;
 }(Component);
+_Event = Event;
 // This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
 Event.displayName = 'Row';
+Event.componentId = "Quizzes".concat(_Event.displayName);
 Event.propTypes = {
   event: ImmutablePropTypes.record,
   startTime: PropTypes.instanceOf(Date)

package/es/moderating/components/events/ResponseEvent.js

@@ -11,13 +11,14 @@ import { IconImageSolid } from '@instructure/ui-icons';
 import { Text } from '@instructure/ui-text';
 import { Img } from '@instructure/ui-img';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var imgRegex = /<img.*?src=['"](.+)['"]/g;
-export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
+export var ResponseEvent = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ResponseEvent = /*#__PURE__*/function (_Component) {
   _inherits(ResponseEvent, _Component);
   var _super = _createSuper(ResponseEvent);
   function ResponseEvent() {
@@ -97,7 +98,7 @@ export var ResponseEvent = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   ResponseEvent.displayName = "ResponseEvent";
   return ResponseEvent;
-}(Component), _ResponseEvent.propTypes = {
+}(Component), _ResponseEvent.displayName = 'ResponseEvent', _ResponseEvent.componentId = "Quizzes".concat(_ResponseEvent.displayName), _ResponseEvent.propTypes = {
   event: ImmutablePropTypes.record.isRequired,
   item: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object

package/es/moderating/components/resources/ModerateTable/presenter.js

@@ -16,7 +16,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconInfoLine, IconConfigureLine } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import ModerateTableRow from "../ModerateTableRow/index.js";
 import IfFeature from "../../../../common/components/shared/IfFeature/index.js";
@@ -26,13 +26,13 @@ import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
-import { OUTSTANDING_QUIZZES_MODAL } from '@instructure/quiz-common';
+import { OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
 var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
 var _ref4 = jsx(IconConfigureLine, null);
 var _ref5 = jsx(Spinner, null);
 var _ref6 = jsx(ResetQuiz, null);
-export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
+export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
   _inherits(ModerateTable, _Component);
   var _super = _createSuper(ModerateTable);
   function ModerateTable() {
@@ -331,7 +331,7 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   ModerateTable.displayName = "ModerateTable";
   return ModerateTable;
-}(Component), _ModerateTable.propTypes = {
+}(Component), _ModerateTable.displayName = 'ModerateTable', _ModerateTable.componentId = "Quizzes".concat(_ModerateTable.displayName), _ModerateTable.propTypes = {
   anonymousGrading: PropTypes.bool,
   children: PropTypes.node,
   emptyMessage: PropTypes.string,

package/es/moderating/components/resources/ModerateTableRow/presenter.js

@@ -17,15 +17,15 @@ import { View } from '@instructure/ui-view';
 import { Table } from '@instructure/ui-table';
 import { IconEditLine, IconWarningLine } from '@instructure/ui-icons';
 import { IconButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withI18nSupport } from '@instructure/quiz-common';
+import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var DASHES = '---';
 var _ref = jsx(IconEditLine, null);
-export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
+export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(ModerateTableRow, _withI18nSupport);
   var _super = _createSuper(ModerateTableRow);
   function ModerateTableRow() {
@@ -314,7 +314,7 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
   }]);
   ModerateTableRow.displayName = "ModerateTableRow";
   return ModerateTableRow;
-}(withI18nSupport(Component)), _ModerateTableRow.propTypes = {
+}(withI18nSupport(Component)), _ModerateTableRow.displayName = 'ModerateTableRow', _ModerateTableRow.componentId = "Quizzes".concat(_ModerateTableRow.displayName), _ModerateTableRow.propTypes = {
   anonymousGrading: PropTypes.bool.isRequired,
   displayScoreAsPercentage: PropTypes.bool,
   onModerateButtonClick: PropTypes.func.isRequired,

package/es/reporting/api/fetchStudentAnalyses.js

@@ -1,10 +1,13 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import Fetcher from "../../common/util/Fetcher.js";
+import { featureOn } from "../../common/util/featureCheck.js";
 var fetcher = new Fetcher();
 export var fetchStudentAnalyses = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(quizId) {
     var filter,
+      isMultiAttemptEnabled,
+      selectedFilter,
       url,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -12,12 +15,14 @@ export var fetchStudentAnalyses = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             filter = _args.length > 1 && _args[1] !== void 0 ? _args[1] : 'last_attempt';
-            url = "/api/quizzes/".concat(quizId, "/analyses/student_analyses?filter=").concat(filter);
-            _context.next = 4;
+            isMultiAttemptEnabled = featureOn('student_analysis_multiple_attempts');
+            selectedFilter = isMultiAttemptEnabled ? 'all_attempts' : filter;
+            url = "/api/quizzes/".concat(quizId, "/analyses/student_analyses?filter=").concat(selectedFilter);
+            _context.next = 6;
             return fetcher.get(url);
-          case 4:
+          case 6:
             return _context.abrupt("return", _context.sent);
-          case 5:
+          case 7:
           case "end":
             return _context.stop();
         }

package/es/reporting/api/getAnalysesExport.js

@@ -3,6 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import Fetcher from "../../common/util/Fetcher.js";
 import { csvFormat } from "../components/resources/NewQuizAndItemAnalysis/exportFormats.js";
 import { ITEM_ANALYSES } from '@instructure/quiz-common';
+import { featureOn } from "../../common/util/featureCheck.js";
 var getFetcher = function getFetcher(format) {
   var mimeType = formatsToMimeTypes.get(format);
   if (!mimeType) {
@@ -24,6 +25,9 @@ export var getAnalysesExport = /*#__PURE__*/function () {
     var filter,
       analysisType,
       fetcher,
+      isMultiAttemptEnabled,
+      isStudent_analysis,
+      selectedFilter,
       url,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -33,12 +37,15 @@ export var getAnalysesExport = /*#__PURE__*/function () {
             filter = _args.length > 2 && _args[2] !== void 0 ? _args[2] : 'last_attempt';
             analysisType = _args.length > 3 && _args[3] !== void 0 ? _args[3] : ITEM_ANALYSES;
             fetcher = getFetcher(format);
-            url = "/api/quizzes/".concat(quizId, "/analyses/export?filter=").concat(filter, "&analysis_type=").concat(analysisType);
-            _context.next = 6;
+            isMultiAttemptEnabled = featureOn('student_analysis_multiple_attempts');
+            isStudent_analysis = analysisType === 'student_analysis';
+            selectedFilter = isMultiAttemptEnabled && isStudent_analysis ? 'all_attempts' : filter;
+            url = "/api/quizzes/".concat(quizId, "/analyses/export?filter=").concat(selectedFilter, "&analysis_type=").concat(analysisType);
+            _context.next = 9;
             return fetcher.get(url);
-          case 6:
+          case 9:
             return _context.abrupt("return", _context.sent);
-          case 7:
+          case 10:
           case "end":
             return _context.stop();
         }

package/es/reporting/api/getAnalysesStatus.js

@@ -2,11 +2,15 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import Fetcher from "../../common/util/Fetcher.js";
 import { ITEM_ANALYSES } from '@instructure/quiz-common';
+import { featureOn } from "../../common/util/featureCheck.js";
 var fetcher = new Fetcher();
 export var getAnalysesStatus = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(quizId) {
     var filter,
       analysisType,
+      isMultiAttemptEnabled,
+      isStudent_analysis,
+      selectedFilter,
       url,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -15,12 +19,15 @@ export var getAnalysesStatus = /*#__PURE__*/function () {
           case 0:
             filter = _args.length > 1 && _args[1] !== void 0 ? _args[1] : 'last_attempt';
             analysisType = _args.length > 2 && _args[2] !== void 0 ? _args[2] : ITEM_ANALYSES;
-            url = "/api/quizzes/".concat(quizId, "/analyses/status?filter=").concat(filter, "&analysis_type=").concat(analysisType);
-            _context.next = 5;
+            isMultiAttemptEnabled = featureOn('student_analysis_multiple_attempts');
+            isStudent_analysis = analysisType === 'student_analysis';
+            selectedFilter = isMultiAttemptEnabled && isStudent_analysis ? 'all_attempts' : filter;
+            url = "/api/quizzes/".concat(quizId, "/analyses/status?filter=").concat(selectedFilter, "&analysis_type=").concat(analysisType);
+            _context.next = 8;
             return fetcher.get(url);
-          case 5:
+          case 8:
             return _context.abrupt("return", _context.sent);
-          case 6:
+          case 9:
           case "end":
             return _context.stop();
         }

package/es/reporting/components/Caption/index.js

@@ -7,10 +7,11 @@ var _dec, _class, _Caption;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Caption = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Caption = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Caption = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Caption = /*#__PURE__*/function (_Component) {
   _inherits(Caption, _Component);
   var _super = _createSuper(Caption);
   function Caption() {
@@ -34,7 +35,7 @@ export var Caption = (_dec = withStyle(generateStyle, generateComponentTheme), _
   }]);
   Caption.displayName = "Caption";
   return Caption;
-}(Component), _Caption.propTypes = {
+}(Component), _Caption.displayName = 'Caption', _Caption.componentId = "Quizzes".concat(_Caption.displayName), _Caption.propTypes = {
   text: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),
   styles: PropTypes.object

package/es/reporting/components/MetricsListItem/index.js

@@ -9,10 +9,11 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Metric } from '@instructure/ui-metric';
 import { ScreenReaderContent, PresentationContent } 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";
-export var MetricsListItem = (_dec = withStyle(generateStyle, null), _dec(_class = (_MetricsListItem = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var MetricsListItem = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_MetricsListItem = /*#__PURE__*/function (_Component) {
   _inherits(MetricsListItem, _Component);
   var _super = _createSuper(MetricsListItem);
   function MetricsListItem() {
@@ -43,7 +44,7 @@ export var MetricsListItem = (_dec = withStyle(generateStyle, null), _dec(_class
   }]);
   MetricsListItem.displayName = "MetricsListItem";
   return MetricsListItem;
-}(Component), _MetricsListItem.propTypes = _objectSpread(_objectSpread({}, Metric.propTypes), {}, {
+}(Component), _MetricsListItem.displayName = 'MetricsListItem', _MetricsListItem.componentId = "Quizzes".concat(_MetricsListItem.displayName), _MetricsListItem.propTypes = _objectSpread(_objectSpread({}, Metric.propTypes), {}, {
   customStyles: PropTypes.object,
   styles: PropTypes.object
 }), _MetricsListItem.defaultProps = {

package/es/reporting/components/charts/CentileDistribution/presenter.js

@@ -7,20 +7,21 @@ var _dec, _class, _CentileDistribution;
 import { Component } from 'react';
 import { PropTypes } from 'prop-types';
 import { range } from 'd3-array';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
 import Distribution from "../Distribution/index.js";
 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 starBin = function starBin(props) {
   if (typeof props.starScore !== 'number') return;
   var starScore = Math.max(0, Math.min(props.starScore, 1));
   // min+floor here matches quiz_etl HistogramHelper
   return Math.min(Math.floor(starScore * props.visualDistribution.length), props.visualDistribution.length - 1);
 };
-export var CentileDistribution = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
+export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
   _inherits(CentileDistribution, _Component);
   var _super = _createSuper(CentileDistribution);
   function CentileDistribution() {
@@ -99,7 +100,7 @@ export var CentileDistribution = (_dec = withStyle(generateStyle, generateCompon
   }]);
   CentileDistribution.displayName = "CentileDistribution";
   return CentileDistribution;
-}(Component), _CentileDistribution.propTypes = {
+}(Component), _CentileDistribution.displayName = 'CentileDistribution', _CentileDistribution.componentId = "Quizzes".concat(_CentileDistribution.displayName), _CentileDistribution.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   barPaddingInner: PropTypes.number,

package/es/reporting/components/charts/Distribution/presenter.js

@@ -10,19 +10,20 @@ import { max, range, sum } from 'd3-array';
 import { axisBottom } from 'd3-axis';
 import { scaleBand, scaleLinear } from 'd3-scale';
 import { select } from 'd3-selection';
-import { withStyle, jsx, css } from '@instructure/emotion';
+import { jsx, css } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { transition } from 'd3-transition';
 import flow from 'lodash/flow';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // Star path copied from instructure-icons/svg/Solid/star.svg
 export var starPathData = 'M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.473 47.66 15.473 16.716 0 33.432-5.195 47.775-15.586l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03';
 var MARGIN_T = 0;
 var MARGIN_B = 28;
-export var Distribution = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
+export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
   _inherits(Distribution, _Component);
   var _super = _createSuper(Distribution);
   function Distribution() {
@@ -256,7 +257,7 @@ export var Distribution = (_dec = withStyle(generateStyle, generateComponentThem
   }]);
   Distribution.displayName = "Distribution";
   return Distribution;
-}(Component), _Distribution.displayName = 'Distribution', _Distribution.propTypes = {
+}(Component), _Distribution.displayName = 'Distribution', _Distribution.componentId = "Quizzes".concat(_Distribution.displayName), _Distribution.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   // ESLint thinks these props aren't used but they are via a call chain in componentDidMount

package/es/reporting/components/charts/Legend/index.js

@@ -8,10 +8,11 @@ var _dec, _class, _Legend;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { PresentationContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Legend = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Legend = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
   _inherits(Legend, _Component);
   var _super = _createSuper(Legend);
   function Legend() {
@@ -63,7 +64,7 @@ export var Legend = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   Legend.displayName = "Legend";
   return Legend;
-}(Component), _Legend.propTypes = {
+}(Component), _Legend.displayName = 'Legend', _Legend.componentId = "Quizzes".concat(_Legend.displayName), _Legend.propTypes = {
   series: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,
     customStyles: PropTypes.object.isRequired

package/es/reporting/components/charts/QuintileDistribution/presenter.js

@@ -7,14 +7,15 @@ var _dec, _class, _QuintileDistribution;
 /* eslint "no-mixed-operators": "warn" */
 import { Component } from 'react';
 import { PropTypes } from 'prop-types';
-import { withStyle, jsx, css } from '@instructure/emotion';
+import { jsx, css } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Distribution from "../Distribution/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var QuintileDistribution = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuintileDistribution = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var QuintileDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuintileDistribution = /*#__PURE__*/function (_Component) {
   _inherits(QuintileDistribution, _Component);
   var _super = _createSuper(QuintileDistribution);
   function QuintileDistribution() {
@@ -97,7 +98,7 @@ export var QuintileDistribution = (_dec = withStyle(generateStyle, generateCompo
   }]);
   QuintileDistribution.displayName = "QuintileDistribution";
   return QuintileDistribution;
-}(Component), _QuintileDistribution.propTypes = {
+}(Component), _QuintileDistribution.displayName = 'QuintileDistribution', _QuintileDistribution.componentId = "Quizzes".concat(_QuintileDistribution.displayName), _QuintileDistribution.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   barPaddingInner: PropTypes.number,

package/es/reporting/components/itemAnalysis/AnswerFrequencySummary/index.js

@@ -12,14 +12,15 @@ import { scaleLinear } from 'd3-scale';
 import { IconXSolid, IconCheckSolid } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(IconXSolid, null);
-export var AnswerFrequencySummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
+export var AnswerFrequencySummary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
   _inherits(AnswerFrequencySummary, _Component);
   var _super = _createSuper(AnswerFrequencySummary);
   function AnswerFrequencySummary() {
@@ -109,7 +110,7 @@ export var AnswerFrequencySummary = (_dec = withStyle(generateStyle, generateCom
   }]);
   AnswerFrequencySummary.displayName = "AnswerFrequencySummary";
   return AnswerFrequencySummary;
-}(Component), _AnswerFrequencySummary.propTypes = {
+}(Component), _AnswerFrequencySummary.displayName = 'AnswerFrequencySummary', _AnswerFrequencySummary.componentId = "Quizzes".concat(_AnswerFrequencySummary.displayName), _AnswerFrequencySummary.propTypes = {
   itemAnalysis: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
 }, _AnswerFrequencySummary)) || _class);

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/presenter.js

@@ -11,7 +11,7 @@ import OutcomeList from '@instructure/outcomes-ui/es/containers/OutcomeList';
 import { MetricGroup } from '@instructure/ui-metric';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import Card from "../../../../common/components/shared/Card/index.js";
 import ExpandButton from "../../../../common/components/shared/ExpandButton/index.js";
@@ -22,11 +22,11 @@ import Legend from "../../charts/Legend/index.js";
 import Caption from "../../Caption/index.js";
 import MetricsListItem from "../../MetricsListItem/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { liveRegion, withI18nSupport } from '@instructure/quiz-common';
+import { liveRegion, withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref2 = jsx(Spinner, null);
-export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
+export var ItemAnalysisRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(ItemAnalysisRow, _withI18nSupport);
   var _super = _createSuper(ItemAnalysisRow);
   function ItemAnalysisRow() {
@@ -236,7 +236,7 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   ItemAnalysisRow.displayName = "ItemAnalysisRow";
   return ItemAnalysisRow;
-}(withI18nSupport(Component)), _ItemAnalysisRow.propTypes = {
+}(withI18nSupport(Component)), _ItemAnalysisRow.displayName = 'ItemAnalysisRow', _ItemAnalysisRow.componentId = "Quizzes".concat(_ItemAnalysisRow.displayName), _ItemAnalysisRow.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   expanded: PropTypes.bool,

package/es/reporting/components/quizAnalysis/QuizAnalysisOverview.js

@@ -10,7 +10,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { MetricGroup } from '@instructure/ui-metric';
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import FormattedDuration from "../../../common/components/shared/FormattedDuration/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import Card from "../../../common/components/shared/Card/index.js";
@@ -19,9 +19,10 @@ import CentileDistribution from "../charts/CentileDistribution/index.js";
 import MetricsListItem from "../MetricsListItem/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx("br", null);
 var _ref2 = jsx(Spinner, null);
-export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
+export var QuizAnalysisOverview = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
   _inherits(QuizAnalysisOverview, _Component);
   var _super = _createSuper(QuizAnalysisOverview);
   function QuizAnalysisOverview() {
@@ -120,7 +121,7 @@ export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateCompo
   }]);
   QuizAnalysisOverview.displayName = "QuizAnalysisOverview";
   return QuizAnalysisOverview;
-}(Component), _QuizAnalysisOverview.propTypes = {
+}(Component), _QuizAnalysisOverview.displayName = 'QuizAnalysisOverview', _QuizAnalysisOverview.componentId = "Quizzes".concat(_QuizAnalysisOverview.displayName), _QuizAnalysisOverview.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   quizAnalysis: ImmutablePropTypes.record.isRequired,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/presenter.js

@@ -8,9 +8,10 @@ import { Component } from 'react';
 import { getSanitizedMetricValue } from "../../common/utils.js";
 import { Metric } from '@instructure/ui-metric';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
-export var AnalysisMetric = (_dec = withStyle(generateStyle, null), _dec(_class = (_AnalysisMetric = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var AnalysisMetric = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_AnalysisMetric = /*#__PURE__*/function (_Component) {
   _inherits(AnalysisMetric, _Component);
   var _super = _createSuper(AnalysisMetric);
   function AnalysisMetric() {
@@ -45,7 +46,7 @@ export var AnalysisMetric = (_dec = withStyle(generateStyle, null), _dec(_class
   }]);
   AnalysisMetric.displayName = "AnalysisMetric";
   return AnalysisMetric;
-}(Component), _AnalysisMetric.propTypes = {
+}(Component), _AnalysisMetric.displayName = 'AnalysisMetric', _AnalysisMetric.componentId = "Quizzes".concat(_AnalysisMetric.displayName), _AnalysisMetric.propTypes = {
   metricKey: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
   value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),