@instructure/quiz-core 21.1.1 → 22.0.0

package/es/reporting/api/itemAnalyses.js

@@ -1,7 +1,7 @@
-import Fetcher from "../../common/util/Fetcher.js";
-import { handleItemAnalysesResponse } from "../../common/api/callHandlers.js";
-import { associateItemAnalyses } from "../../common/actions/quizzes.js";
-import withDynamoPagination from "../../common/util/withDynamoPagination.js";
+import Fetcher from '../../common/util/Fetcher';
+import { handleItemAnalysesResponse } from '../../common/api/callHandlers';
+import { associateItemAnalyses } from '../../common/actions/quizzes';
+import withDynamoPagination from '../../common/util/withDynamoPagination';
 export function getItemAnalyses(quizId) {
   var url = "/api/quizzes/".concat(quizId, "/stats/item_analyses/");
   return function (dispatch, getState) {

package/es/reporting/api/quizAnalyses.js

@@ -1,7 +1,7 @@
-import Fetcher from "../../common/util/Fetcher.js";
-import { handleQuizAnalysisResponse } from "../../common/api/callHandlers.js";
-import { markQuizAnalysisNotFound } from "../../common/actions/reporting.js";
-import { associateQuizAnalysis } from "../../common/actions/quizzes.js";
+import Fetcher from '../../common/util/Fetcher';
+import { handleQuizAnalysisResponse } from '../../common/api/callHandlers';
+import { markQuizAnalysisNotFound } from '../../common/actions/reporting';
+import { associateQuizAnalysis } from '../../common/actions/quizzes';
 export function getQuizAnalysis(quizId) {
   var url = "/api/quizzes/".concat(quizId, "/stats/quiz_analysis");
   return function (dispatch, getState) {

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

@@ -1,24 +1,39 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Caption;
+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';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Caption = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Caption = /*#__PURE__*/function (_Component) {
-  _inherits(Caption, _Component);
-  var _super = _createSuper(Caption);
   function Caption() {
     _classCallCheck(this, Caption);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Caption, arguments);
   }
-  _createClass(Caption, [{
+  _inherits(Caption, _Component);
+  return _createClass(Caption, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -33,14 +48,12 @@ export var Caption = (_dec = withStyleOverrides(generateStyle, generateComponent
       }, this.props.children));
     }
   }]);
-  Caption.displayName = "Caption";
-  return Caption;
-}(Component), _Caption.displayName = 'Caption', _Caption.componentId = "Quizzes".concat(_Caption.displayName), _Caption.propTypes = {
+}(Component), _defineProperty(_Caption, "displayName", 'Caption'), _defineProperty(_Caption, "componentId", "Quizzes".concat(_Caption.displayName)), _defineProperty(_Caption, "propTypes", {
   text: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),
   styles: PropTypes.object
-}, _Caption.defaultProps = {
+}), _defineProperty(_Caption, "defaultProps", {
   text: void 0,
   children: void 0
-}, _Caption)) || _class);
+}), _Caption)) || _class);
 export default Caption;

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

@@ -1,9 +1,26 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _MetricsListItem;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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';
@@ -11,16 +28,15 @@ import { Metric } from '@instructure/ui-metric';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
+import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var MetricsListItem = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_MetricsListItem = /*#__PURE__*/function (_Component) {
-  _inherits(MetricsListItem, _Component);
-  var _super = _createSuper(MetricsListItem);
   function MetricsListItem() {
     _classCallCheck(this, MetricsListItem);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MetricsListItem, arguments);
   }
-  _createClass(MetricsListItem, [{
+  _inherits(MetricsListItem, _Component);
+  return _createClass(MetricsListItem, [{
     key: "renderNoValue",
     value: function renderNoValue() {
       return jsx("span", null, jsx(ScreenReaderContent, null, t('No value')), jsx(PresentationContent, null, t('--')));
@@ -42,12 +58,10 @@ export var MetricsListItem = (_dec = withStyleOverrides(generateStyle, null), _d
       }));
     }
   }]);
-  MetricsListItem.displayName = "MetricsListItem";
-  return MetricsListItem;
-}(Component), _MetricsListItem.displayName = 'MetricsListItem', _MetricsListItem.componentId = "Quizzes".concat(_MetricsListItem.displayName), _MetricsListItem.propTypes = _objectSpread(_objectSpread({}, Metric.propTypes), {}, {
+}(Component), _defineProperty(_MetricsListItem, "displayName", 'MetricsListItem'), _defineProperty(_MetricsListItem, "componentId", "Quizzes".concat(_MetricsListItem.displayName)), _defineProperty(_MetricsListItem, "propTypes", _objectSpread(_objectSpread({}, Metric.propTypes), {}, {
   customStyles: PropTypes.object,
   styles: PropTypes.object
-}), _MetricsListItem.defaultProps = {
+})), _defineProperty(_MetricsListItem, "defaultProps", {
   customStyles: {}
-}, _MetricsListItem)) || _class);
+}), _MetricsListItem)) || _class);
 export default MetricsListItem;

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _CentileDistribution;
+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';
@@ -10,10 +26,10 @@ import { range } from 'd3-array';
 import { jsx } from '@instructure/emotion';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
-import Distribution from "../Distribution/index.js";
+import Distribution from '../Distribution';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 var starBin = function starBin(props) {
   if (typeof props.starScore !== 'number') return;
@@ -22,54 +38,53 @@ var starBin = function starBin(props) {
   return Math.min(Math.floor(starScore * props.visualDistribution.length), props.visualDistribution.length - 1);
 };
 export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
-  _inherits(CentileDistribution, _Component);
-  var _super = _createSuper(CentileDistribution);
   function CentileDistribution() {
-    var _this;
+    var _this2;
     _classCallCheck(this, CentileDistribution);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this._calculateAxis = function (x, y, xAxis, height) {
+    _this2 = _callSuper(this, CentileDistribution, [].concat(args));
+    _defineProperty(_this2, "_calculateAxis", function (x, y, xAxis, height) {
       x.domain(range(101));
-      if (typeof _this.props.starScore === 'number') {
-        var starIndex = starBin(_this.props);
+      if (typeof _this2.props.starScore === 'number') {
+        var starIndex = starBin(_this2.props);
         // Determine if star above bar will overflow height, and reduce range to
         // account for 18 star height + 12 star bottom padding
-        var starTop = y(_this.props.visualDistribution[starIndex]) - 30;
-        y.rangeRound([height, _this.props.barPaddingTop - Math.min(0, starTop)]);
+        var starTop = y(_this2.props.visualDistribution[starIndex]) - 30;
+        y.rangeRound([height, _this2.props.barPaddingTop - Math.min(0, starTop)]);
       }
       xAxis.tickValues(range(0, 101, 10)).tickFormat(function (d) {
         return t('{percent, number}%', {
           percent: d
         });
       });
-    };
-    _this._createChart = function (svg, width) {
+    });
+    _defineProperty(_this2, "_createChart", function (svg, width) {
       // Manually redraw x axis to extend beyond container
       var axisPadding = 2000;
       svg.select('g[data-role=xAxis] path').attr('d', "M".concat(-1 * axisPadding, ",0H").concat(width + axisPadding));
       return svg;
-    };
-    _this._summarizeChart = function (summary) {
-      if (typeof _this.props.starScore !== 'number') return summary;
+    });
+    _defineProperty(_this2, "_summarizeChart", function (summary) {
+      if (typeof _this2.props.starScore !== 'number') return summary;
       return t('You scored {score, number, percent}. ', {
-        score: _this.props.starScore
+        score: _this2.props.starScore
       }) + summary;
-    };
-    _this._renderTable = function () {
+    });
+    _defineProperty(_this2, "_renderTable", function () {
       return jsx(ScreenReaderContent, null, jsx(Table, {
         caption: t('Score percentiles chart data')
       }, jsx(Table.Head, null, jsx(Table.Row, null, jsx(Table.ColHeader, {
         id: "score-percentiles-chart-data-score-percentile"
       }, t('Score Percentile')), jsx(Table.ColHeader, {
         id: "score-percentiles-chart-data-count"
-      }, t('Count')))), jsx(Table.Body, null, _this._renderTableRows())));
-    };
-    return _this;
+      }, t('Count')))), jsx(Table.Body, null, _this2._renderTableRows())));
+    });
+    return _this2;
   }
-  _createClass(CentileDistribution, [{
+  _inherits(CentileDistribution, _Component);
+  return _createClass(CentileDistribution, [{
     key: "_renderTableRows",
     value: function _renderTableRows() {
       var chartData = this.props.visualDistribution;
@@ -98,9 +113,7 @@ export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, gener
       }, jsx(Distribution, props));
     }
   }]);
-  CentileDistribution.displayName = "CentileDistribution";
-  return CentileDistribution;
-}(Component), _CentileDistribution.displayName = 'CentileDistribution', _CentileDistribution.componentId = "Quizzes".concat(_CentileDistribution.displayName), _CentileDistribution.propTypes = {
+}(Component), _defineProperty(_CentileDistribution, "displayName", 'CentileDistribution'), _defineProperty(_CentileDistribution, "componentId", "Quizzes".concat(_CentileDistribution.displayName)), _defineProperty(_CentileDistribution, "propTypes", {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   barPaddingInner: PropTypes.number,
@@ -122,7 +135,7 @@ export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, gener
   visualDistribution: PropTypes.arrayOf(PropTypes.node).isRequired,
   starScore: PropTypes.number,
   styles: PropTypes.object
-}, _CentileDistribution.defaultProps = {
+}), _defineProperty(_CentileDistribution, "defaultProps", {
   animateDelay: 200,
   animateDuration: 900,
   barPaddingInner: 0.25,
@@ -137,5 +150,5 @@ export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, gener
   summaryDistribution: void 0,
   visualDistribution: [],
   starScore: null
-}, _CentileDistribution)) || _class);
+}), _CentileDistribution)) || _class);
 export default CentileDistribution;

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Distribution;
+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';
@@ -12,8 +28,8 @@ import { scaleBand, scaleLinear } from 'd3-scale';
 import { select } from 'd3-selection';
 import { jsx, css } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { transition } from 'd3-transition';
 import flow from 'lodash/flow';
@@ -24,54 +40,53 @@ export var starPathData = 'M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364
 var MARGIN_T = 0;
 var MARGIN_B = 28;
 export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
-  _inherits(Distribution, _Component);
-  var _super = _createSuper(Distribution);
   function Distribution() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Distribution);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this._isStarred = function (d, i) {
-      return typeof _this.props.starIndex === 'number' && i === _this.props.starIndex;
-    };
-    _this._renderStar = function (svg) {
-      if (typeof _this.props.starIndex !== 'number') return;
-      var star = svg.append('path').attr('d', starPathData).attr('style', css(_this.props.styles.barStar).styles);
-      var starIndex = _this.props.starIndex;
-      var starX = _this.x(starIndex) + _this.x.bandwidth() / 2;
-      var starY = _this.y(_this.props.visualDistribution[starIndex]) - 30;
+    _this2 = _callSuper(this, Distribution, [].concat(args));
+    _defineProperty(_this2, "_isStarred", function (d, i) {
+      return typeof _this2.props.starIndex === 'number' && i === _this2.props.starIndex;
+    });
+    _defineProperty(_this2, "_renderStar", function (svg) {
+      if (typeof _this2.props.starIndex !== 'number') return;
+      var star = svg.append('path').attr('d', starPathData).attr('style', css(_this2.props.styles.barStar).styles);
+      var starIndex = _this2.props.starIndex;
+      var starX = _this2.x(starIndex) + _this2.x.bandwidth() / 2;
+      var starY = _this2.y(_this2.props.visualDistribution[starIndex]) - 30;
       // scale the star down and position it on the x axis - y axis will be applied by animation
       var xTransform = "translate(".concat(starX, " 0) scale(0.011) translate(-960 0)");
-      _this.applyTransition(star, function (rects) {
+      _this2.applyTransition(star, function (rects) {
         return rects.attr('opacity', 0).attr('transform', "translate(0 ".concat(starY + 20, ") ").concat(xTransform));
       }, function (rects) {
         return rects.attr('opacity', 1).attr('transform', "translate(0 ".concat(starY, ") ").concat(xTransform));
       }, function (transition) {
-        return transition.delay(_this.props.animateDuration).duration(600);
+        return transition.delay(_this2.props.animateDuration).duration(600);
       });
-    };
-    _this.applyTransition = function (selection, initialFunc, finalFunc, transitionFunc) {
+    });
+    _defineProperty(_this2, "applyTransition", function (selection, initialFunc, finalFunc, transitionFunc) {
       var identity = function identity(s) {
         return s;
       };
       var transition = function transition(s) {
-        return s.transition(_this.getTransition());
+        return s.transition(_this2.getTransition());
       };
       var applicators = [];
-      if (_this.isAnimated()) {
+      if (_this2.isAnimated()) {
         applicators.push(initialFunc || identity, transition, transitionFunc || identity);
       }
       applicators.push(finalFunc || identity);
       return flow(applicators)(selection);
-    };
-    _this.setChartRef = function (ref) {
-      _this.chart = ref;
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "setChartRef", function (ref) {
+      _this2.chart = ref;
+    });
+    return _this2;
   }
-  _createClass(Distribution, [{
+  _inherits(Distribution, _Component);
+  return _createClass(Distribution, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.__svg = this.createChart(this.chart, this.props);
@@ -184,16 +199,16 @@ export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "renderBars",
     value: function renderBars(node, props) {
-      var _this2 = this;
+      var _this3 = this;
       this.chartData = props.visualDistribution;
       var height = this.height;
       var x = this.x;
       var y = this.y;
       var bars = node.selectAll('rect').data(this.chartData);
       var rects = bars.enter().append('rect').attr('style', function (d, i) {
-        return _this2._isStarred(d, i) ? css(_this2.props.styles.barStar).styles : css(_this2.props.styles.bar).styles;
+        return _this3._isStarred(d, i) ? css(_this3.props.styles.barStar).styles : css(_this3.props.styles.bar).styles;
       }).attr('class', function (d, i) {
-        return _this2._isStarred(d, i) ? 'barStar' : 'bar';
+        return _this3._isStarred(d, i) ? 'barStar' : 'bar';
       }).attr('x', function (d, i) {
         return x(i);
       }).attr('width', x.bandwidth());
@@ -255,9 +270,7 @@ export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComp
       return svg.append('title').text(title);
     }
   }]);
-  Distribution.displayName = "Distribution";
-  return Distribution;
-}(Component), _Distribution.displayName = 'Distribution', _Distribution.componentId = "Quizzes".concat(_Distribution.displayName), _Distribution.propTypes = {
+}(Component), _defineProperty(_Distribution, "displayName", 'Distribution'), _defineProperty(_Distribution, "componentId", "Quizzes".concat(_Distribution.displayName)), _defineProperty(_Distribution, "propTypes", {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   // ESLint thinks these props aren't used but they are via a call chain in componentDidMount
@@ -285,7 +298,7 @@ export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComp
   updateChart: PropTypes.func,
   starIndex: PropTypes.number,
   styles: PropTypes.object
-}, _Distribution.defaultProps = {
+}), _defineProperty(_Distribution, "defaultProps", {
   animateDelay: 200,
   animateDuration: 900,
   barPaddingInner: 0.25,
@@ -307,7 +320,7 @@ export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComp
   },
   updateChart: Function.prototype,
   starIndex: null
-}, _Distribution)) || _class);
+}), _Distribution)) || _class);
 /**
  *   A component to render an a11y friendly distribution of scores across users.
  *   Underneath the chart is two accessible features:

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

@@ -2,12 +2,12 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
     typography = _ref.typography;
   return {
-    barFillColor: colors.electric,
-    barStarFillColor: colors.fire,
-    barLabelColor: colors.textDarkest,
+    barFillColor: colors.contrasts.blue4570,
+    barStarFillColor: colors.contrasts.orange4570,
+    barLabelColor: colors.contrasts.grey125125,
     barLabelFontFamily: typography.fontFamily,
     barLabelFontSize: typography.fontSizeSmall,
-    xAxisColor: colors.textDarkest
+    xAxisColor: colors.contrasts.grey125125
   };
 };
 export default generateComponentTheme;

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

@@ -1,25 +1,41 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Legend;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Legend = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Legend = /*#__PURE__*/function (_Component) {
-  _inherits(Legend, _Component);
-  var _super = _createSuper(Legend);
   function Legend() {
     _classCallCheck(this, Legend);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Legend, arguments);
   }
-  _createClass(Legend, [{
+  _inherits(Legend, _Component);
+  return _createClass(Legend, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -48,7 +64,7 @@ export var Legend = (_dec = withStyleOverrides(generateStyle, generateComponentT
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this2 = this;
       var _this$props = this.props,
         variant = _this$props.variant,
         series = _this$props.series,
@@ -58,13 +74,11 @@ export var Legend = (_dec = withStyleOverrides(generateStyle, generateComponentT
         className: containerClass,
         css: styles.containerStyle
       }, series.map(function (s, i) {
-        return _this.renderSeries(s, i, styles);
+        return _this2.renderSeries(s, i, styles);
       })));
     }
   }]);
-  Legend.displayName = "Legend";
-  return Legend;
-}(Component), _Legend.displayName = 'Legend', _Legend.componentId = "Quizzes".concat(_Legend.displayName), _Legend.propTypes = {
+}(Component), _defineProperty(_Legend, "displayName", 'Legend'), _defineProperty(_Legend, "componentId", "Quizzes".concat(_Legend.displayName)), _defineProperty(_Legend, "propTypes", {
   series: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,
     customStyles: PropTypes.object.isRequired
@@ -72,8 +86,8 @@ export var Legend = (_dec = withStyleOverrides(generateStyle, generateComponentT
   variant: PropTypes.oneOf(['column', 'row']),
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _Legend.defaultProps = {
+}), _defineProperty(_Legend, "defaultProps", {
   series: [],
   variant: 'column'
-}, _Legend)) || _class);
+}), _Legend)) || _class);
 export default Legend;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var containerVariant = {
     row: {

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

@@ -5,14 +5,14 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography;
   return {
     containerBorderWidth: borders.widthSmall,
-    containerBorderColor: colors.tiara,
+    containerBorderColor: colors.contrasts.grey1214,
     seriesContainerMargin: spacing.small,
     seriesContainerRowMargin: spacing.medium,
     seriesSwatchMargin: spacing.small,
-    seriesSwatchBackgroundColor: colors.electric,
+    seriesSwatchBackgroundColor: colors.contrasts.blue4570,
     seriesLabelFontFamily: typography.fontFamily,
     seriesLabelFontSize: typography.fontSizeXSmall,
-    seriesLabelColor: colors.textDarkest
+    seriesLabelColor: colors.contrasts.grey125125
   };
 };
 export default generateComponentTheme;