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

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

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

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/ChoiceTypeTableRow/presenter.js

@@ -7,16 +7,17 @@ var _dec, _class, _ChoiceTypeTableRow;
 import { Component } from 'react';
 import { Table } from '@instructure/ui-table';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
 import { IconXSolid, IconCheckSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(IconXSolid, null);
-export var ChoiceTypeTableRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTableRow = /*#__PURE__*/function (_Component) {
+export var ChoiceTypeTableRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTableRow = /*#__PURE__*/function (_Component) {
   _inherits(ChoiceTypeTableRow, _Component);
   var _super = _createSuper(ChoiceTypeTableRow);
   function ChoiceTypeTableRow() {
@@ -88,7 +89,7 @@ export var ChoiceTypeTableRow = (_dec = withStyle(generateStyle, generateCompone
     }
   }]);
   return ChoiceTypeTableRow;
-}(Component), _ChoiceTypeTableRow.displayName = 'Row', _ChoiceTypeTableRow.propTypes = {
+}(Component), _ChoiceTypeTableRow.displayName = 'Row', _ChoiceTypeTableRow.componentId = "Quizzes".concat(_ChoiceTypeTableRow.displayName), _ChoiceTypeTableRow.propTypes = {
   choice: PropTypes.shape({
     body: PropTypes.string,
     correct: PropTypes.bool,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/LegacyChoiceType/presenter.js

@@ -7,7 +7,7 @@ var _dec, _class, _LegacyChoiceType;
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import PropTypes from 'prop-types';
 import ChoiceTypeTableRow from "./ChoiceTypeTableRow/index.js";
@@ -15,7 +15,8 @@ import { choiceTypeAnswerSummaryPropType } from "../../../common/propTypes.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import AfsTableWrapper from "../shared/AfsTableWrapper/index.js";
-export var LegacyChoiceType = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_LegacyChoiceType = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var LegacyChoiceType = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_LegacyChoiceType = /*#__PURE__*/function (_Component) {
   _inherits(LegacyChoiceType, _Component);
   var _super = _createSuper(LegacyChoiceType);
   function LegacyChoiceType() {
@@ -82,7 +83,7 @@ export var LegacyChoiceType = (_dec = withStyle(generateStyle, generateComponent
   }]);
   LegacyChoiceType.displayName = "LegacyChoiceType";
   return LegacyChoiceType;
-}(Component), _LegacyChoiceType.propTypes = {
+}(Component), _LegacyChoiceType.displayName = 'LegacyChoiceType', _LegacyChoiceType.componentId = "Quizzes".concat(_LegacyChoiceType.displayName), _LegacyChoiceType.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: choiceTypeAnswerSummaryPropType.isRequired,
   styles: PropTypes.object

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -9,7 +9,7 @@ import { Flex } from '@instructure/ui-flex';
 import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import PropTypes from 'prop-types';
 import { IconCheckSolid } from '@instructure/ui-icons';
 import { matchingTypeAnswerSummaryPropType } from "../../../../common/propTypes.js";
@@ -17,12 +17,13 @@ import MatchingTypeOrderer from "../utils/matchingTypeOrderer.js";
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateComponentTheme from "./theme.js";
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(Flex.Item, {
   width: "46px",
   textAlign: "center"
 });
-export var MatchingTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_MatchingTypeTable = /*#__PURE__*/function (_Component) {
+export var MatchingTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_MatchingTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(MatchingTypeTable, _Component);
   var _super = _createSuper(MatchingTypeTable);
   function MatchingTypeTable() {
@@ -170,7 +171,7 @@ export var MatchingTypeTable = (_dec = withStyle(generateStyle, generateComponen
     }
   }]);
   return MatchingTypeTable;
-}(Component), _MatchingTypeTable.propTypes = {
+}(Component), _MatchingTypeTable.displayName = 'MatchingTypeTable', _MatchingTypeTable.componentId = "Quizzes".concat(_MatchingTypeTable.displayName), _MatchingTypeTable.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: matchingTypeAnswerSummaryPropType.isRequired,
   firstColumnName: PropTypes.string.isRequired,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js

@@ -12,13 +12,14 @@ import ExpandableCard from "../shared/ExpandableCard/index.js";
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
 import ChoiceTypeTable from "../shared/ChoiceTypeTable/index.js";
-import { jsx, withStyle } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import ChoiceTypeWithInfo from "./ChoiceTypeWithInfo/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { Flex } from '@instructure/ui-flex';
 import { numericTypeAnswerSummaryPropType } from "../../../common/propTypes.js";
-export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var NumericType = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
   _inherits(NumericType, _Component);
   var _super = _createSuper(NumericType);
   function NumericType() {
@@ -212,7 +213,7 @@ export var NumericType = (_dec = withStyle(generateStyle, generateComponentTheme
     return _this;
   }
   return NumericType;
-}(Component), _NumericType.propTypes = {
+}(Component), _NumericType.displayName = 'NumericType', _NumericType.componentId = "Quizzes".concat(_NumericType.displayName), _NumericType.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: numericTypeAnswerSummaryPropType.isRequired,
   styles: PropTypes.object

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js

@@ -11,11 +11,12 @@ import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
 import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
 import BlankIcon from "../../../NewItemAnalysis/BlankIcon/index.js";
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ExpandableCard from "../../shared/ExpandableCard/index.js";
-export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ChoiceGroupTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(ChoiceGroupTypeTable, _Component);
   var _super = _createSuper(ChoiceGroupTypeTable);
   function ChoiceGroupTypeTable() {
@@ -119,7 +120,7 @@ export var ChoiceGroupTypeTable = (_dec = withStyle(generateStyle, generateCompo
     return _this;
   }
   return ChoiceGroupTypeTable;
-}(Component), _ChoiceGroupTypeTable.propTypes = {
+}(Component), _ChoiceGroupTypeTable.displayName = 'ChoiceGroupTypeTable', _ChoiceGroupTypeTable.componentId = "Quizzes".concat(_ChoiceGroupTypeTable.displayName), _ChoiceGroupTypeTable.propTypes = {
   itemId: PropTypes.number.isRequired,
   blank: PropTypes.shape({
     choices: PropTypes.arrayOf(choiceTypeObject).isRequired,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/index.js

@@ -9,10 +9,11 @@ import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
 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 ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistributionTypeTable = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ScoreDistributionTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistributionTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(ScoreDistributionTypeTable, _Component);
   var _super = _createSuper(ScoreDistributionTypeTable);
   function ScoreDistributionTypeTable() {
@@ -96,7 +97,7 @@ export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generat
   }]);
   ScoreDistributionTypeTable.displayName = "ScoreDistributionTypeTable";
   return ScoreDistributionTypeTable;
-}(Component), _ScoreDistributionTypeTable.propTypes = {
+}(Component), _ScoreDistributionTypeTable.displayName = 'ScoreDistributionTypeTable', _ScoreDistributionTypeTable.componentId = "Quizzes".concat(_ScoreDistributionTypeTable.displayName), _ScoreDistributionTypeTable.propTypes = {
   itemId: PropTypes.number.isRequired,
   scores: PropTypes.arrayOf(scoreDistributionType).isRequired,
   makeStyles: PropTypes.func,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsPartsContainer/presenter.js

@@ -6,10 +6,11 @@ var _dec, _class, _AfsPartsContainer;
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var AfsPartsContainer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AfsPartsContainer = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var AfsPartsContainer = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AfsPartsContainer = /*#__PURE__*/function (_Component) {
   _inherits(AfsPartsContainer, _Component);
   var _super = _createSuper(AfsPartsContainer);
   function AfsPartsContainer() {
@@ -48,7 +49,7 @@ export var AfsPartsContainer = (_dec = withStyle(generateStyle, generateComponen
     }
   }]);
   return AfsPartsContainer;
-}(Component), _AfsPartsContainer.propTypes = {
+}(Component), _AfsPartsContainer.displayName = 'AfsPartsContainer', _AfsPartsContainer.componentId = "Quizzes".concat(_AfsPartsContainer.displayName), _AfsPartsContainer.propTypes = {
   afsTable: PropTypes.node,
   aggregationTable: PropTypes.node,
   styles: PropTypes.object,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -7,12 +7,13 @@ import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex } from '@instructure/ui-flex';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
 import { noAnswerMissing } from "./popoverContent.js";
 import MetricPopover from "../../../MetricPopover/index.js";
-export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var AfsTableWrapper = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
   _inherits(AfsTableWrapper, _Component);
   var _super = _createSuper(AfsTableWrapper);
   function AfsTableWrapper() {
@@ -47,7 +48,7 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
     return _this;
   }
   return AfsTableWrapper;
-}(Component), _AfsTableWrapper.propTypes = {
+}(Component), _AfsTableWrapper.displayName = 'AfsTableWrapper', _AfsTableWrapper.componentId = "Quizzes".concat(_AfsTableWrapper.displayName), _AfsTableWrapper.propTypes = {
   children: PropTypes.node.isRequired,
   styles: PropTypes.object,
   tableHeader: PropTypes.string,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -9,11 +9,12 @@ import { Table } from '@instructure/ui-table';
 import { onlyAggregatePropType } from "../../../../common/propTypes.js";
 import PropTypes from 'prop-types';
 import { IconCheckSolid, IconXSolid, IconNoSolid, IconGradebookSolid } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
@@ -22,7 +23,7 @@ var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(IconGradebookSolid, null);
 var _ref3 = jsx(IconXSolid, null);
 var _ref4 = jsx(IconNoSolid, null);
-export var AggregationTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
+export var AggregationTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
   _inherits(AggregationTable, _Component);
   var _super = _createSuper(AggregationTable);
   function AggregationTable() {
@@ -155,7 +156,7 @@ export var AggregationTable = (_dec = withStyle(generateStyle, generateComponent
     return _this;
   }
   return AggregationTable;
-}(Component), _AggregationTable.propTypes = {
+}(Component), _AggregationTable.displayName = 'AggregationTable', _AggregationTable.componentId = "Quizzes".concat(_AggregationTable.displayName), _AggregationTable.propTypes = {
   itemId: PropTypes.number.isRequired,
   answerSummary: onlyAggregatePropType.isRequired,
   styles: PropTypes.object

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js

@@ -8,7 +8,7 @@ var _dec, _class, _ChoiceTypeTable;
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
-import { withStyle, jsx, css } from '@instructure/emotion';
+import { jsx, css } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import PropTypes from 'prop-types';
 import { choiceTypeObject } from "../../../../common/propTypes.js";
@@ -18,11 +18,12 @@ import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(IconXSolid, null);
-export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
+export var ChoiceTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(ChoiceTypeTable, _Component);
   var _super = _createSuper(ChoiceTypeTable);
   function ChoiceTypeTable() {
@@ -181,7 +182,7 @@ export var ChoiceTypeTable = (_dec = withStyle(generateStyle, generateComponentT
     return _this;
   }
   return ChoiceTypeTable;
-}(Component), _ChoiceTypeTable.propTypes = {
+}(Component), _ChoiceTypeTable.displayName = 'ChoiceTypeTable', _ChoiceTypeTable.componentId = "Quizzes".concat(_ChoiceTypeTable.displayName), _ChoiceTypeTable.propTypes = {
   itemId: PropTypes.number.isRequired,
   choices: PropTypes.arrayOf(choiceTypeObject).isRequired,
   tableContainerStyles: PropTypes.object,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ExpandableCard/presenter.js

@@ -6,13 +6,14 @@ var _dec, _class, _ExpandableCard;
 import { Component } from 'react';
 import Card from "../../../../../../../common/components/shared/Card/index.js";
 import { Flex } from '@instructure/ui-flex';
-import { jsx, withStyle } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import ExpandButton from "../../../../../../../common/components/shared/ExpandButton/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ExpandableCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
   _inherits(ExpandableCard, _Component);
   var _super = _createSuper(ExpandableCard);
   function ExpandableCard() {
@@ -84,7 +85,7 @@ export var ExpandableCard = (_dec = withStyle(generateStyle, generateComponentTh
     return _this;
   }
   return ExpandableCard;
-}(Component), _ExpandableCard.propTypes = {
+}(Component), _ExpandableCard.displayName = 'ExpandableCard', _ExpandableCard.componentId = "Quizzes".concat(_ExpandableCard.displayName), _ExpandableCard.propTypes = {
   headLine: PropTypes.node,
   content: PropTypes.node,
   styles: PropTypes.object

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

@@ -12,14 +12,15 @@ import { IconInfoLine } from '@instructure/ui-icons';
 import { Text } from '@instructure/ui-text';
 import { Popover } from '@instructure/ui-popover';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconInfoLine, {
   size: "x-small"
 });
-export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
+export var MetricPopover = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
   _inherits(MetricPopover, _Component);
   var _super = _createSuper(MetricPopover);
   function MetricPopover() {
@@ -104,7 +105,7 @@ export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentThe
     }
   }]);
   return MetricPopover;
-}(Component), _MetricPopover.propTypes = {
+}(Component), _MetricPopover.displayName = 'MetricPopover', _MetricPopover.componentId = "Quizzes".concat(_MetricPopover.displayName), _MetricPopover.propTypes = {
   screenReaderLabel: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/presenter.js

@@ -5,11 +5,12 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _BlankIcon;
 /** @jsx jsx */
 import { Component } from 'react';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-export var BlankIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BlankIcon = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
   _inherits(BlankIcon, _Component);
   var _super = _createSuper(BlankIcon);
   function BlankIcon() {
@@ -27,7 +28,7 @@ export var BlankIcon = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   BlankIcon.displayName = "BlankIcon";
   return BlankIcon;
-}(Component), _BlankIcon.propTypes = {
+}(Component), _BlankIcon.displayName = 'BlankIcon', _BlankIcon.componentId = "Quizzes".concat(_BlankIcon.displayName), _BlankIcon.propTypes = {
   number: PropTypes.number.isRequired,
   styles: PropTypes.object
 }.isRequired, _BlankIcon)) || _class);

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

@@ -12,7 +12,7 @@ import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx, css } from '@instructure/emotion';
+import { jsx, css } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import { difficultyIndex, discriminationIndex, pearsonCorrelation } from "./popoverContent.js";
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -24,11 +24,11 @@ import { afsFlags, itemAnalysisPropType } from "../../common/propTypes.js";
 import { Flex } from '@instructure/ui-flex';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
-import { RICH_FILL_BLANK_SLUG } from '@instructure/quiz-common';
+import { RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
-export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
+export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
   _inherits(NewItemAnalysis, _Component);
   var _super = _createSuper(NewItemAnalysis);
   function NewItemAnalysis() {
@@ -292,7 +292,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";
   return NewItemAnalysis;
-}(Component), _NewItemAnalysis.propTypes = {
+}(Component), _NewItemAnalysis.displayName = 'NewItemAnalysis', _NewItemAnalysis.componentId = "Quizzes".concat(_NewItemAnalysis.displayName), _NewItemAnalysis.propTypes = {
   itemAnalysis: itemAnalysisPropType,
   afsFlags: afsFlags,
   styles: PropTypes.object,

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

@@ -9,7 +9,7 @@ import { Component } from 'react';
 import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import { formatTimeToFullNumeric } from "../../../../../common/util/formatTimespan.js";
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -20,7 +20,8 @@ import { quizAnalysisPropType } from "../../common/propTypes.js";
 import PropTypes from 'prop-types';
 import { Spinner } from '@instructure/ui-spinner';
 import { cronbachsAlpha, standardDeviation } from "./popoverContent.js";
-export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAnalysis, _Component);
   var _super = _createSuper(NewQuizAnalysis);
   function NewQuizAnalysis() {
@@ -136,7 +137,7 @@ export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   NewQuizAnalysis.displayName = "NewQuizAnalysis";
   return NewQuizAnalysis;
-}(Component), _NewQuizAnalysis.propTypes = {
+}(Component), _NewQuizAnalysis.displayName = 'NewQuizAnalysis', _NewQuizAnalysis.componentId = "Quizzes".concat(_NewQuizAnalysis.displayName), _NewQuizAnalysis.propTypes = {
   quizAnalysis: quizAnalysisPropType,
   fetchInProgress: PropTypes.bool,
   styles: PropTypes.object

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

@@ -11,7 +11,7 @@ import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
 import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Card from "../../../../../common/components/shared/Card/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
@@ -21,7 +21,8 @@ import { AnalysisUpdateDate } from "../../common/AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../../common/propTypes.js";
 import { csvFormat } from "../exportFormats.js";
 import { ExportButton } from "../ExportButton/index.js";
-export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisReportCardPresenter, _Component);
   var _super = _createSuper(NewQuizAndItemAnalysisReportCardPresenter);
   function NewQuizAndItemAnalysisReportCardPresenter() {
@@ -182,7 +183,7 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = withStyle(generat
   }]);
   NewQuizAndItemAnalysisReportCardPresenter.displayName = "NewQuizAndItemAnalysisReportCardPresenter";
   return NewQuizAndItemAnalysisReportCardPresenter;
-}(Component), _NewQuizAndItemAnalysisReportCardPresenter.propTypes = {
+}(Component), _NewQuizAndItemAnalysisReportCardPresenter.displayName = 'NewQuizAndItemAnalysisReportCardPresenter', _NewQuizAndItemAnalysisReportCardPresenter.componentId = "Quizzes".concat(_NewQuizAndItemAnalysisReportCardPresenter.displayName), _NewQuizAndItemAnalysisReportCardPresenter.propTypes = {
   name: PropTypes.node,
   href: PropTypes.string,
   quizAnalysis: quizAnalysisPropType,

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js

@@ -8,7 +8,7 @@ var _dec, _class, _ScoreDistribution;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import QuintileDistribution from "../../../../charts/QuintileDistribution/index.js";
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -16,7 +16,8 @@ import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
 import Legend from "../../../../charts/Legend/index.js";
 import { number } from 'sinon/lib/sinon/match';
-export var ScoreDistribution = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistribution = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ScoreDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistribution = /*#__PURE__*/function (_Component) {
   _inherits(ScoreDistribution, _Component);
   var _super = _createSuper(ScoreDistribution);
   function ScoreDistribution() {
@@ -76,7 +77,7 @@ export var ScoreDistribution = (_dec = withStyle(generateStyle, generateComponen
   }]);
   ScoreDistribution.displayName = "ScoreDistribution";
   return ScoreDistribution;
-}(Component), _ScoreDistribution.propTypes = {
+}(Component), _ScoreDistribution.displayName = 'ScoreDistribution', _ScoreDistribution.componentId = "Quizzes".concat(_ScoreDistribution.displayName), _ScoreDistribution.propTypes = {
   decileDistribution: PropTypes.arrayOf(PropTypes.number),
   styles: PropTypes.object
 }, _ScoreDistribution.defaultProps = {

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

@@ -23,16 +23,17 @@ import errorImage from './downForRepair.svg';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { csvFormat } from "./exportFormats.js";
 import { ExportButton } from "./ExportButton/index.js";
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(Flex.Item, {
   align: "center"
 }, jsx(PresentationContent, null, jsx(Img, {
   src: errorImage,
   alt: ""
 })));
-export var NewQuizAndItemAnalysisPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
+export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisPresenter, _Component);
   var _super = _createSuper(NewQuizAndItemAnalysisPresenter);
   function NewQuizAndItemAnalysisPresenter() {
@@ -255,7 +256,7 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyle(generateStyle, ge
   }]);
   NewQuizAndItemAnalysisPresenter.displayName = "NewQuizAndItemAnalysisPresenter";
   return NewQuizAndItemAnalysisPresenter;
-}(Component), _NewQuizAndItemAnalysisPresenter.propTypes = {
+}(Component), _NewQuizAndItemAnalysisPresenter.displayName = 'NewQuizAndItemAnalysisPresenter', _NewQuizAndItemAnalysisPresenter.componentId = "Quizzes".concat(_NewQuizAndItemAnalysisPresenter.displayName), _NewQuizAndItemAnalysisPresenter.propTypes = {
   quizAnalysis: quizAnalysisPropType,
   itemAnalyses: PropTypes.arrayOf(itemAnalysisPropType),
   fetchInProgress: PropTypes.bool.isRequired,

package/es/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -8,9 +8,9 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withI18nSupport } from '@instructure/quiz-common';
+import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import Card from "../../../../common/components/shared/Card/index.js";
 import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
@@ -20,7 +20,7 @@ import MetricsListItem from "../../MetricsListItem/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref2 = jsx(Spinner, null);
-export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
+export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(QuizAndItemAnalysis, _withI18nSupport);
   var _super = _createSuper(QuizAndItemAnalysis);
   function QuizAndItemAnalysis() {
@@ -251,7 +251,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
   }]);
   QuizAndItemAnalysis.displayName = "QuizAndItemAnalysis";
   return QuizAndItemAnalysis;
-}(withI18nSupport(Component)), _QuizAndItemAnalysis.propTypes = {
+}(withI18nSupport(Component)), _QuizAndItemAnalysis.displayName = 'QuizAndItemAnalysis', _QuizAndItemAnalysis.componentId = "Quizzes".concat(_QuizAndItemAnalysis.displayName), _QuizAndItemAnalysis.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   activeQuizId: PropTypes.string.isRequired,

package/es/reporting/components/resources/ReportCard/index.js

@@ -8,13 +8,14 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Card from "../../../../common/components/shared/Card/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ReportCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
   _inherits(ReportCard, _Component);
   var _super = _createSuper(ReportCard);
   function ReportCard() {
@@ -53,7 +54,7 @@ export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   ReportCard.displayName = "ReportCard";
   return ReportCard;
-}(Component), _ReportCard.propTypes = {
+}(Component), _ReportCard.displayName = 'ReportCard', _ReportCard.componentId = "Quizzes".concat(_ReportCard.displayName), _ReportCard.propTypes = {
   name: PropTypes.node,
   details: PropTypes.node,
   href: PropTypes.string,

package/es/reporting/components/resources/ReportList/index.js

@@ -7,11 +7,12 @@ var _dec, _class, _ReportList;
 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 t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportList = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var ReportList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ReportList = /*#__PURE__*/function (_Component) {
   _inherits(ReportList, _Component);
   var _super = _createSuper(ReportList);
   function ReportList() {
@@ -39,7 +40,7 @@ export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   ReportList.displayName = "ReportList";
   return ReportList;
-}(Component), _ReportList.propTypes = {
+}(Component), _ReportList.displayName = 'ReportList', _ReportList.componentId = "Quizzes".concat(_ReportList.displayName), _ReportList.propTypes = {
   children: PropTypes.node.isRequired,
   headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'reset']),
   headingAs: PropTypes.elementType,