@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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

@@ -8,5 +8,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     barLabelColor: colors.textDarkest,
     barLabelFontFamily: typography.fontFamily,
     barLabelFontSize: typography.fontSizeSmall
   };
 };
-
 export default generateComponentTheme;

package/es/reporting/components/itemAnalysis/AnswerFrequencySummary/AnswerFrequencySummary.examples.js

@@ -1,5 +1,5 @@
 import { fromJS } from 'immutable';
-import ItemAnalysis from "../../../../common/records/ItemAnalysis.js";
+import ItemAnalysis from '../../../../common/records/ItemAnalysis';
 var standardItemAnalysis = new ItemAnalysis(fromJS({
   itemId: '3',
   itemAnalysis: {

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AnswerFrequencySummary, _IconCheckSolid, _IconXSolid;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,55 +15,38 @@ import { Table } from '@instructure/ui-table';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
-import generateComponentTheme from "./theme.js";
-import generateStyle from "./styles.js";
-
-var _ref = jsx(IconCheckSolid, null);
-
-var _ref2 = jsx(IconXSolid, null);
-
-export var AnswerFrequencySummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(AnswerFrequencySummary, _Component);
-
-  var _super = _createSuper(AnswerFrequencySummary);
-
+import generateComponentTheme from './theme';
+import generateStyle from './styles';
+export var AnswerFrequencySummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
   function AnswerFrequencySummary() {
     var _this;
-
     _classCallCheck(this, AnswerFrequencySummary);
-
     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 = _callSuper(this, AnswerFrequencySummary, [].concat(args));
     _this.renderAnswerTableRow = function (choiceInfo, choiceIndex) {
       var choiceSum = _this.props.itemAnalysis.choiceCountSum();
-
       var choiceBody = _this.renderChoiceBody(choiceInfo);
-
       return jsx(Table.Row, {
         key: choiceIndex
-      }, jsx(Table.Cell, null, _this.isCorrect(choiceInfo) ? _ref : _ref2, jsx(ScreenReaderContent, null, _this.getBarTitle(choiceInfo))), jsx(Table.RowHeader, null, jsx("span", {
+      }, jsx(Table.Cell, null, _this.isCorrect(choiceInfo) ? _IconCheckSolid || (_IconCheckSolid = jsx(IconCheckSolid, null)) : _IconXSolid || (_IconXSolid = jsx(IconXSolid, null)), jsx(ScreenReaderContent, null, _this.getBarTitle(choiceInfo))), jsx(Table.RowHeader, null, jsx("span", {
         "data-testid": "answer-textfield",
         title: choiceBody
       }, choiceBody)), jsx(Table.Cell, null, t.number(Math.floor(choiceInfo.get('choiceCount')))), jsx(Table.Cell, null, choiceSum > 0 ? t.number(choiceInfo.get('choiceCount') / choiceSum, 'percent') : 0), jsx(Table.Cell, {
         "aria-hidden": "true"
       }, _this.renderBarPlot(choiceInfo)));
     };
-
     return _this;
   }
-
-  _createClass(AnswerFrequencySummary, [{
+  _inherits(AnswerFrequencySummary, _Component);
+  return _createClass(AnswerFrequencySummary, [{
     key: "getBarStyles",
     value: function getBarStyles(choiceInfo) {
       var highest = this.props.itemAnalysis.choiceCountMax();
       var xScale = scaleLinear() // linear scale against domain, range
       .domain([highest, 0]) // bounds
       .range([100, 0]); // to percent of column width
-
       return {
         width: "".concat(xScale(choiceInfo.get('choiceCount')), "%")
       };
@@ -123,11 +104,8 @@ export var AnswerFrequencySummary = (_dec = withStyle(generateStyle, generateCom
       }, t('Percentage')))), jsx(Table.Body, null, choiceInfo.toArray().map(this.renderAnswerTableRow), this.renderAnswerTableRow(this.unansweredChoiceInfo, choiceInfo.size))));
     }
   }]);
-
-  AnswerFrequencySummary.displayName = "AnswerFrequencySummary";
-  return AnswerFrequencySummary;
-}(Component), _class2.propTypes = {
+}(Component), _AnswerFrequencySummary.propTypes = {
   itemAnalysis: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _AnswerFrequencySummary)) || _class);
 export default AnswerFrequencySummary;

package/es/reporting/components/itemAnalysis/AnswerFrequencySummary/styles.js

@@ -1,18 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
+var _templateObject;
 import { keyframes } from '@instructure/emotion';
-var contentAnimation = keyframes(_templateObject());
-
+var contentAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }"])));
 var generateStyle = function generateStyle(componentTheme, props) {
   var contentCellStyles = {
     borderBottomColor: componentTheme.contentCellBorderColor,
@@ -41,5 +30,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 export default generateStyle;

package/es/reporting/components/itemAnalysis/AnswerFrequencySummary/theme.js

@@ -1,10 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-      colors = _ref.colors,
-      spacing = _ref.spacing,
-      typography = _ref.typography,
-      borders = _ref.borders,
-      transitions = _ref.transitions;
+    colors = _ref.colors,
+    spacing = _ref.spacing,
+    typography = _ref.typography,
+    borders = _ref.borders,
+    transitions = _ref.transitions;
   return {
     contentCellBorderColor: colors.tiara,
     answerRowCellPadding: spacing.xSmall,
@@ -24,5 +24,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     barTransition: "width ".concat(transitions.duration)
   };
 };
-
 export default generateComponentTheme;

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/ItemAnalysisRow.examples.js

@@ -1,5 +1,5 @@
 import { fromJS } from 'immutable';
-import ItemAnalysis from "../../../../common/records/ItemAnalysis.js";
+import ItemAnalysis from '../../../../common/records/ItemAnalysis';
 var standardItemAnalysis = new ItemAnalysis(fromJS({
   itemId: '3',
   itemBody: 'This is the item body',

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/index.js

@@ -1,7 +1,7 @@
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../../common/react-redux.js";
-import { screenreaderNotification as screenreaderNotificationAction } from "../../../../common/actions/alerts.js";
-import ItemAnalysisRow from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { screenreaderNotification as screenreaderNotificationAction } from '../../../../common/actions/alerts';
+import ItemAnalysisRow from './presenter';
 export var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     screenreaderNotification: bindActionCreators(screenreaderNotificationAction, dispatch)

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ItemAnalysisRow, _Spinner;
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,60 +13,46 @@ import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
-import Card from "../../../../common/components/shared/Card/index.js";
-import ExpandButton from "../../../../common/components/shared/ExpandButton/index.js";
-import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
-import AnswerFrequencySummary from "../AnswerFrequencySummary/index.js";
-import QuintileDistribution from "../../charts/QuintileDistribution/index.js";
-import Legend from "../../charts/Legend/index.js";
-import Caption from "../../Caption/index.js";
-import MetricsListItem from "../../MetricsListItem/index.js";
+import Card from '../../../../common/components/shared/Card';
+import ExpandButton from '../../../../common/components/shared/ExpandButton';
+import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import AnswerFrequencySummary from '../AnswerFrequencySummary';
+import QuintileDistribution from '../../charts/QuintileDistribution';
+import Legend from '../../charts/Legend';
+import Caption from '../../Caption';
+import MetricsListItem from '../../MetricsListItem';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { liveRegion, withI18nSupport } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-
-var _ref2 = jsx(Spinner, null);
-
-export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(ItemAnalysisRow, _withI18nSupport);
-
-  var _super = _createSuper(ItemAnalysisRow);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
   function ItemAnalysisRow() {
     var _this;
-
     _classCallCheck(this, ItemAnalysisRow);
-
     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 = _callSuper(this, ItemAnalysisRow, [].concat(args));
     _this.toggleExpanded = function () {
       _this.props.toggleExpanded(_this.props.itemId);
-
       var _this$props = _this.props,
-          position = _this$props.position,
-          expanded = _this$props.expanded;
+        position = _this$props.position,
+        expanded = _this$props.expanded;
       var text = t("{\n      expanded, select,\n      false {Expanded question {position, number}}\n      other {Collapsed question {position, number}}\n    }", {
         position: position,
         expanded: expanded
       });
-
       _this.props.screenreaderNotification(text);
     };
-
     return _this;
   }
-
-  _createClass(ItemAnalysisRow, [{
+  _inherits(ItemAnalysisRow, _withI18nSupport);
+  return _createClass(ItemAnalysisRow, [{
     key: "renderExpandButton",
     value: function renderExpandButton() {
       var _this$props2 = this.props,
-          position = _this$props2.position,
-          expanded = _this$props2.expanded;
+        position = _this$props2.position,
+        expanded = _this$props2.expanded;
       var title = t("{\n      expanded, select,\n      false {Expand question {position, number} details}\n      other {Collapse question {position, number} details}\n    }", {
         position: position,
         expanded: expanded
@@ -112,7 +96,6 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
     key: "defaultMetricsList",
     value: function defaultMetricsList() {
       var _this2 = this;
-
       var mean = t.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
@@ -164,7 +147,6 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
       if (this.props.itemAnalysis.choiceInfo().size === 0) {
         return;
       }
-
       return jsx("div", {
         css: this.props.styles.answerTableSection
       }, jsx(Caption, {
@@ -207,11 +189,10 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
     key: "renderOutcomeAlignments",
     value: function renderOutcomeAlignments() {
       var _this$props3 = this.props,
-          expanded = _this$props3.expanded,
-          itemAnalysis = _this$props3.itemAnalysis,
-          outcomesEndpoint = _this$props3.outcomesEndpoint,
-          outcomesToken = _this$props3.outcomesToken;
-
+        expanded = _this$props3.expanded,
+        itemAnalysis = _this$props3.itemAnalysis,
+        outcomesEndpoint = _this$props3.outcomesEndpoint,
+        outcomesToken = _this$props3.outcomesToken;
       if (expanded && outcomesEndpoint && itemAnalysis.outcomeAlignmentSetGuid) {
         return jsx("div", {
           css: this.props.styles.outcomeAlignments
@@ -240,9 +221,8 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
     key: "render",
     value: function render() {
       if (!this.props.itemAnalysis.isLoaded()) {
-        return _ref2;
+        return _Spinner || (_Spinner = jsx(Spinner, null));
       }
-
       var present = this.props.itemAnalysis.isPresent();
       return jsx(Card, {
         key: this.props.itemId,
@@ -252,10 +232,7 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
       }, this.renderStem(), present ? this.renderMetrics() : this.renderNotFound()), present && this.renderAnswerAnalysis(), this.renderOutcomeAlignments());
     }
   }]);
-
-  ItemAnalysisRow.displayName = "ItemAnalysisRow";
-  return ItemAnalysisRow;
-}(withI18nSupport(Component)), _class2.propTypes = {
+}(withI18nSupport(Component)), _ItemAnalysisRow.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   expanded: PropTypes.bool,
@@ -269,7 +246,7 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
   children: PropTypes.arrayOf(PropTypes.node),
   locale: PropTypes.string,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _ItemAnalysisRow.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   expanded: false,
@@ -277,7 +254,7 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
   outcomesToken: null,
   children: [],
   locale: null
-}, _class2.contextTypes = {
+}, _ItemAnalysisRow.contextTypes = {
   locale: PropTypes.string
-}, _temp)) || _class);
+}, _ItemAnalysisRow)) || _class);
 export default ItemAnalysisRow;

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/styles.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   return {
@@ -65,7 +64,6 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     answerDistributionSection: {
       flex: '1 1 auto',
-
       /* Non-zero width for IE11 flex-wrap */
       minWidth: '1%'
     },
@@ -96,5 +94,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      breakpoints = _ref.breakpoints;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    breakpoints = _ref.breakpoints;
   return {
     itemAnalysisRowPadding: spacing.small,
     itemAnalysisRowMargin: spacing.small,
@@ -23,5 +23,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _QuizAnalysisOverview, _br, _Spinner;
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,49 +11,35 @@ import { Heading } from '@instructure/ui-heading';
 import { MetricGroup } from '@instructure/ui-metric';
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx } from '@instructure/emotion';
-import FormattedDuration from "../../../common/components/shared/FormattedDuration/index.js";
+import FormattedDuration from '../../../common/components/shared/FormattedDuration';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Card from "../../../common/components/shared/Card/index.js";
-import Spinner from "../../../common/components/shared/spinner/Spinner.js";
-import CentileDistribution from "../charts/CentileDistribution/index.js";
-import MetricsListItem from "../MetricsListItem/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-
-var _ref = jsx("br", null);
-
-var _ref2 = jsx(Spinner, null);
-
-export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(QuizAnalysisOverview, _Component);
-
-  var _super = _createSuper(QuizAnalysisOverview);
-
+import Card from '../../../common/components/shared/Card';
+import Spinner from '../../../common/components/shared/spinner/Spinner';
+import CentileDistribution from '../charts/CentileDistribution';
+import MetricsListItem from '../MetricsListItem';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
   function QuizAnalysisOverview() {
     var _this;
-
     _classCallCheck(this, QuizAnalysisOverview);
-
     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 = _callSuper(this, QuizAnalysisOverview, [].concat(args));
     _this.renderBatchTimestamp = function () {
       if (_this.props.quizAnalysis.batchTimestamp) {
         var timestamp = Date.parse(_this.props.quizAnalysis.batchTimestamp);
         return jsx(Text, {
           color: "secondary",
           size: "x-small"
-        }, _ref, jsx("b", null, t('Data Last Updated:')), "\xA0", t.date(timestamp, 'medium'));
+        }, _br || (_br = jsx("br", null)), jsx("b", null, t('Data Last Updated:')), "\xA0", t.date(timestamp, 'medium'));
       }
     };
-
     return _this;
   }
-
-  _createClass(QuizAnalysisOverview, [{
+  _inherits(QuizAnalysisOverview, _Component);
+  return _createClass(QuizAnalysisOverview, [{
     key: "defaultMetrics",
     value: function defaultMetrics() {
       var quizAnalysis = this.props.quizAnalysis;
@@ -107,11 +91,11 @@ export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateCompo
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          animateDelay = _this$props.animateDelay,
-          animateDuration = _this$props.animateDuration,
-          quizAnalysis = _this$props.quizAnalysis,
-          quizTitle = _this$props.quizTitle;
-      if (!quizAnalysis.isLoaded()) return _ref2;
+        animateDelay = _this$props.animateDelay,
+        animateDuration = _this$props.animateDuration,
+        quizAnalysis = _this$props.quizAnalysis,
+        quizTitle = _this$props.quizTitle;
+      if (!quizAnalysis.isLoaded()) return _Spinner || (_Spinner = jsx(Spinner, null));
       var list = React.Children.count(this.props.children) === 0 ? this.defaultMetrics() : jsx(MetricGroup, null, this.props.children);
       return jsx(Card, {
         css: this.props.styles.root
@@ -131,20 +115,17 @@ export var QuizAnalysisOverview = (_dec = withStyle(generateStyle, generateCompo
       })), this.renderBatchTimestamp());
     }
   }]);
-
-  QuizAnalysisOverview.displayName = "QuizAnalysisOverview";
-  return QuizAnalysisOverview;
-}(Component), _class2.propTypes = {
+}(Component), _QuizAnalysisOverview.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   quizAnalysis: ImmutablePropTypes.record.isRequired,
   quizTitle: PropTypes.string.isRequired,
   children: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _QuizAnalysisOverview.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   quizTitle: '',
   children: []
-}, _temp)) || _class);
+}, _QuizAnalysisOverview)) || _class);
 export default QuizAnalysisOverview;

package/es/reporting/components/quizAnalysis/styles.js

@@ -1,8 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
-  var _metric;
-
   var tabletBreakPoint = "@media screen and (".concat(componentTheme.tabletBreakPoint, ")");
   var phoneBreakPoint = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   return {
@@ -16,12 +13,11 @@ var generateStyle = function generateStyle(componentTheme) {
     wrapper: {
       marginTop: componentTheme.wrapperMargin
     },
-    metric: (_metric = {}, _defineProperty(_metric, tabletBreakPoint, {
+    metric: _defineProperty(_defineProperty({}, tabletBreakPoint, {
       flexBasis: '33.3%'
-    }), _defineProperty(_metric, phoneBreakPoint, {
+    }), phoneBreakPoint, {
       flexBasis: '50%'
-    }), _metric)
+    })
   };
 };
-
 export default generateStyle;

package/es/reporting/components/quizAnalysis/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      colors = _ref.colors,
-      breakpoints = _ref.breakpoints;
+    typography = _ref.typography,
+    colors = _ref.colors,
+    breakpoints = _ref.breakpoints;
   return {
     rootPadding: spacing.small,
     wrapperMargin: spacing.small,
@@ -11,5 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large)
   };
 };
-
 export default generateComponentTheme;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/index.js

@@ -1,2 +1,2 @@
-import { AnalysisMetric } from "./presenter.js";
+import { AnalysisMetric } from './presenter';
 export default AnalysisMetric;

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

@@ -1,36 +1,29 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AnalysisMetric;
 /** @jsx jsx */
 import { Component } from 'react';
-import { getSanitizedMetricValue } from "../utils.js";
+import { getSanitizedMetricValue } from '../utils';
 import { Metric } from '@instructure/ui-metric';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-export var AnalysisMetric = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(AnalysisMetric, _Component);
-
-  var _super = _createSuper(AnalysisMetric);
-
+import generateStyle from './styles';
+export var AnalysisMetric = (_dec = withStyle(generateStyle, null), _dec(_class = (_AnalysisMetric = /*#__PURE__*/function (_Component) {
   function AnalysisMetric() {
     _classCallCheck(this, AnalysisMetric);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnalysisMetric, arguments);
   }
-
-  _createClass(AnalysisMetric, [{
+  _inherits(AnalysisMetric, _Component);
+  return _createClass(AnalysisMetric, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          metricKey = _this$props.metricKey,
-          label = _this$props.label,
-          value = _this$props.value,
-          suffix = _this$props.suffix;
+        metricKey = _this$props.metricKey,
+        label = _this$props.label,
+        value = _this$props.value,
+        suffix = _this$props.suffix;
       var dataAutomation = "sdk-new-ia-quiz-analysis-".concat(metricKey);
       return jsx("div", {
         "data-automation": dataAutomation,
@@ -49,16 +42,13 @@ export var AnalysisMetric = (_dec = withStyle(generateStyle, null), _dec(_class
       }));
     }
   }]);
-
-  AnalysisMetric.displayName = "AnalysisMetric";
-  return AnalysisMetric;
-}(Component), _class2.propTypes = {
+}(Component), _AnalysisMetric.propTypes = {
   metricKey: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
   value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),
   suffix: PropTypes.string,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _AnalysisMetric.defaultProps = {
   value: void 0,
   suffix: ''
-}, _temp)) || _class);
+}, _AnalysisMetric)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/styles.js

@@ -10,5 +10,4 @@ var generateStyle = function generateStyle() {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,2 +1,2 @@
-import { AnalysisPopoverMetric } from "./presenter.js";
+import { AnalysisPopoverMetric } from './presenter';
 export default AnalysisPopoverMetric;