@instructure/quiz-core 21.2.0 → 22.1.0

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ScoreDistribution;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /* eslint-disable no-unused-vars */
 /** @jsx jsx */
 import React, { Component } from 'react';
@@ -23,28 +35,28 @@ import { number } from 'sinon/lib/sinon/match';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var ScoreDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ScoreDistribution = /*#__PURE__*/function (_Component) {
   function ScoreDistribution() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ScoreDistribution);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ScoreDistribution, [].concat(args));
-    _defineProperty(_this, "calculateLabelForColumnsWithExtremeValues", function (index, length) {
+    _this2 = _callSuper(this, ScoreDistribution, [].concat(args));
+    _defineProperty(_this2, "calculateLabelForColumnsWithExtremeValues", function (index, length) {
       if (index === 0) {
         return t('< 0%');
       }
       if (index === length - 1) {
         return t('> 100%');
       }
-      return _this.calculateLabelForColumns(index - 1, length - 2);
+      return _this2.calculateLabelForColumns(index - 1, length - 2);
     });
-    _defineProperty(_this, "calculateLabelForColumns", function (index, length) {
+    _defineProperty(_this2, "calculateLabelForColumns", function (index, length) {
       var label = Math.floor(index * 100 / length);
       return t('{label, number}%', {
         label: label
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(ScoreDistribution, _Component);
   return _createClass(ScoreDistribution, [{

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

@@ -3,9 +3,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     typography = _ref.typography;
   return {
-    legendRectFillColor: colors.electric,
+    legendRectFillColor: colors.contrasts.blue4570,
     legendPadding: spacing.small,
-    legendBorderColor: colors.ash,
+    legendBorderColor: colors.contrasts.grey4570,
     legendFontSize: typography.fontSizeXSmall,
     legendMargin: spacing.medium
   };

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _NewQuizAndItemAnalysisPresenter;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import { Heading } from '@instructure/ui-heading';
@@ -32,14 +44,14 @@ import generateComponentTheme from './theme';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
   function NewQuizAndItemAnalysisPresenter() {
-    var _this;
+    var _this2;
     _classCallCheck(this, NewQuizAndItemAnalysisPresenter);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NewQuizAndItemAnalysisPresenter, [].concat(args));
-    _defineProperty(_this, "renderItemAnalyses", function () {
-      var itemAnalyses = _this.props.itemAnalyses || [];
+    _this2 = _callSuper(this, NewQuizAndItemAnalysisPresenter, [].concat(args));
+    _defineProperty(_this2, "renderItemAnalyses", function () {
+      var itemAnalyses = _this2.props.itemAnalyses || [];
       return jsx(React.Fragment, null, jsx(Heading, {
         level: "h2",
         themeOverride: {
@@ -53,7 +65,7 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         });
       })));
     });
-    _defineProperty(_this, "renderSpinner", function () {
+    _defineProperty(_this2, "renderSpinner", function () {
       return jsx(Flex, {
         padding: "medium",
         justifyItems: "center",
@@ -62,7 +74,7 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         renderTitle: t('Loading item analyses data')
       }));
     });
-    _defineProperty(_this, "renderBodyOnFailedFetch", function () {
+    _defineProperty(_this2, "renderBodyOnFailedFetch", function () {
       return jsx(Flex, {
         alignItems: "end",
         width: "82.5rem",
@@ -85,9 +97,9 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         color: "primary"
       }, getFailedToFetchReports())));
     });
-    _defineProperty(_this, "renderHeader", function () {
+    _defineProperty(_this2, "renderHeader", function () {
       var _quizAnalysis$metadat;
-      var quizAnalysis = _this.props.quizAnalysis;
+      var quizAnalysis = _this2.props.quizAnalysis;
       return jsx(Flex, {
         alignItems: "center",
         width: "auto",
@@ -104,11 +116,11 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         color: "primary"
       }, quizAnalysis === null || quizAnalysis === void 0 || (_quizAnalysis$metadat = quizAnalysis.metadata) === null || _quizAnalysis$metadat === void 0 ? void 0 : _quizAnalysis$metadat.quiz_title)));
     });
-    _defineProperty(_this, "renderUpdateDateWithError", function () {
-      var _this$props = _this.props,
-        analysisError = _this$props.analysisError,
-        generationInProgress = _this$props.generationInProgress,
-        quizAnalysis = _this$props.quizAnalysis;
+    _defineProperty(_this2, "renderUpdateDateWithError", function () {
+      var _this2$props = _this2.props,
+        analysisError = _this2$props.analysisError,
+        generationInProgress = _this2$props.generationInProgress,
+        quizAnalysis = _this2$props.quizAnalysis;
       var shouldShowError = analysisError && !generationInProgress;
       var timeStamp = quizAnalysis === null || quizAnalysis === void 0 ? void 0 : quizAnalysis.created_timestamp;
       return jsx(Flex, {
@@ -124,8 +136,8 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         color: "danger"
       }, analysisError)));
     });
-    _defineProperty(_this, "renderRightSide", function () {
-      var exportEnabled = _this.props.exportEnabled;
+    _defineProperty(_this2, "renderRightSide", function () {
+      var exportEnabled = _this2.props.exportEnabled;
       return jsx(Flex, {
         alignItems: "center",
         justifyItems: "end",
@@ -135,33 +147,33 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
       }, jsx(Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), jsx(Flex.Item, null, jsx("div", {
-        css: _this.props.styles.headerButtonsContainer
+      }, _this2.renderUpdateDateWithError()), jsx(Flex.Item, null, jsx("div", {
+        css: _this2.props.styles.headerButtonsContainer
       }, exportEnabled && jsx(Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderExport()), jsx(Flex.Item, {
+      }, _this2.renderExport()), jsx(Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderGenerationButton()))));
+      }, _this2.renderGenerationButton()))));
     });
-    _defineProperty(_this, "renderExport", function () {
-      var _this$props2 = _this.props,
-        quizAnalysis = _this$props2.quizAnalysis,
-        generationInProgress = _this$props2.generationInProgress;
+    _defineProperty(_this2, "renderExport", function () {
+      var _this2$props2 = _this2.props,
+        quizAnalysis = _this2$props2.quizAnalysis,
+        generationInProgress = _this2$props2.generationInProgress;
       return jsx(ExportButton, {
         quizAnalysis: quizAnalysis,
         generationInProgress: generationInProgress,
-        handleExport: _this.handleExport
+        handleExport: _this2.handleExport
       });
     });
-    _defineProperty(_this, "isEmptyReport", function () {
-      var _this$props3 = _this.props,
-        fetchInProgress = _this$props3.fetchInProgress,
-        quizAnalysis = _this$props3.quizAnalysis,
-        itemAnalyses = _this$props3.itemAnalyses,
-        analysisError = _this$props3.analysisError;
+    _defineProperty(_this2, "isEmptyReport", function () {
+      var _this2$props3 = _this2.props,
+        fetchInProgress = _this2$props3.fetchInProgress,
+        quizAnalysis = _this2$props3.quizAnalysis,
+        itemAnalyses = _this2$props3.itemAnalyses,
+        analysisError = _this2$props3.analysisError;
       return !fetchInProgress && !quizAnalysis && !itemAnalyses && !analysisError;
     });
-    _defineProperty(_this, "renderTop", function () {
+    _defineProperty(_this2, "renderTop", function () {
       return jsx(Flex, {
         justifyItems: "space-between",
         alignItems: "center",
@@ -169,15 +181,15 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         width: "auto",
         margin: "0 auto small 0",
         direction: "row"
-      }, jsx(Flex.Item, null, _this.renderHeader()), jsx(Flex.Item, {
+      }, jsx(Flex.Item, null, _this2.renderHeader()), jsx(Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderRightSide()));
+      }, _this2.renderRightSide()));
     });
-    _defineProperty(_this, "renderTopOnSuccessfulFetch", function () {
-      return _this.isEmptyReport() ? _this.renderGenerationButton() : _this.renderTop();
+    _defineProperty(_this2, "renderTopOnSuccessfulFetch", function () {
+      return _this2.isEmptyReport() ? _this2.renderGenerationButton() : _this2.renderTop();
     });
-    _defineProperty(_this, "renderTopOnFailedFetch", function () {
-      var exportEnabled = _this.props.exportEnabled;
+    _defineProperty(_this2, "renderTopOnFailedFetch", function () {
+      var exportEnabled = _this2.props.exportEnabled;
       return jsx(Flex, {
         direction: "row",
         justifyItems: "end",
@@ -186,11 +198,11 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         margin: "auto"
       }, exportEnabled && jsx(Flex.Item, {
         overflowY: "visible"
-      }, _this.renderExport()), jsx(Flex.Item, {
+      }, _this2.renderExport()), jsx(Flex.Item, {
         overflowY: "visible"
-      }, _this.renderGenerationButton()));
+      }, _this2.renderGenerationButton()));
     });
-    _defineProperty(_this, "renderOngoingGenerationButton", function () {
+    _defineProperty(_this2, "renderOngoingGenerationButton", function () {
       return jsx(Button, {
         color: "primary-inverse",
         interaction: "disabled",
@@ -203,11 +215,11 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         fontSize: "medium"
       }));
     });
-    _defineProperty(_this, "renderStartGenerationButton", function () {
+    _defineProperty(_this2, "renderStartGenerationButton", function () {
       return jsx(Button, {
         color: "secondary",
         margin: "auto",
-        onClick: _this.handleGeneration,
+        onClick: _this2.handleGeneration,
         themeOverride: {
           lineHeight: '24px'
         }
@@ -215,42 +227,42 @@ export var NewQuizAndItemAnalysisPresenter = (_dec = withStyleOverrides(generate
         size: "medium"
       }, t('Generate Report')));
     });
-    _defineProperty(_this, "renderGenerationButton", function () {
-      var generationInProgress = _this.props.generationInProgress;
-      var buttonVariant = generationInProgress ? _this.renderOngoingGenerationButton() : _this.renderStartGenerationButton();
+    _defineProperty(_this2, "renderGenerationButton", function () {
+      var generationInProgress = _this2.props.generationInProgress;
+      var buttonVariant = generationInProgress ? _this2.renderOngoingGenerationButton() : _this2.renderStartGenerationButton();
       return jsx(React.Fragment, null, buttonVariant);
     });
-    _defineProperty(_this, "renderBody", function () {
-      var _this$props4 = _this.props,
-        fetchInProgress = _this$props4.fetchInProgress,
-        quizAnalysis = _this$props4.quizAnalysis;
+    _defineProperty(_this2, "renderBody", function () {
+      var _this2$props4 = _this2.props,
+        fetchInProgress = _this2$props4.fetchInProgress,
+        quizAnalysis = _this2$props4.quizAnalysis;
       // TODO need to refactor the NewQuizAnalysis to move out spinner logic
       return jsx(React.Fragment, null, (fetchInProgress || quizAnalysis) && jsx(NewQuizAnalysis, {
         quizAnalysis: quizAnalysis,
         fetchInProgress: fetchInProgress
-      }), fetchInProgress ? _this.renderSpinner() : _this.renderItemAnalyses());
+      }), fetchInProgress ? _this2.renderSpinner() : _this2.renderItemAnalyses());
     });
-    _defineProperty(_this, "renderBodyOnSuccessfulFetch", function () {
-      return !_this.isEmptyReport() && _this.renderBody();
+    _defineProperty(_this2, "renderBodyOnSuccessfulFetch", function () {
+      return !_this2.isEmptyReport() && _this2.renderBody();
     });
-    _defineProperty(_this, "handleGeneration", function (_event) {
+    _defineProperty(_this2, "handleGeneration", function (_event) {
       var filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'last_attempt';
-      _this.props.generateReports(filter);
+      _this2.props.generateReports(filter);
     });
-    _defineProperty(_this, "handleExport", function (_event) {
+    _defineProperty(_this2, "handleExport", function (_event) {
       var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : csvFormat;
       var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'last_attempt';
-      _this.props.exportReports(format, filter);
+      _this2.props.exportReports(format, filter);
     });
-    return _this;
+    return _this2;
   }
   _inherits(NewQuizAndItemAnalysisPresenter, _Component);
   return _createClass(NewQuizAndItemAnalysisPresenter, [{
     key: "render",
     value: function render() {
-      var _this$props5 = this.props,
-        analysisFetchError = _this$props5.analysisFetchError,
-        fetchInProgress = _this$props5.fetchInProgress;
+      var _this$props = this.props,
+        analysisFetchError = _this$props.analysisFetchError,
+        fetchInProgress = _this$props.fetchInProgress;
       return jsx("div", {
         className: "fs-mask"
       }, !fetchInProgress && (analysisFetchError ? this.renderTopOnFailedFetch() : this.renderTopOnSuccessfulFetch()), analysisFetchError ? this.renderBodyOnFailedFetch() : this.renderBodyOnSuccessfulFetch());

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import OutcomesPerStudentReport from '@instructure/outcomes-ui/es/containers/OutcomesPerStudentReport';

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizAndItemAnalysis;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -51,14 +63,14 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "generateItemAnalysisMetrics",
     value: function generateItemAnalysisMetrics(itemAnalysis) {
-      var _this = this;
+      var _this2 = this;
       var metrics = [];
       var mean = t.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
           return jsx("span", {
             key: "mean",
-            css: _this.props.styles.metricNote
+            css: _this2.props.styles.metricNote
           }, children);
         },
         score: itemAnalysis.meanScore(this.locale) || 0,
@@ -70,8 +82,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
             metrics.push(jsx(MetricsListItem, {
               key: "difficultyIndex",
               renderLabel: t('Difficulty Index'),
-              renderValue: itemAnalysis.difficultyIndex(_this.locale),
-              customStyles: _this.props.styles.metric,
+              renderValue: itemAnalysis.difficultyIndex(_this2.locale),
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -79,8 +91,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
             metrics.push(jsx(MetricsListItem, {
               key: "discriminationIndex",
               renderLabel: t('Discrimination Index'),
-              renderValue: itemAnalysis.discriminationIndex(_this.locale),
-              customStyles: _this.props.styles.metric,
+              renderValue: itemAnalysis.discriminationIndex(_this2.locale),
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -88,8 +100,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
             metrics.push(jsx(MetricsListItem, {
               key: "rpb",
               renderLabel: t('RPB'),
-              renderValue: itemAnalysis.pointBiserial(_this.locale),
-              customStyles: _this.props.styles.metric,
+              renderValue: itemAnalysis.pointBiserial(_this2.locale),
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -98,7 +110,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "meanEarnedScore",
               renderLabel: t('Mean Earned Score'),
               renderValue: mean,
-              customStyles: _this.props.styles.metric,
+              customStyles: _this2.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -109,7 +121,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "generateQuizAnalysisMetrics",
     value: function generateQuizAnalysisMetrics(quizAnalysis) {
-      var _this2 = this;
+      var _this3 = this;
       var metrics = [];
       var formattedElapsedTime = jsx(FormattedDuration, {
         seconds: quizAnalysis.meanElapsedTime()
@@ -121,7 +133,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "highScore",
               renderLabel: t('High Score'),
               renderValue: quizAnalysis.highScore(),
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -130,7 +142,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "lowScore",
               renderLabel: t('Low Score'),
               renderValue: quizAnalysis.lowScore(),
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -139,7 +151,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "meanScore",
               renderLabel: t('Mean Score'),
               renderValue: quizAnalysis.meanScore(),
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -148,7 +160,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "standardDeviation",
               renderLabel: t('Standard Deviation'),
               renderValue: quizAnalysis.standardDeviation(),
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -157,7 +169,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "meanElapsedTime",
               renderLabel: t('Mean Elapsed Time'),
               renderValue: formattedElapsedTime,
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -166,7 +178,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
               key: "cronbachsAlpha",
               renderLabel: t("Cronbach's Alpha"),
               renderValue: quizAnalysis.cronbachsAlpha(),
-              customStyles: _this2.props.styles.metric,
+              customStyles: _this3.props.styles.metric,
               isGroupChild: true
             }));
             break;
@@ -177,7 +189,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderItemAnalysisRows",
     value: function renderItemAnalysisRows() {
-      var _this3 = this;
+      var _this4 = this;
       var _this$props = this.props,
         animateDelay = _this$props.animateDelay,
         animateDuration = _this$props.animateDuration,
@@ -196,7 +208,7 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
         as: "h2",
         color: "primary"
       }, t('Item Analysis'))), itemAnalyses.toArray().map(function (itemAnalysis, i) {
-        var itemMetrics = _this3.generateItemAnalysisMetrics(itemAnalysis);
+        var itemMetrics = _this4.generateItemAnalysisMetrics(itemAnalysis);
         return jsx(ItemAnalysisRow, {
           animateDelay: animateDelay,
           animateDuration: animateDuration,
@@ -207,8 +219,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
           position: i + 1,
           quizId: activeQuizId,
           toggleExpanded: toggleItemAnalysisRowExpanded,
-          outcomesEndpoint: _this3.props.outcomesEndpoint,
-          outcomesToken: _this3.props.outcomesToken
+          outcomesEndpoint: _this4.props.outcomesEndpoint,
+          outcomesToken: _this4.props.outcomesToken
         }, itemMetrics);
       }));
     }

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

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleMarginBottom: spacing.xSmall,
     emptyTextPadding: spacing.small,
     emptyTextFontSize: typography.fontSizeLarge,
-    emptyTextColor: colors.ash
+    emptyTextColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ReportCard;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ReportList;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';