@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

@@ -1,13 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { quizAnalysisPropType } from '../propTypes';
+import { quizAnalysisPropType } from "../propTypes.js";
 import { Text } from '@instructure/ui-text';
 import { Button } from '@instructure/ui-buttons';
 export var ExportButton = function ExportButton(_ref) {
   var quizAnalysis = _ref.quizAnalysis,
-    generationInProgress = _ref.generationInProgress,
-    handleExport = _ref.handleExport;
+      generationInProgress = _ref.generationInProgress,
+      handleExport = _ref.handleExport;
+
   var renderExportButton = function renderExportButton(enabled) {
     var interaction = enabled ? 'enabled' : 'disabled';
     var color = enabled ? 'secondary' : 'primary-inverse';
@@ -22,9 +23,11 @@ export var ExportButton = function ExportButton(_ref) {
       size: "medium"
     }, t('Export CSV')));
   };
+
   if (generationInProgress || !quizAnalysis) {
     return renderExportButton(false);
   }
+
   if (quizAnalysis) {
     return renderExportButton(true);
   }

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

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

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

@@ -1,8 +1,10 @@
 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";
-var _dec, _class, _MetricPopover, _IconInfoLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import { View } from '@instructure/ui-view';
@@ -13,30 +15,45 @@ import { Text } from '@instructure/ui-text';
 import { Popover } from '@instructure/ui-popover';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateComponentTheme from './theme';
-import generateStyle from './styles';
+import generateComponentTheme from "./theme.js";
+import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
-export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_MetricPopover = /*#__PURE__*/function (_Component) {
+
+var _ref = jsx(IconInfoLine, {
+  size: "x-small"
+});
+
+export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(MetricPopover, _Component);
+
+  var _super = _createSuper(MetricPopover);
+
   function MetricPopover() {
     var _this;
+
     _classCallCheck(this, MetricPopover);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, MetricPopover, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       isContentVisible: false
     };
+
     _this.showPopover = function () {
       _this.setState({
         isContentVisible: true
       });
     };
+
     _this.hidePopover = function () {
       _this.setState({
         isContentVisible: false
       });
     };
+
     _this.render = function () {
       return jsx(Popover, {
         renderTrigger: _this.renderPopoverTrigger(),
@@ -70,10 +87,11 @@ export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentThe
         size: "small"
       }, _this.props.body))));
     };
+
     return _this;
   }
-  _inherits(MetricPopover, _Component);
-  return _createClass(MetricPopover, [{
+
+  _createClass(MetricPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -95,19 +113,19 @@ export var MetricPopover = (_dec = withStyle(generateStyle, generateComponentThe
         withBackground: false,
         withBorder: false,
         screenReaderLabel: this.props.screenReaderLabel,
-        renderIcon: _IconInfoLine || (_IconInfoLine = jsx(IconInfoLine, {
-          size: "x-small"
-        }))
+        renderIcon: _ref
       });
     }
   }]);
-}(Component), _MetricPopover.propTypes = {
+
+  return MetricPopover;
+}(Component), _class2.propTypes = {
   screenReaderLabel: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
   body: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _MetricPopover.defaultProps = {
+}, _class2.defaultProps = {
   subtitle: ''
-}, _MetricPopover)) || _class);
+}, _temp)) || _class);

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

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

package/es/reporting/components/resources/NewQuizAndItemAnalysis/MetricPopover/theme.js

@@ -4,4 +4,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     headerPaddingBottom: spacing.medium
   };
 };
+
 export default generateComponentTheme;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/index.js

@@ -1 +1 @@
-export { BlankIcon as default } from './presenter';
+export { BlankIcon as default } from "./presenter.js";

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

@@ -1,21 +1,28 @@
 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";
-var _dec, _class, _BlankIcon;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-export var BlankIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BlankIcon = /*#__PURE__*/function (_Component) {
+export var BlankIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(BlankIcon, _Component);
+
+  var _super = _createSuper(BlankIcon);
+
   function BlankIcon() {
     _classCallCheck(this, BlankIcon);
-    return _callSuper(this, BlankIcon, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(BlankIcon, _Component);
-  return _createClass(BlankIcon, [{
+
+  _createClass(BlankIcon, [{
     key: "render",
     value: function render() {
       var number = this.props.number;
@@ -24,7 +31,10 @@ export var BlankIcon = (_dec = withStyle(generateStyle, generateComponentTheme),
       }, number);
     }
   }]);
-}(Component), _BlankIcon.propTypes = {
+
+  BlankIcon.displayName = "BlankIcon";
+  return BlankIcon;
+}(Component), _class2.propTypes = {
   number: PropTypes.number.isRequired,
   styles: PropTypes.object
-}.isRequired, _BlankIcon)) || _class);
+}.isRequired, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/styles.js

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

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/BlankIcon/theme.js

@@ -7,4 +7,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     blankHeight: '20px'
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,6 +1,7 @@
-import { connect } from '../../../../../common/react-redux';
-import { featureOn } from '../../../../../common/util/featureCheck';
-import { NewItemAnalysis as NewItemAnalysisPresenter } from './presenter';
+import { connect } from "../../../../../common/react-redux.js";
+import { featureOn } from "../../../../../common/util/featureCheck.js";
+import { NewItemAnalysis as NewItemAnalysisPresenter } from "./presenter.js";
+
 function mapStateToProps(_state) {
   return {
     afsFlags: {
@@ -19,5 +20,6 @@ function mapStateToProps(_state) {
     }
   };
 }
+
 var NewItemAnalysis = connect(mapStateToProps)(NewItemAnalysisPresenter);
 export default NewItemAnalysis;

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

@@ -1,62 +1,75 @@
 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";
-var _dec, _class, _NewItemAnalysis;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Heading } from '@instructure/ui-heading';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import PropTypes from 'prop-types';
 import { Component } from 'react';
-import generateStyle from './styles';
+import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import ExpandButton from '../../../../../common/components/shared/ExpandButton';
+import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx, css } from '@instructure/emotion';
-import generateComponentTheme from './theme';
-import { difficultyIndex, discriminationIndex, pearsonCorrelation } from './popoverContent';
-import Card from '../../../../../common/components/shared/Card';
-import AnalysisMetric from '../AnalysisMetric';
-import AnalysisPopoverMetric from '../AnalysisPopoverMetric';
-import { interactionTypesNameDictionary } from '../../../../../common/util/interactionTypeMetadata';
-import AnswerFrequencySummary from '../AnswerFrequencySummary/index';
-import { afsFlags, itemAnalysisPropType } from '../propTypes';
+import generateComponentTheme from "./theme.js";
+import { difficultyIndex, discriminationIndex, pearsonCorrelation } from "./popoverContent.js";
+import Card from "../../../../../common/components/shared/Card/index.js";
+import AnalysisMetric from "../AnalysisMetric/index.js";
+import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
+import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
+import AnswerFrequencySummary from "../AnswerFrequencySummary/index.js";
+import { afsFlags, itemAnalysisPropType } from "../propTypes.js";
 import { Flex } from '@instructure/ui-flex';
 import { RichContentRenderer } from '@instructure/quiz-rce';
-import { ensureRCEContentIsLoaded } from '../../../../../common/util/rceChecker';
+import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
 import { RICH_FILL_BLANK_SLUG } from '@instructure/quiz-common';
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
-export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
+export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NewItemAnalysis, _Component);
+
+  var _super = _createSuper(NewItemAnalysis);
+
   function NewItemAnalysis() {
     var _this;
+
     _classCallCheck(this, NewItemAnalysis);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NewItemAnalysis, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       bodyExpanded: false,
       metricsExpanded: false,
       itemCardBodyHeight: 0
     };
+
     _this.mapInteractionTypeToTranslation = function (interactionType) {
       return interactionTypesNameDictionary({
         slug: interactionType,
         name: t('Question')
       });
     };
+
     _this.handleMetricToggle = function () {
       _this.setState({
         metricsExpanded: !_this.state.metricsExpanded
       });
     };
+
     _this.handleBodyToggle = function () {
       _this.setState({
         bodyExpanded: !_this.state.bodyExpanded
       });
     };
+
     _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
       var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
       return t.rich('{score, number}<s>/{possible, number} PTS</s>', {
@@ -71,6 +84,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         possible: pointsPossible
       });
     };
+
     _this.renderTitle = function (title) {
       return jsx(Heading, {
         margin: "0 x-large small 0",
@@ -78,6 +92,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         color: "primary"
       }, title);
     };
+
     _this.renderInteractionType = function (interactionType) {
       return jsx(Text, {
         size: "medium",
@@ -85,20 +100,24 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         transform: "capitalize"
       }, _this.mapInteractionTypeToTranslation(interactionType));
     };
+
     _this.isBlank = function (element) {
       if (element.textContent) return false;
       if (!element.hasAttribute('id')) return false;
       var regex = new RegExp('^blank_.+$');
       return regex.test(element.getAttribute('id'));
     };
+
     _this.enhanceItemBody = function (itemBody) {
       var tempDoc = parser.parseFromString(itemBody, parseType);
       var errorNode = tempDoc.querySelector(parsererrorElement);
+
       if (errorNode) {
         // eslint-disable-next-line no-console
         console.error('Parsing failed: ', errorNode);
         return itemBody;
       }
+
       Array.from(tempDoc.querySelectorAll('span')).filter(function (span) {
         return _this.isBlank(span);
       }).forEach(function (span, index) {
@@ -109,6 +128,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
       });
       return tempDoc.querySelector('body').innerHTML;
     };
+
     _this.renderRichContent = function (itemBody, itemId) {
       return jsx(Flex, {
         direction: "row",
@@ -131,6 +151,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         isExpanded: _this.state.bodyExpanded
       })))));
     };
+
     _this.renderMetrics = function (scores) {
       return jsx(Flex, {
         direction: "column"
@@ -189,6 +210,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         popoverDescription: pearsonCorrelation
       }))))));
     };
+
     _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
       return jsx(Flex.Item, null, jsx("div", {
         css: _this.props.styles.hiddenWhenNotExpanded
@@ -199,17 +221,19 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         afsFlags: afsFlags
       })));
     };
+
     _this.shouldEnhanceItemBody = function () {
       var _this$props = _this.props,
-        itemAnalysis = _this$props.itemAnalysis,
-        afsFlags = _this$props.afsFlags;
+          itemAnalysis = _this$props.itemAnalysis,
+          afsFlags = _this$props.afsFlags;
       var metadata = itemAnalysis.metadata;
       return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === RICH_FILL_BLANK_SLUG && metadata.item_body;
     };
+
     return _this;
   }
-  _inherits(NewItemAnalysis, _Component);
-  return _createClass(NewItemAnalysis, [{
+
+  _createClass(NewItemAnalysis, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles({
@@ -222,6 +246,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       this.props.makeStyles({
         metricsExpanded: this.state.metricsExpanded,
         itemCardBodyHeight: this.state.itemCardBodyHeight,
@@ -235,6 +260,7 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
     key: "calculateItemCardBodyHeight",
     value: function calculateItemCardBodyHeight(id) {
       var element = document.getElementById(this.itemCardBodyId(id));
+
       if (element) {
         var height = element.clientHeight;
         this.setState({
@@ -257,12 +283,13 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
     key: "render",
     value: function render() {
       var _metadata$item_title;
+
       var _this$props2 = this.props,
-        itemAnalysis = _this$props2.itemAnalysis,
-        afsFlags = _this$props2.afsFlags;
+          itemAnalysis = _this$props2.itemAnalysis,
+          afsFlags = _this$props2.afsFlags;
       var answer_summary = itemAnalysis.answer_summary,
-        metadata = itemAnalysis.metadata,
-        scores = itemAnalysis.scores;
+          metadata = itemAnalysis.metadata,
+          scores = itemAnalysis.scores;
       var itemId = metadata.item_id;
       var interactionType = metadata.interaction_type;
       var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : t('Untitled item');
@@ -290,9 +317,12 @@ export var NewItemAnalysis = (_dec = withStyle(generateStyle, generateComponentT
       }, this.renderRichContent(itemBodyEnhanced, itemId)))), jsx(Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
     }
   }]);
-}(Component), _NewItemAnalysis.propTypes = {
+
+  NewItemAnalysis.displayName = "NewItemAnalysis";
+  return NewItemAnalysis;
+}(Component), _class2.propTypes = {
   itemAnalysis: itemAnalysisPropType,
   afsFlags: afsFlags,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _NewItemAnalysis)) || _class);
+}, _temp)) || _class);

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
 var generateStyle = function generateStyle(componentTheme, props, state) {
   var isBodyHigherThanContainer = state.itemCardBodyHeight > 48;
   return {
@@ -70,4 +71,5 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     }
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    breakpoints = _ref.breakpoints,
-    typography = _ref.typography,
-    colors = _ref.colors;
+      breakpoints = _ref.breakpoints,
+      typography = _ref.typography,
+      colors = _ref.colors;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
@@ -15,4 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     blankHeight: '20px'
   };
 };
+
 export default generateComponentTheme;

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

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

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

@@ -1,41 +1,52 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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";
-var _dec, _class, _NewQuizAnalysis;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
-import generateStyle from './styles';
+import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import ExpandButton from '../../../../../common/components/shared/ExpandButton';
+import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
 import { withStyle, jsx } from '@instructure/emotion';
-import generateComponentTheme from './theme';
-import { formatTimeToFullNumeric } from '../../../../../common/util/formatTimespan';
-import Card from '../../../../../common/components/shared/Card';
-import AnalysisPopoverMetric from '../AnalysisPopoverMetric';
-import AnalysisMetric from '../AnalysisMetric';
-import { ScoreDistribution } from '../charts/ScoreDistribution/presenter';
-import { quizAnalysisPropType } from '../propTypes';
+import generateComponentTheme from "./theme.js";
+import { formatTimeToFullNumeric } from "../../../../../common/util/formatTimespan.js";
+import Card from "../../../../../common/components/shared/Card/index.js";
+import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
+import AnalysisMetric from "../AnalysisMetric/index.js";
+import { ScoreDistribution } from "../charts/ScoreDistribution/presenter.js";
+import { quizAnalysisPropType } from "../propTypes.js";
 import PropTypes from 'prop-types';
 import { Spinner } from '@instructure/ui-spinner';
-import { cronbachsAlpha, standardDeviation } from './popoverContent';
-export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
+import { cronbachsAlpha, standardDeviation } from "./popoverContent.js";
+export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAnalysis, _Component);
+
+  var _super = _createSuper(NewQuizAnalysis);
+
   function NewQuizAnalysis() {
     var _this;
+
     _classCallCheck(this, NewQuizAnalysis);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NewQuizAnalysis, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       expanded: false
     };
+
     _this.handleToggle = function () {
       _this.setState({
         expanded: !_this.state.expanded
       });
     };
+
     _this.renderExpanded = function () {
       var scores = _this.props.quizAnalysis.scores;
       return jsx("div", {
@@ -54,10 +65,11 @@ export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         popoverDescription: cronbachsAlpha
       })));
     };
+
     _this.renderContent = function () {
       var quizAnalysis = _this.props.quizAnalysis;
       var scores = quizAnalysis.scores,
-        attempts = quizAnalysis.attempts;
+          attempts = quizAnalysis.attempts;
       var expanded = _this.state.expanded;
       return jsx(Card, {
         css: _this.props.styles.cardWrapper
@@ -101,27 +113,33 @@ export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentT
         decileDistribution: _this.getPreparedDecileDistribution()
       }));
     };
+
     return _this;
   }
-  _inherits(NewQuizAnalysis, _Component);
-  return _createClass(NewQuizAnalysis, [{
+
+  _createClass(NewQuizAnalysis, [{
     key: "getPreparedDecileDistribution",
     value: function getPreparedDecileDistribution() {
       var quizAnalysis = this.props.quizAnalysis;
       var scores = quizAnalysis.scores,
-        metadata = quizAnalysis.metadata;
+          metadata = quizAnalysis.metadata;
+
       var decileDistribution = _toConsumableArray(scores === null || scores === void 0 ? void 0 : scores.decile_distribution);
+
       if (metadata.decile_distribution && (metadata.decile_distribution.high_extreme_values_count > 0 || metadata.decile_distribution.low_extreme_values_count > 0)) {
         var _metadata$decile_dist, _metadata$decile_dist2;
+
         decileDistribution.unshift((_metadata$decile_dist = metadata.decile_distribution) === null || _metadata$decile_dist === void 0 ? void 0 : _metadata$decile_dist.low_extreme_values_count);
         decileDistribution.push((_metadata$decile_dist2 = metadata.decile_distribution) === null || _metadata$decile_dist2 === void 0 ? void 0 : _metadata$decile_dist2.high_extreme_values_count);
       }
+
       return decileDistribution;
     }
   }, {
     key: "render",
     value: function render() {
       var fetchInProgress = this.props.fetchInProgress;
+
       if (fetchInProgress) {
         return jsx(Card, {
           css: this.props.styles.skeletonCardWrapper
@@ -133,10 +151,13 @@ export var NewQuizAnalysis = (_dec = withStyle(generateStyle, generateComponentT
       }
     }
   }]);
-}(Component), _NewQuizAnalysis.propTypes = {
+
+  NewQuizAnalysis.displayName = "NewQuizAnalysis";
+  return NewQuizAnalysis;
+}(Component), _class2.propTypes = {
   quizAnalysis: quizAnalysisPropType,
   fetchInProgress: PropTypes.bool,
   styles: PropTypes.object
-}.isRequired, _NewQuizAnalysis.defaultProps = {
+}.isRequired, _class2.defaultProps = {
   quizAnalysis: {}
-}, _NewQuizAnalysis)) || _class);
+}, _temp)) || _class);

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

@@ -36,4 +36,5 @@ var generateStyle = function generateStyle(componentTheme) {
     metricGroup: metric
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/theme.js

@@ -12,4 +12,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     metricsColumnGap: '82px'
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,4 +1,4 @@
-import { NewQuizAndItemAnalysisReportCardPresenter } from './presenter';
-import withAnalysisState from '../withAnalysisState';
+import { NewQuizAndItemAnalysisReportCardPresenter } from "./presenter.js";
+import withAnalysisState from "../withAnalysisState.js";
 export var NewQuizAndItemAnalysisReportCard = withAnalysisState(NewQuizAndItemAnalysisReportCardPresenter);
 export default NewQuizAndItemAnalysisReportCard;