@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,98 +1,112 @@
 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, _NewItemAnalysis;
+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 { 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.js";
+import generateStyle from './styles';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
+import ExpandButton from '../../../../../common/components/shared/ExpandButton';
 import { Text } from '@instructure/ui-text';
 import { jsx, css } from '@instructure/emotion';
-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 "../../common/propTypes.js";
+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 '../../common/propTypes';
 import { RichContentRenderer } from '@instructure/quiz-rce';
-import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
+import { ensureRCEContentIsLoaded } from '../../../../../common/util/rceChecker';
 import { Flex, RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
 export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
-  _inherits(NewItemAnalysis, _Component);
-  var _super = _createSuper(NewItemAnalysis);
   function NewItemAnalysis() {
-    var _this;
+    var _this2;
     _classCallCheck(this, NewItemAnalysis);
     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.state = {
+    _this2 = _callSuper(this, NewItemAnalysis, [].concat(args));
+    _defineProperty(_this2, "state", {
       bodyExpanded: false,
       metricsExpanded: false,
       itemCardBodyHeight: 0
-    };
-    _this.mapInteractionTypeToTranslation = function (interactionType) {
+    });
+    _defineProperty(_this2, "mapInteractionTypeToTranslation", function (interactionType) {
       return interactionTypesNameDictionary({
         slug: interactionType,
         name: t('Question')
       });
-    };
-    _this.handleMetricToggle = function () {
-      _this.setState({
-        metricsExpanded: !_this.state.metricsExpanded
+    });
+    _defineProperty(_this2, "handleMetricToggle", function () {
+      _this2.setState({
+        metricsExpanded: !_this2.state.metricsExpanded
       });
-    };
-    _this.handleBodyToggle = function () {
-      _this.setState({
-        bodyExpanded: !_this.state.bodyExpanded
+    });
+    _defineProperty(_this2, "handleBodyToggle", function () {
+      _this2.setState({
+        bodyExpanded: !_this2.state.bodyExpanded
       });
-    };
-    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
-      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+    });
+    _defineProperty(_this2, "calculateValueWithPointsPossible", function (metricKey, metricValue) {
+      var pointsPossible = _this2.props.itemAnalysis.scores.points_possible;
       return t.rich('{score, number}<s>/{possible, number} PTS</s>', {
         s: function s(_ref) {
           var children = _ref.children;
           return jsx("span", {
             key: metricKey,
-            css: _this.props.styles.metricNumberContext
+            css: _this2.props.styles.metricNumberContext
           }, children);
         },
         score: metricValue,
         possible: pointsPossible
       });
-    };
-    _this.renderTitle = function (title) {
+    });
+    _defineProperty(_this2, "renderTitle", function (title) {
       return jsx(Heading, {
         margin: "0 x-large small 0",
         level: "h3",
         color: "primary"
       }, title);
-    };
-    _this.renderInteractionType = function (interactionType) {
+    });
+    _defineProperty(_this2, "renderInteractionType", function (interactionType) {
       return jsx(Text, {
         size: "medium",
         weight: "bold",
         transform: "capitalize"
-      }, _this.mapInteractionTypeToTranslation(interactionType));
-    };
-    _this.isBlank = function (element) {
+      }, _this2.mapInteractionTypeToTranslation(interactionType));
+    });
+    _defineProperty(_this2, "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) {
+    });
+    _defineProperty(_this2, "enhanceItemBody", function (itemBody) {
       var tempDoc = parser.parseFromString(itemBody, parseType);
       var errorNode = tempDoc.querySelector(parsererrorElement);
       if (errorNode) {
@@ -100,16 +114,16 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         return itemBody;
       }
       Array.from(tempDoc.querySelectorAll('span')).filter(function (span) {
-        return _this.isBlank(span);
+        return _this2.isBlank(span);
       }).forEach(function (span, index) {
         var newSpan = span.cloneNode();
-        newSpan.setAttribute('style', css(_this.props.styles.blankSpace).styles);
+        newSpan.setAttribute('style', css(_this2.props.styles.blankSpace).styles);
         newSpan.innerHTML = "".concat(index + 1);
         span.replaceWith(newSpan);
       });
       return tempDoc.querySelector('body').innerHTML;
-    };
-    _this.renderRichContent = function (itemBody, itemId) {
+    });
+    _defineProperty(_this2, "renderRichContent", function (itemBody, itemId) {
       return jsx(Flex, {
         direction: "row",
         alignItems: "start"
@@ -117,21 +131,21 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         shouldShrink: true,
         shouldGrow: true
       }, jsx("div", {
-        id: _this.itemCardBodyId(itemId),
-        css: _this.props.styles.itemBody
+        id: _this2.itemCardBodyId(itemId),
+        css: _this2.props.styles.itemBody
       }, jsx(RichContentRenderer, {
         content: itemBody
       }))), jsx(Flex.Item, {
         margin: "none none none x-small"
       }, jsx("div", {
-        css: _this.props.styles.itemBodyToggleButtonWrapper
-      }, _this.isBodyHigherThanContainer() && jsx(PresentationContent, null, jsx(ExpandButton, {
-        onClick: _this.handleBodyToggle,
-        title: _this.state.bodyExpanded ? t('collapse question stem') : t('expand question stem'),
-        isExpanded: _this.state.bodyExpanded
+        css: _this2.props.styles.itemBodyToggleButtonWrapper
+      }, _this2.isBodyHigherThanContainer() && jsx(PresentationContent, null, jsx(ExpandButton, {
+        onClick: _this2.handleBodyToggle,
+        title: _this2.state.bodyExpanded ? t('collapse question stem') : t('expand question stem'),
+        isExpanded: _this2.state.bodyExpanded
       })))));
-    };
-    _this.renderMetrics = function (scores) {
+    });
+    _defineProperty(_this2, "renderMetrics", function (scores) {
       return jsx(Flex, {
         direction: "column"
       }, jsx(Flex.Item, {
@@ -153,13 +167,13 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
       }, jsx(AnalysisMetric, {
         metricKey: "mean",
         label: t('Mean Earned Points'),
-        value: _this.calculateValueWithPointsPossible('mean', scores.mean)
+        value: _this2.calculateValueWithPointsPossible('mean', scores.mean)
       })), jsx(Flex.Item, {
         margin: "none medium none none"
       }, jsx(AnalysisMetric, {
         metricKey: "median",
         label: t('Median Earned Points'),
-        value: _this.calculateValueWithPointsPossible('median', scores.median)
+        value: _this2.calculateValueWithPointsPossible('median', scores.median)
       })), jsx(Flex.Item, {
         margin: "none large none none"
       }, jsx(AnalysisPopoverMetric, {
@@ -168,18 +182,18 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         value: scores.discrimination_index,
         popoverDescription: discriminationIndex
       })))), jsx(Flex.Item, null, jsx("div", {
-        css: _this.props.styles.itemCardToggleButtonWrapper
+        css: _this2.props.styles.itemCardToggleButtonWrapper
       }, jsx(ExpandButton, {
-        onClick: _this.handleMetricToggle,
-        title: _this.state.metricsExpanded ? t('collapse item card') : t('expand item card'),
-        isExpanded: _this.state.metricsExpanded
+        onClick: _this2.handleMetricToggle,
+        title: _this2.state.metricsExpanded ? t('collapse item card') : t('expand item card'),
+        isExpanded: _this2.state.metricsExpanded
       }))), jsx(Flex.Item, {
         overflowY: "visible",
         margin: "medium none none none"
       }, jsx("div", {
-        css: _this.props.styles.hiddenWhenNotExpanded
+        css: _this2.props.styles.hiddenWhenNotExpanded
       }, jsx("div", {
-        css: _this.props.styles.metricsContainer
+        css: _this2.props.styles.metricsContainer
       }, jsx(Flex.Item, {
         margin: "none medium none none"
       }, jsx(AnalysisPopoverMetric, {
@@ -188,27 +202,28 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         value: scores.pearson_correlation,
         popoverDescription: pearsonCorrelation
       }))))));
-    };
-    _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
+    });
+    _defineProperty(_this2, "renderAnswerSummaryTable", function (itemId, answer_summary, interactionType, afsFlags) {
       return jsx(Flex.Item, null, jsx("div", {
-        css: _this.props.styles.hiddenWhenNotExpanded
+        css: _this2.props.styles.hiddenWhenNotExpanded
       }, jsx(AnswerFrequencySummary, {
         itemId: itemId,
         answerSummary: answer_summary,
         interactionType: interactionType,
         afsFlags: afsFlags
       })));
-    };
-    _this.shouldEnhanceItemBody = function () {
-      var _this$props = _this.props,
-        itemAnalysis = _this$props.itemAnalysis,
-        afsFlags = _this$props.afsFlags;
+    });
+    _defineProperty(_this2, "shouldEnhanceItemBody", function () {
+      var _this2$props = _this2.props,
+        itemAnalysis = _this2$props.itemAnalysis,
+        afsFlags = _this2$props.afsFlags;
       var metadata = itemAnalysis.metadata;
       return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === RICH_FILL_BLANK_SLUG && metadata.item_body;
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(NewItemAnalysis, [{
+  _inherits(NewItemAnalysis, _Component);
+  return _createClass(NewItemAnalysis, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles({
@@ -220,14 +235,14 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       this.props.makeStyles({
         metricsExpanded: this.state.metricsExpanded,
         itemCardBodyHeight: this.state.itemCardBodyHeight,
         bodyExpanded: this.state.bodyExpanded
       });
       ensureRCEContentIsLoaded().then(function () {
-        return _this2.calculateItemCardBodyHeight(_this2.props.itemAnalysis.metadata.item_id);
+        return _this3.calculateItemCardBodyHeight(_this3.props.itemAnalysis.metadata.item_id);
       });
     }
   }, {
@@ -256,9 +271,9 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
     key: "render",
     value: function render() {
       var _metadata$item_title;
-      var _this$props2 = this.props,
-        itemAnalysis = _this$props2.itemAnalysis,
-        afsFlags = _this$props2.afsFlags;
+      var _this$props = this.props,
+        itemAnalysis = _this$props.itemAnalysis,
+        afsFlags = _this$props.afsFlags;
       var answer_summary = itemAnalysis.answer_summary,
         metadata = itemAnalysis.metadata,
         scores = itemAnalysis.scores;
@@ -285,15 +300,13 @@ export var NewItemAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         shouldShrink: true,
         padding: "small xx-small none none",
         overflowY: "hidden",
-        size: !this.state.bodyExpanded ? '60px' : void 0
+        size: !this.state.bodyExpanded ? '60px' : undefined
       }, this.renderRichContent(itemBodyEnhanced, itemId)))), jsx(Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
     }
   }]);
-  NewItemAnalysis.displayName = "NewItemAnalysis";
-  return NewItemAnalysis;
-}(Component), _NewItemAnalysis.displayName = 'NewItemAnalysis', _NewItemAnalysis.componentId = "Quizzes".concat(_NewItemAnalysis.displayName), _NewItemAnalysis.propTypes = {
+}(Component), _defineProperty(_NewItemAnalysis, "displayName", 'NewItemAnalysis'), _defineProperty(_NewItemAnalysis, "componentId", "Quizzes".concat(_NewItemAnalysis.displayName)), _defineProperty(_NewItemAnalysis, "propTypes", {
   itemAnalysis: itemAnalysisPropType,
   afsFlags: afsFlags,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _NewItemAnalysis)) || _class);
+}), _NewItemAnalysis)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/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, state) {
   var isBodyHigherThanContainer = state.itemCardBodyHeight > 48;
   return {

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

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     viewPaddingRight: spacing.xxSmall,
     metricNumberContextFontSize: typography.fontSizeMedium,
     metricNumberContextFontWeight: typography.fontWeightNormal,
-    blankBorderColor: colors.tiara,
+    blankBorderColor: colors.contrasts.grey1214,
     blankBorderRadius: '14px',
     blankMinWidth: '20px',
     blankHeight: '20px'

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

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

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

@@ -1,50 +1,64 @@
 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 _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, _NewQuizAnalysis;
+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 generateStyle from "./styles.js";
+import generateStyle from './styles';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
+import ExpandButton from '../../../../../common/components/shared/ExpandButton';
 import { jsx } from '@instructure/emotion';
-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 "../../common/propTypes.js";
+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 '../../common/propTypes';
 import PropTypes from 'prop-types';
 import { Spinner } from '@instructure/ui-spinner';
-import { cronbachsAlpha, standardDeviation } from "./popoverContent.js";
+import { cronbachsAlpha, standardDeviation } from './popoverContent';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
-  _inherits(NewQuizAnalysis, _Component);
-  var _super = _createSuper(NewQuizAnalysis);
   function NewQuizAnalysis() {
-    var _this;
+    var _this2;
     _classCallCheck(this, NewQuizAnalysis);
     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.state = {
+    _this2 = _callSuper(this, NewQuizAnalysis, [].concat(args));
+    _defineProperty(_this2, "state", {
       expanded: false
-    };
-    _this.handleToggle = function () {
-      _this.setState({
-        expanded: !_this.state.expanded
+    });
+    _defineProperty(_this2, "handleToggle", function () {
+      _this2.setState({
+        expanded: !_this2.state.expanded
       });
-    };
-    _this.renderExpanded = function () {
-      var scores = _this.props.quizAnalysis.scores;
+    });
+    _defineProperty(_this2, "renderExpanded", function () {
+      var scores = _this2.props.quizAnalysis.scores;
       return jsx("div", {
-        css: _this.props.styles.container
+        css: _this2.props.styles.container
       }, jsx("div", {
-        css: _this.props.styles.metricGroup
+        css: _this2.props.styles.metricGroup
       }, jsx(AnalysisPopoverMetric, {
         metricKey: "stddev",
         value: scores === null || scores === void 0 ? void 0 : scores.stddev,
@@ -56,18 +70,18 @@ export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         label: t("Cronbach's Alpha"),
         popoverDescription: cronbachsAlpha
       })));
-    };
-    _this.renderContent = function () {
-      var quizAnalysis = _this.props.quizAnalysis;
+    });
+    _defineProperty(_this2, "renderContent", function () {
+      var quizAnalysis = _this2.props.quizAnalysis;
       var scores = quizAnalysis.scores,
         attempts = quizAnalysis.attempts;
-      var expanded = _this.state.expanded;
+      var expanded = _this2.state.expanded;
       return jsx(Card, {
-        css: _this.props.styles.cardWrapper
+        css: _this2.props.styles.cardWrapper
       }, jsx("div", {
-        css: _this.props.styles.metricGroup
+        css: _this2.props.styles.metricGroup
       }, jsx("div", {
-        css: _this.props.styles.metricsWrapper
+        css: _this2.props.styles.metricsWrapper
       }, jsx(AnalysisMetric, {
         metricKey: "highscore",
         label: t('High Score'),
@@ -84,7 +98,7 @@ export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         value: scores === null || scores === void 0 ? void 0 : scores.mean_percentage,
         suffix: "%"
       })), jsx("div", {
-        css: _this.props.styles.metricsWrapper
+        css: _this2.props.styles.metricsWrapper
       }, jsx(AnalysisMetric, {
         metricKey: "median_percentage",
         label: t('Median Score'),
@@ -95,18 +109,19 @@ export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
         label: t('Mean Elapsed Time'),
         value: formatTimeToFullNumeric(attempts === null || attempts === void 0 ? void 0 : attempts.mean_elapsed_sec)
       })), jsx("div", {
-        css: _this.props.styles.expandButtonContainer
+        css: _this2.props.styles.expandButtonContainer
       }, jsx(ExpandButton, {
-        onClick: _this.handleToggle,
+        onClick: _this2.handleToggle,
         title: expanded ? t('collapse quiz analysis') : t('expand quiz analysis'),
         isExpanded: expanded
-      }))), expanded && _this.renderExpanded(), jsx(ScoreDistribution, {
-        decileDistribution: _this.getPreparedDecileDistribution()
+      }))), expanded && _this2.renderExpanded(), jsx(ScoreDistribution, {
+        decileDistribution: _this2.getPreparedDecileDistribution()
       }));
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(NewQuizAnalysis, [{
+  _inherits(NewQuizAnalysis, _Component);
+  return _createClass(NewQuizAnalysis, [{
     key: "getPreparedDecileDistribution",
     value: function getPreparedDecileDistribution() {
       var quizAnalysis = this.props.quizAnalysis;
@@ -135,12 +150,10 @@ export var NewQuizAnalysis = (_dec = withStyleOverrides(generateStyle, generateC
       }
     }
   }]);
-  NewQuizAnalysis.displayName = "NewQuizAnalysis";
-  return NewQuizAnalysis;
-}(Component), _NewQuizAnalysis.displayName = 'NewQuizAnalysis', _NewQuizAnalysis.componentId = "Quizzes".concat(_NewQuizAnalysis.displayName), _NewQuizAnalysis.propTypes = {
+}(Component), _defineProperty(_NewQuizAnalysis, "displayName", 'NewQuizAnalysis'), _defineProperty(_NewQuizAnalysis, "componentId", "Quizzes".concat(_NewQuizAnalysis.displayName)), _defineProperty(_NewQuizAnalysis, "propTypes", {
   quizAnalysis: quizAnalysisPropType,
   fetchInProgress: PropTypes.bool,
   styles: PropTypes.object
-}.isRequired, _NewQuizAnalysis.defaultProps = {
+}.isRequired), _defineProperty(_NewQuizAnalysis, "defaultProps", {
   quizAnalysis: {}
-}, _NewQuizAnalysis)) || _class);
+}), _NewQuizAnalysis)) || _class);

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

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