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

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

@@ -32,7 +32,7 @@ var _dec, _class, _ModerateTableRow;
 /* eslint "array-callback-return": "warn" */
 var DASHES = '---';
 var _ref = (0, _emotion.jsx)(_uiIcons.IconEditLine, null);
-var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
+var ModerateTableRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(ModerateTableRow, _withI18nSupport);
   var _super = (0, _createSuper2.default)(ModerateTableRow);
   function ModerateTableRow() {
@@ -321,7 +321,7 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   ModerateTableRow.displayName = "ModerateTableRow";
   return ModerateTableRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _ModerateTableRow.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _ModerateTableRow.displayName = 'ModerateTableRow', _ModerateTableRow.componentId = "Quizzes".concat(_ModerateTableRow.displayName), _ModerateTableRow.propTypes = {
   anonymousGrading: _propTypes.default.bool.isRequired,
   displayScoreAsPercentage: _propTypes.default.bool,
   onModerateButtonClick: _propTypes.default.func.isRequired,

package/lib/reporting/api/fetchStudentAnalyses.js

@@ -8,10 +8,13 @@ exports.fetchStudentAnalyses = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
+var _featureCheck = require("../../common/util/featureCheck.js");
 var fetcher = new _Fetcher.default();
 var fetchStudentAnalyses = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(quizId) {
     var filter,
+      isMultiAttemptEnabled,
+      selectedFilter,
       url,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -19,12 +22,14 @@ 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 = (0, _featureCheck.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/lib/reporting/api/getAnalysesExport.js

@@ -10,6 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
 var _exportFormats = require("../components/resources/NewQuizAndItemAnalysis/exportFormats.js");
 var _quizCommon = require("@instructure/quiz-common");
+var _featureCheck = require("../../common/util/featureCheck.js");
 var getFetcher = function getFetcher(format) {
   var mimeType = formatsToMimeTypes.get(format);
   if (!mimeType) {
@@ -31,6 +32,9 @@ var getAnalysesExport = /*#__PURE__*/function () {
     var filter,
       analysisType,
       fetcher,
+      isMultiAttemptEnabled,
+      isStudent_analysis,
+      selectedFilter,
       url,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -40,12 +44,15 @@ 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] : _quizCommon.ITEM_ANALYSES;
             fetcher = getFetcher(format);
-            url = "/api/quizzes/".concat(quizId, "/analyses/export?filter=").concat(filter, "&analysis_type=").concat(analysisType);
-            _context.next = 6;
+            isMultiAttemptEnabled = (0, _featureCheck.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/lib/reporting/api/getAnalysesStatus.js

@@ -9,11 +9,15 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
 var _quizCommon = require("@instructure/quiz-common");
+var _featureCheck = require("../../common/util/featureCheck.js");
 var fetcher = new _Fetcher.default();
 var getAnalysesStatus = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(quizId) {
     var filter,
       analysisType,
+      isMultiAttemptEnabled,
+      isStudent_analysis,
+      selectedFilter,
       url,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -22,12 +26,15 @@ 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] : _quizCommon.ITEM_ANALYSES;
-            url = "/api/quizzes/".concat(quizId, "/analyses/status?filter=").concat(filter, "&analysis_type=").concat(analysisType);
-            _context.next = 5;
+            isMultiAttemptEnabled = (0, _featureCheck.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/lib/reporting/components/Caption/index.js

@@ -15,9 +15,10 @@ var _uiHeading = require("@instructure/ui-heading");
 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, _Caption;
 /** @jsx jsx */
-var Caption = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Caption = /*#__PURE__*/function (_Component) {
+var Caption = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Caption = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Caption, _Component);
   var _super = (0, _createSuper2.default)(Caption);
   function Caption() {
@@ -41,7 +42,7 @@ var Caption = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Caption.displayName = "Caption";
   return Caption;
-}(_react.Component), _Caption.propTypes = {
+}(_react.Component), _Caption.displayName = 'Caption', _Caption.componentId = "Quizzes".concat(_Caption.displayName), _Caption.propTypes = {
   text: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)]),
   styles: _propTypes.default.object

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

@@ -17,9 +17,10 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _MetricsListItem;
 /** @jsx jsx */
-var MetricsListItem = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_MetricsListItem = /*#__PURE__*/function (_Component) {
+var MetricsListItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_MetricsListItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MetricsListItem, _Component);
   var _super = (0, _createSuper2.default)(MetricsListItem);
   function MetricsListItem() {
@@ -50,7 +51,7 @@ var MetricsListItem = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
   }]);
   MetricsListItem.displayName = "MetricsListItem";
   return MetricsListItem;
-}(_react.Component), _MetricsListItem.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _uiMetric.Metric.propTypes), {}, {
+}(_react.Component), _MetricsListItem.displayName = 'MetricsListItem', _MetricsListItem.componentId = "Quizzes".concat(_MetricsListItem.displayName), _MetricsListItem.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _uiMetric.Metric.propTypes), {}, {
   customStyles: _propTypes.default.object,
   styles: _propTypes.default.object
 }), _MetricsListItem.defaultProps = {

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

@@ -19,6 +19,7 @@ var _index = _interopRequireDefault(require("../Distribution/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _CentileDistribution;
 /** @jsx jsx */
 var starBin = function starBin(props) {
@@ -27,7 +28,7 @@ var starBin = function starBin(props) {
   // min+floor here matches quiz_etl HistogramHelper
   return Math.min(Math.floor(starScore * props.visualDistribution.length), props.visualDistribution.length - 1);
 };
-var CentileDistribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
+var CentileDistribution = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CentileDistribution, _Component);
   var _super = (0, _createSuper2.default)(CentileDistribution);
   function CentileDistribution() {
@@ -106,7 +107,7 @@ var CentileDistribution = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   }]);
   CentileDistribution.displayName = "CentileDistribution";
   return CentileDistribution;
-}(_react.Component), _CentileDistribution.propTypes = {
+}(_react.Component), _CentileDistribution.displayName = 'CentileDistribution', _CentileDistribution.componentId = "Quizzes".concat(_CentileDistribution.displayName), _CentileDistribution.propTypes = {
   animateDelay: _propTypes.PropTypes.number,
   animateDuration: _propTypes.PropTypes.number,
   barPaddingInner: _propTypes.PropTypes.number,

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

@@ -22,6 +22,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _d3Transition = require("d3-transition");
 var _flow = _interopRequireDefault(require("lodash/flow"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Distribution;
 /** @jsx jsx */
 // Star path copied from instructure-icons/svg/Solid/star.svg
@@ -29,7 +30,7 @@ var starPathData = 'M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131
 exports.starPathData = starPathData;
 var MARGIN_T = 0;
 var MARGIN_B = 28;
-var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
+var Distribution = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Distribution, _Component);
   var _super = (0, _createSuper2.default)(Distribution);
   function Distribution() {
@@ -263,7 +264,7 @@ var Distribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   Distribution.displayName = "Distribution";
   return Distribution;
-}(_react.Component), _Distribution.displayName = 'Distribution', _Distribution.propTypes = {
+}(_react.Component), _Distribution.displayName = 'Distribution', _Distribution.componentId = "Quizzes".concat(_Distribution.displayName), _Distribution.propTypes = {
   animateDelay: _propTypes.PropTypes.number,
   animateDuration: _propTypes.PropTypes.number,
   // ESLint thinks these props aren't used but they are via a call chain in componentDidMount

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

@@ -16,9 +16,10 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 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, _Legend;
 /** @jsx jsx */
-var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
+var Legend = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Legend, _Component);
   var _super = (0, _createSuper2.default)(Legend);
   function Legend() {
@@ -70,7 +71,7 @@ var Legend = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }]);
   Legend.displayName = "Legend";
   return Legend;
-}(_react.Component), _Legend.propTypes = {
+}(_react.Component), _Legend.displayName = 'Legend', _Legend.componentId = "Quizzes".concat(_Legend.displayName), _Legend.propTypes = {
   series: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
     customStyles: _propTypes.default.object.isRequired

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

@@ -18,10 +18,11 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _index = _interopRequireDefault(require("../Distribution/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuintileDistribution;
 /** @jsx jsx */
 /* eslint "no-mixed-operators": "warn" */
-var QuintileDistribution = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuintileDistribution = /*#__PURE__*/function (_Component) {
+var QuintileDistribution = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuintileDistribution = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuintileDistribution, _Component);
   var _super = (0, _createSuper2.default)(QuintileDistribution);
   function QuintileDistribution() {
@@ -104,7 +105,7 @@ var QuintileDistribution = (_dec = (0, _emotion.withStyle)(_styles.default, _the
   }]);
   QuintileDistribution.displayName = "QuintileDistribution";
   return QuintileDistribution;
-}(_react.Component), _QuintileDistribution.propTypes = {
+}(_react.Component), _QuintileDistribution.displayName = 'QuintileDistribution', _QuintileDistribution.componentId = "Quizzes".concat(_QuintileDistribution.displayName), _QuintileDistribution.propTypes = {
   animateDelay: _propTypes.PropTypes.number,
   animateDuration: _propTypes.PropTypes.number,
   barPaddingInner: _propTypes.PropTypes.number,

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

@@ -22,11 +22,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AnswerFrequencySummary;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-var AnswerFrequencySummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
+var AnswerFrequencySummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnswerFrequencySummary, _Component);
   var _super = (0, _createSuper2.default)(AnswerFrequencySummary);
   function AnswerFrequencySummary() {
@@ -116,7 +117,7 @@ var AnswerFrequencySummary = (_dec = (0, _emotion.withStyle)(_styles.default, _t
   }]);
   AnswerFrequencySummary.displayName = "AnswerFrequencySummary";
   return AnswerFrequencySummary;
-}(_react.Component), _AnswerFrequencySummary.propTypes = {
+}(_react.Component), _AnswerFrequencySummary.displayName = 'AnswerFrequencySummary', _AnswerFrequencySummary.componentId = "Quizzes".concat(_AnswerFrequencySummary.displayName), _AnswerFrequencySummary.propTypes = {
   itemAnalysis: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
 }, _AnswerFrequencySummary)) || _class);

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

@@ -34,7 +34,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _ItemAnalysisRow;
 /** @jsx jsx */
 var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-var ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
+var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(ItemAnalysisRow, _withI18nSupport);
   var _super = (0, _createSuper2.default)(ItemAnalysisRow);
   function ItemAnalysisRow() {
@@ -244,7 +244,7 @@ var ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   ItemAnalysisRow.displayName = "ItemAnalysisRow";
   return ItemAnalysisRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _ItemAnalysisRow.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _ItemAnalysisRow.displayName = 'ItemAnalysisRow', _ItemAnalysisRow.componentId = "Quizzes".concat(_ItemAnalysisRow.displayName), _ItemAnalysisRow.propTypes = {
   animateDelay: _propTypes.default.number,
   animateDuration: _propTypes.default.number,
   expanded: _propTypes.default.bool,

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

@@ -25,11 +25,12 @@ var _index3 = _interopRequireDefault(require("../charts/CentileDistribution/inde
 var _index4 = _interopRequireDefault(require("../MetricsListItem/index.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizAnalysisOverview;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)("br", null);
 var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-var QuizAnalysisOverview = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
+var QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizAnalysisOverview, _Component);
   var _super = (0, _createSuper2.default)(QuizAnalysisOverview);
   function QuizAnalysisOverview() {
@@ -128,7 +129,7 @@ var QuizAnalysisOverview = (_dec = (0, _emotion.withStyle)(_styles.default, _the
   }]);
   QuizAnalysisOverview.displayName = "QuizAnalysisOverview";
   return QuizAnalysisOverview;
-}(_react.Component), _QuizAnalysisOverview.propTypes = {
+}(_react.Component), _QuizAnalysisOverview.displayName = 'QuizAnalysisOverview', _QuizAnalysisOverview.componentId = "Quizzes".concat(_QuizAnalysisOverview.displayName), _QuizAnalysisOverview.propTypes = {
   animateDelay: _propTypes.default.number,
   animateDuration: _propTypes.default.number,
   quizAnalysis: _reactImmutableProptypes.default.record.isRequired,

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

@@ -15,9 +15,10 @@ var _uiMetric = require("@instructure/ui-metric");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AnalysisMetric;
 /** @jsx jsx */
-var AnalysisMetric = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_AnalysisMetric = /*#__PURE__*/function (_Component) {
+var AnalysisMetric = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_AnalysisMetric = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnalysisMetric, _Component);
   var _super = (0, _createSuper2.default)(AnalysisMetric);
   function AnalysisMetric() {
@@ -52,7 +53,7 @@ var AnalysisMetric = (_dec = (0, _emotion.withStyle)(_styles.default, null), _de
   }]);
   AnalysisMetric.displayName = "AnalysisMetric";
   return AnalysisMetric;
-}(_react.Component), _AnalysisMetric.propTypes = {
+}(_react.Component), _AnalysisMetric.displayName = 'AnalysisMetric', _AnalysisMetric.componentId = "Quizzes".concat(_AnalysisMetric.displayName), _AnalysisMetric.propTypes = {
   metricKey: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),

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

@@ -16,9 +16,10 @@ var _index = _interopRequireDefault(require("../MetricPopover/index.js"));
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AnalysisPopoverMetric;
 /** @jsx jsx */
-var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_AnalysisPopoverMetric = /*#__PURE__*/function (_Component) {
+var AnalysisPopoverMetric = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_AnalysisPopoverMetric = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AnalysisPopoverMetric, _Component);
   var _super = (0, _createSuper2.default)(AnalysisPopoverMetric);
   function AnalysisPopoverMetric() {
@@ -57,7 +58,7 @@ var AnalysisPopoverMetric = (_dec = (0, _emotion.withStyle)(_styles.default, nul
   }]);
   AnalysisPopoverMetric.displayName = "AnalysisPopoverMetric";
   return AnalysisPopoverMetric;
-}(_react.Component), _AnalysisPopoverMetric.propTypes = {
+}(_react.Component), _AnalysisPopoverMetric.displayName = 'AnalysisPopoverMetric', _AnalysisPopoverMetric.componentId = "Quizzes".concat(_AnalysisPopoverMetric.displayName), _AnalysisPopoverMetric.propTypes = {
   metricKey: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),

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

@@ -19,11 +19,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiIcons = require("@instructure/ui-icons");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ChoiceTypeTableRow;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTableRow = /*#__PURE__*/function (_Component) {
+var ChoiceTypeTableRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTableRow = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ChoiceTypeTableRow, _Component);
   var _super = (0, _createSuper2.default)(ChoiceTypeTableRow);
   function ChoiceTypeTableRow() {
@@ -95,7 +96,7 @@ var ChoiceTypeTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
     }
   }]);
   return ChoiceTypeTableRow;
-}(_react.Component), _ChoiceTypeTableRow.displayName = 'Row', _ChoiceTypeTableRow.propTypes = {
+}(_react.Component), _ChoiceTypeTableRow.displayName = 'Row', _ChoiceTypeTableRow.componentId = "Quizzes".concat(_ChoiceTypeTableRow.displayName), _ChoiceTypeTableRow.propTypes = {
   choice: _propTypes.default.shape({
     body: _propTypes.default.string,
     correct: _propTypes.default.bool,

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

@@ -20,9 +20,10 @@ var _propTypes2 = require("../../../common/propTypes.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index2 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _LegacyChoiceType;
 /** @jsx jsx */
-var LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_LegacyChoiceType = /*#__PURE__*/function (_Component) {
+var LegacyChoiceType = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_LegacyChoiceType = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(LegacyChoiceType, _Component);
   var _super = (0, _createSuper2.default)(LegacyChoiceType);
   function LegacyChoiceType() {
@@ -89,7 +90,7 @@ var LegacyChoiceType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   LegacyChoiceType.displayName = "LegacyChoiceType";
   return LegacyChoiceType;
-}(_react.Component), _LegacyChoiceType.propTypes = {
+}(_react.Component), _LegacyChoiceType.displayName = 'LegacyChoiceType', _LegacyChoiceType.componentId = "Quizzes".concat(_LegacyChoiceType.displayName), _LegacyChoiceType.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType.isRequired,
   styles: _propTypes.default.object

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

@@ -22,6 +22,7 @@ var _matchingTypeOrderer = _interopRequireDefault(require("../utils/matchingType
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _MatchingTypeTable;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
@@ -29,7 +30,7 @@ var _ref2 = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
   width: "46px",
   textAlign: "center"
 });
-var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_MatchingTypeTable = /*#__PURE__*/function (_Component) {
+var MatchingTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_MatchingTypeTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MatchingTypeTable, _Component);
   var _super = (0, _createSuper2.default)(MatchingTypeTable);
   function MatchingTypeTable() {
@@ -177,7 +178,7 @@ var MatchingTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     }
   }]);
   return MatchingTypeTable;
-}(_react.Component), _MatchingTypeTable.propTypes = {
+}(_react.Component), _MatchingTypeTable.displayName = 'MatchingTypeTable', _MatchingTypeTable.componentId = "Quizzes".concat(_MatchingTypeTable.displayName), _MatchingTypeTable.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.matchingTypeAnswerSummaryPropType.isRequired,
   firstColumnName: _propTypes.default.string.isRequired,

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

@@ -23,9 +23,10 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _uiFlex = require("@instructure/ui-flex");
 var _propTypes2 = require("../../../common/propTypes.js");
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NumericType;
 /** @jsx jsx */
-var NumericType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
+var NumericType = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NumericType, _Component);
   var _super = (0, _createSuper2.default)(NumericType);
   function NumericType() {
@@ -219,7 +220,7 @@ var NumericType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     return _this;
   }
   return NumericType;
-}(_react.Component), _NumericType.propTypes = {
+}(_react.Component), _NumericType.displayName = 'NumericType', _NumericType.componentId = "Quizzes".concat(_NumericType.displayName), _NumericType.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   answerSummary: _propTypes2.numericTypeAnswerSummaryPropType.isRequired,
   styles: _propTypes.default.object

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

@@ -20,9 +20,10 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index3 = _interopRequireDefault(require("../../shared/ExpandableCard/index.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ChoiceGroupTypeTable;
 /** @jsx jsx */
-var ChoiceGroupTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
+var ChoiceGroupTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ChoiceGroupTypeTable, _Component);
   var _super = (0, _createSuper2.default)(ChoiceGroupTypeTable);
   function ChoiceGroupTypeTable() {
@@ -126,7 +127,7 @@ var ChoiceGroupTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _the
     return _this;
   }
   return ChoiceGroupTypeTable;
-}(_react.Component), _ChoiceGroupTypeTable.propTypes = {
+}(_react.Component), _ChoiceGroupTypeTable.displayName = 'ChoiceGroupTypeTable', _ChoiceGroupTypeTable.componentId = "Quizzes".concat(_ChoiceGroupTypeTable.displayName), _ChoiceGroupTypeTable.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   blank: _propTypes.default.shape({
     choices: _propTypes.default.arrayOf(_propTypes2.choiceTypeObject).isRequired,

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

@@ -17,9 +17,10 @@ var _propTypes2 = _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 _dec, _class, _ScoreDistributionTypeTable;
 /** @jsx jsx */
-var ScoreDistributionTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ScoreDistributionTypeTable = /*#__PURE__*/function (_Component) {
+var ScoreDistributionTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ScoreDistributionTypeTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ScoreDistributionTypeTable, _Component);
   var _super = (0, _createSuper2.default)(ScoreDistributionTypeTable);
   function ScoreDistributionTypeTable() {
@@ -103,7 +104,7 @@ var ScoreDistributionTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default
   }]);
   ScoreDistributionTypeTable.displayName = "ScoreDistributionTypeTable";
   return ScoreDistributionTypeTable;
-}(_react.Component), _ScoreDistributionTypeTable.propTypes = {
+}(_react.Component), _ScoreDistributionTypeTable.displayName = 'ScoreDistributionTypeTable', _ScoreDistributionTypeTable.componentId = "Quizzes".concat(_ScoreDistributionTypeTable.displayName), _ScoreDistributionTypeTable.propTypes = {
   itemId: _propTypes2.default.number.isRequired,
   scores: _propTypes2.default.arrayOf(_propTypes.scoreDistributionType).isRequired,
   makeStyles: _propTypes2.default.func,

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

@@ -15,9 +15,10 @@ 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 _dec, _class, _AfsPartsContainer;
 /** @jsx jsx */
-var AfsPartsContainer = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AfsPartsContainer = /*#__PURE__*/function (_Component) {
+var AfsPartsContainer = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AfsPartsContainer = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AfsPartsContainer, _Component);
   var _super = (0, _createSuper2.default)(AfsPartsContainer);
   function AfsPartsContainer() {
@@ -56,7 +57,7 @@ var AfsPartsContainer = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     }
   }]);
   return AfsPartsContainer;
-}(_react.Component), _AfsPartsContainer.propTypes = {
+}(_react.Component), _AfsPartsContainer.displayName = 'AfsPartsContainer', _AfsPartsContainer.componentId = "Quizzes".concat(_AfsPartsContainer.displayName), _AfsPartsContainer.propTypes = {
   afsTable: _propTypes.default.node,
   aggregationTable: _propTypes.default.node,
   styles: _propTypes.default.object,

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

@@ -17,9 +17,10 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _popoverContent = require("./popoverContent.js");
 var _index = _interopRequireDefault(require("../../../MetricPopover/index.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AfsTableWrapper;
 /** @jsx jsx */
-var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
+var AfsTableWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AfsTableWrapper, _Component);
   var _super = (0, _createSuper2.default)(AfsTableWrapper);
   function AfsTableWrapper() {
@@ -54,7 +55,7 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
     return _this;
   }
   return AfsTableWrapper;
-}(_react.Component), _AfsTableWrapper.propTypes = {
+}(_react.Component), _AfsTableWrapper.displayName = 'AfsTableWrapper', _AfsTableWrapper.componentId = "Quizzes".concat(_AfsTableWrapper.displayName), _AfsTableWrapper.propTypes = {
   children: _propTypes.default.node.isRequired,
   styles: _propTypes.default.object,
   tableHeader: _propTypes.default.string,

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

@@ -19,6 +19,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AggregationTable;
 /** @jsx jsx */
 var noAnswerKey = 'noAnswer';
@@ -29,7 +30,7 @@ var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconGradebookSolid, null);
 var _ref3 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
 var _ref4 = (0, _emotion.jsx)(_uiIcons.IconNoSolid, null);
-var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
+var AggregationTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AggregationTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AggregationTable, _Component);
   var _super = (0, _createSuper2.default)(AggregationTable);
   function AggregationTable() {
@@ -162,7 +163,7 @@ var AggregationTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     return _this;
   }
   return AggregationTable;
-}(_react.Component), _AggregationTable.propTypes = {
+}(_react.Component), _AggregationTable.displayName = 'AggregationTable', _AggregationTable.componentId = "Quizzes".concat(_AggregationTable.displayName), _AggregationTable.propTypes = {
   itemId: _propTypes2.default.number.isRequired,
   answerSummary: _propTypes.onlyAggregatePropType.isRequired,
   styles: _propTypes2.default.object

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

@@ -23,13 +23,14 @@ var _uiIcons = require("@instructure/ui-icons");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ChoiceTypeTable;
 /** @jsx jsx */
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
 var _ref = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconXSolid, null);
-var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
+var ChoiceTypeTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ChoiceTypeTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ChoiceTypeTable, _Component);
   var _super = (0, _createSuper2.default)(ChoiceTypeTable);
   function ChoiceTypeTable() {
@@ -188,7 +189,7 @@ var ChoiceTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     return _this;
   }
   return ChoiceTypeTable;
-}(_react.Component), _ChoiceTypeTable.propTypes = {
+}(_react.Component), _ChoiceTypeTable.displayName = 'ChoiceTypeTable', _ChoiceTypeTable.componentId = "Quizzes".concat(_ChoiceTypeTable.displayName), _ChoiceTypeTable.propTypes = {
   itemId: _propTypes.default.number.isRequired,
   choices: _propTypes.default.arrayOf(_propTypes2.choiceTypeObject).isRequired,
   tableContainerStyles: _propTypes.default.object,