@instructure/quiz-core 21.2.0 → 22.0.0

package/es/moderating/components/sidebar/ModerateTray/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 t from '@instructure/quiz-i18n/es/format-message';
@@ -21,97 +33,97 @@ import { Flex, liveRegion } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var ModerateTray = /*#__PURE__*/function (_Component) {
   function ModerateTray() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ModerateTray);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ModerateTray, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, ModerateTray, [].concat(args));
+    _defineProperty(_this2, "state", {
       titleIsTruncated: false,
       participantNameIsTruncated: false
     });
-    _defineProperty(_this, "handleTitleUpdate", function (titleIsTruncated) {
-      if (_this.state.titleIsTruncated !== titleIsTruncated) {
-        _this.setState({
+    _defineProperty(_this2, "handleTitleUpdate", function (titleIsTruncated) {
+      if (_this2.state.titleIsTruncated !== titleIsTruncated) {
+        _this2.setState({
           titleIsTruncated: titleIsTruncated
         });
       }
     });
-    _defineProperty(_this, "handleParticipantNameUpdate", function (participantNameIsTruncated) {
-      if (_this.state.participantNameIsTruncated !== participantNameIsTruncated) {
-        _this.setState({
+    _defineProperty(_this2, "handleParticipantNameUpdate", function (participantNameIsTruncated) {
+      if (_this2.state.participantNameIsTruncated !== participantNameIsTruncated) {
+        _this2.setState({
           participantNameIsTruncated: participantNameIsTruncated
         });
       }
     });
-    _defineProperty(_this, "onClose", function () {
-      _this.props.onClose();
+    _defineProperty(_this2, "onClose", function () {
+      _this2.props.onClose();
     });
-    _defineProperty(_this, "handleTrayExited", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleTrayExited", function () {
+      _this2.setState({
         titleIsTruncated: false,
         participantNameIsTruncated: false
       });
     });
-    _defineProperty(_this, "setCloseRef", function (el) {
-      return _this.closeRef = el;
+    _defineProperty(_this2, "setCloseRef", function (el) {
+      return _this2.closeRef = el;
     });
-    _defineProperty(_this, "setTrayRef", function (el) {
-      return _this.trayRef = el;
+    _defineProperty(_this2, "setTrayRef", function (el) {
+      return _this2.trayRef = el;
     });
-    _defineProperty(_this, "getTrayRef", function () {
-      return _this.trayRef;
+    _defineProperty(_this2, "getTrayRef", function () {
+      return _this2.trayRef;
     });
-    _defineProperty(_this, "handleSave", function () {
-      _this.props.onSave();
-      _this.props.closeTray();
+    _defineProperty(_this2, "handleSave", function () {
+      _this2.props.onSave();
+      _this2.props.closeTray();
     });
-    _defineProperty(_this, "renderTitleAndCloseButton", function () {
+    _defineProperty(_this2, "renderTitleAndCloseButton", function () {
       return /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(CloseButton, {
-        onClick: _this.props.closeTray,
-        elementRef: _this.setCloseRef,
+        onClick: _this2.props.closeTray,
+        elementRef: _this2.setCloseRef,
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      }), _this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled ? /*#__PURE__*/React.createElement(Heading, {
+      }), _this2.props.atteqApplyChangesToCurrentQuizAttemptsEnabled ? /*#__PURE__*/React.createElement(Heading, {
         level: "h3"
-      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('In Progress Accommodation')), t('In Progress Accommodation')) : _this.renderHeading());
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('In Progress Accommodation')), t('In Progress Accommodation')) : _this2.renderHeading());
     });
-    _defineProperty(_this, "renderChildren", function () {
-      return React.Children.map(_this.props.children, function (child) {
+    _defineProperty(_this2, "renderChildren", function () {
+      return React.Children.map(_this2.props.children, function (child) {
         if (!child) return null;
         return React.cloneElement(child, {
           trayResetFocus: function trayResetFocus() {
-            return _this.closeRef.focus();
+            return _this2.closeRef.focus();
           }
         });
       });
     });
-    _defineProperty(_this, "renderFooter", function () {
+    _defineProperty(_this2, "renderFooter", function () {
       return /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
-        onClick: _this.props.closeTray,
+        onClick: _this2.props.closeTray,
         margin: "0 x-small 0 0"
       }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
         color: "primary",
         type: "submit",
-        onClick: _this.handleSave
+        onClick: _this2.handleSave
       }, t('Apply')));
     });
-    return _this;
+    return _this2;
   }
   _inherits(ModerateTray, _Component);
   return _createClass(ModerateTray, [{
     key: "renderHeading",
     value: function renderHeading() {
-      var _this2 = this;
+      var _this3 = this;
       return this.state.titleIsTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
         placement: "start",
         renderTip: this.labelText(),
         mountNode: this.getTrayRef || null
       }, function (_ref) {
         var focused = _ref.focused;
-        return _this2.renderHeadingName({
+        return _this3.renderHeadingName({
           focused: focused
         });
       }) : this.renderHeadingName();
@@ -167,14 +179,14 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderNameWithTooltip",
     value: function renderNameWithTooltip() {
-      var _this3 = this;
+      var _this4 = this;
       return this.state.titleIsTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
         placement: "start",
         renderTip: this.props.participantName,
         mountNode: this.getTrayRef || null
       }, function (_ref3) {
         var focused = _ref3.focused;
-        return _this3.renderName({
+        return _this4.renderName({
           focused: focused
         });
       }) : this.renderName();

package/es/moderating/components/sidebar/ResetQuiz/presenter.js

@@ -6,8 +6,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";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 t from '@instructure/quiz-i18n/es/format-message';
@@ -17,32 +29,32 @@ import { Tooltip } from '@instructure/ui-tooltip';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 export var ResetQuiz = /*#__PURE__*/function (_Component) {
   function ResetQuiz() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ResetQuiz);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ResetQuiz, [].concat(args));
-    _defineProperty(_this, "focusReopenButton", function () {
-      _this.reopenButtonRef && _this.reopenButtonRef.focus();
+    _this2 = _callSuper(this, ResetQuiz, [].concat(args));
+    _defineProperty(_this2, "focusReopenButton", function () {
+      _this2.reopenButtonRef && _this2.reopenButtonRef.focus();
     });
-    _defineProperty(_this, "reopenQuizSession", function () {
-      _this.props.withConfirm(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _defineProperty(_this2, "reopenQuizSession", function () {
+      _this2.props.withConfirm(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return _this.props.reopenQuizSession(_this.props.sessionId);
+              return _this2.props.reopenQuizSession(_this2.props.sessionId);
             case 2:
-              _this.props.trayResetFocus();
-              _this.props.screenreaderNotification(t("The student's attempt has been reopened"));
+              _this2.props.trayResetFocus();
+              _this2.props.screenreaderNotification(t("The student's attempt has been reopened"));
             case 4:
             case "end":
               return _context.stop();
           }
         }, _callee);
       })), {
-        onCancel: _this.focusReopenButton,
+        onCancel: _this2.focusReopenButton,
         shouldReturnFocus: false,
         // manually handling return focus instead
         title: t('Reopen Latest Attempt'),
@@ -50,10 +62,10 @@ export var ResetQuiz = /*#__PURE__*/function (_Component) {
         text: t("Reopening the most recent attempt allows the student to resume their assessment.\n        Previously recorded responses will be retained and the timer,\n        if applicable, will continue with the remaining time.")
       });
     });
-    _defineProperty(_this, "reopenButtonRef", function (node) {
-      _this.reopenButtonRef = node;
+    _defineProperty(_this2, "reopenButtonRef", function (node) {
+      _this2.reopenButtonRef = node;
     });
-    return _this;
+    return _this2;
   }
   _inherits(ResetQuiz, _Component);
   return _createClass(ResetQuiz, [{

package/es/reporting/components/Caption/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, _Caption;
-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/MetricsListItem/index.js

@@ -5,10 +5,22 @@ 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, _MetricsListItem;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 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';

package/es/reporting/components/charts/CentileDistribution/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, _CentileDistribution;
-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';
@@ -27,20 +39,20 @@ var starBin = function starBin(props) {
 };
 export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CentileDistribution = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, CentileDistribution, [].concat(args));
-    _defineProperty(_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}%', {
@@ -48,28 +60,28 @@ export var CentileDistribution = (_dec = withStyleOverrides(generateStyle, gener
         });
       });
     });
-    _defineProperty(_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;
     });
-    _defineProperty(_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;
     });
-    _defineProperty(_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())));
+      }, t('Count')))), jsx(Table.Body, null, _this2._renderTableRows())));
     });
-    return _this;
+    return _this2;
   }
   _inherits(CentileDistribution, _Component);
   return _createClass(CentileDistribution, [{

package/es/reporting/components/charts/Distribution/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, _Distribution;
-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';
@@ -29,49 +41,49 @@ var MARGIN_T = 0;
 var MARGIN_B = 28;
 export var Distribution = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Distribution = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, Distribution, [].concat(args));
-    _defineProperty(_this, "_isStarred", function (d, i) {
-      return typeof _this.props.starIndex === 'number' && i === _this.props.starIndex;
+    _this2 = _callSuper(this, Distribution, [].concat(args));
+    _defineProperty(_this2, "_isStarred", function (d, i) {
+      return typeof _this2.props.starIndex === 'number' && i === _this2.props.starIndex;
     });
-    _defineProperty(_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;
+    _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);
       });
     });
-    _defineProperty(_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);
     });
-    _defineProperty(_this, "setChartRef", function (ref) {
-      _this.chart = ref;
+    _defineProperty(_this2, "setChartRef", function (ref) {
+      _this2.chart = ref;
     });
-    return _this;
+    return _this2;
   }
   _inherits(Distribution, _Component);
   return _createClass(Distribution, [{
@@ -187,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());

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

@@ -5,10 +5,22 @@ 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, _Legend;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 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';
@@ -52,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,
@@ -62,7 +74,7 @@ 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);
       })));
     }
   }]);

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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;