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

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

@@ -1,69 +1,107 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NewItemAnalysis = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = require("react");
-var _styles = _interopRequireDefault(require("./styles"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _ExpandButton = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton"));
+
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton/index.js"));
+
 var _uiText = require("@instructure/ui-text");
+
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme"));
-var _popoverContent = require("./popoverContent");
-var _Card = _interopRequireDefault(require("../../../../../common/components/shared/Card"));
-var _AnalysisMetric = _interopRequireDefault(require("../AnalysisMetric"));
-var _AnalysisPopoverMetric = _interopRequireDefault(require("../AnalysisPopoverMetric"));
-var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata");
-var _index = _interopRequireDefault(require("../AnswerFrequencySummary/index"));
-var _propTypes2 = require("../propTypes");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _popoverContent = require("./popoverContent.js");
+
+var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
+
+var _index3 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
+
+var _index4 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
+
+var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
+
+var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
+
+var _propTypes2 = require("../propTypes.js");
+
 var _uiFlex = require("@instructure/ui-flex");
+
 var _quizRce = require("@instructure/quiz-rce");
-var _rceChecker = require("../../../../../common/util/rceChecker");
+
+var _rceChecker = require("../../../../../common/util/rceChecker.js");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _dec, _class, _NewItemAnalysis;
-/** @jsx jsx */
+
+var _dec, _class, _class2, _temp;
+
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
-var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
+var NewItemAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NewItemAnalysis, _Component);
+
+  var _super = (0, _createSuper2.default)(NewItemAnalysis);
+
   function NewItemAnalysis() {
     var _this;
+
     (0, _classCallCheck2.default)(this, NewItemAnalysis);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(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 (0, _interactionTypeMetadata.interactionTypesNameDictionary)({
         slug: interactionType,
         name: (0, _formatMessage.default)('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 _formatMessage.default.rich('{score, number}<s>/{possible, number} PTS</s>', {
@@ -78,6 +116,7 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         possible: pointsPossible
       });
     };
+
     _this.renderTitle = function (title) {
       return (0, _emotion.jsx)(_uiHeading.Heading, {
         margin: "0 x-large small 0",
@@ -85,6 +124,7 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         color: "primary"
       }, title);
     };
+
     _this.renderInteractionType = function (interactionType) {
       return (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
@@ -92,20 +132,24 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         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) {
@@ -116,6 +160,7 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
       });
       return tempDoc.querySelector('body').innerHTML;
     };
+
     _this.renderRichContent = function (itemBody, itemId) {
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row",
@@ -132,12 +177,13 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         margin: "none none none x-small"
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.itemBodyToggleButtonWrapper
-      }, _this.isBodyHigherThanContainer() && (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_ExpandButton.default, {
+      }, _this.isBodyHigherThanContainer() && (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_index.default, {
         onClick: _this.handleBodyToggle,
         title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse question stem') : (0, _formatMessage.default)('expand question stem'),
         isExpanded: _this.state.bodyExpanded
       })))));
     };
+
     _this.renderMetrics = function (scores) {
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "column"
@@ -150,33 +196,33 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         gap: "medium"
       }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_AnalysisPopoverMetric.default, {
+      }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "difficulty_index",
         label: (0, _formatMessage.default)('Item Difficulty'),
         value: scores.difficulty_index,
         popoverDescription: _popoverContent.difficultyIndex
       })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         metricKey: "mean",
         label: (0, _formatMessage.default)('Mean Earned Points'),
         value: _this.calculateValueWithPointsPossible('mean', scores.mean)
       })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         metricKey: "median",
         label: (0, _formatMessage.default)('Median Earned Points'),
         value: _this.calculateValueWithPointsPossible('median', scores.median)
       })), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none large none none"
-      }, (0, _emotion.jsx)(_AnalysisPopoverMetric.default, {
+      }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "discrimination_index",
         label: (0, _formatMessage.default)('Discrimination Index'),
         value: scores.discrimination_index,
         popoverDescription: _popoverContent.discriminationIndex
       })))), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.itemCardToggleButtonWrapper
-      }, (0, _emotion.jsx)(_ExpandButton.default, {
+      }, (0, _emotion.jsx)(_index.default, {
         onClick: _this.handleMetricToggle,
         title: _this.state.metricsExpanded ? (0, _formatMessage.default)('collapse item card') : (0, _formatMessage.default)('expand item card'),
         isExpanded: _this.state.metricsExpanded
@@ -189,34 +235,37 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
         css: _this.props.styles.metricsContainer
       }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_AnalysisPopoverMetric.default, {
+      }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "pearson_correlation",
         label: (0, _formatMessage.default)('Corrected Item-Total Correlation Coefficient'),
         value: scores.pearson_correlation,
         popoverDescription: _popoverContent.pearsonCorrelation
       }))))));
     };
+
     _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
       return (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
         css: _this.props.styles.hiddenWhenNotExpanded
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_index5.default, {
         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;
+          itemAnalysis = _this$props.itemAnalysis,
+          afsFlags = _this$props.afsFlags;
       var metadata = itemAnalysis.metadata;
       return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === _quizCommon.RICH_FILL_BLANK_SLUG && metadata.item_body;
     };
+
     return _this;
   }
-  (0, _inherits2.default)(NewItemAnalysis, _Component);
-  return (0, _createClass2.default)(NewItemAnalysis, [{
+
+  (0, _createClass2.default)(NewItemAnalysis, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles({
@@ -229,6 +278,7 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       this.props.makeStyles({
         metricsExpanded: this.state.metricsExpanded,
         itemCardBodyHeight: this.state.itemCardBodyHeight,
@@ -242,6 +292,7 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
     key: "calculateItemCardBodyHeight",
     value: function calculateItemCardBodyHeight(id) {
       var element = document.getElementById(this.itemCardBodyId(id));
+
       if (element) {
         var height = element.clientHeight;
         this.setState({
@@ -264,17 +315,18 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
     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 : (0, _formatMessage.default)('Untitled item');
       var itemBodyEnhanced = this.shouldEnhanceItemBody() ? this.enhanceItemBody(metadata.item_body) : metadata.item_body;
-      return (0, _emotion.jsx)(_Card.default, {
+      return (0, _emotion.jsx)(_index2.default, {
         css: this.props.styles.cardWrapper
       }, (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "column"
@@ -297,9 +349,12 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _emotion.withStyle)(
       }, this.renderRichContent(itemBodyEnhanced, itemId)))), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
     }
   }]);
-}(_react.Component), _NewItemAnalysis.propTypes = {
+  NewItemAnalysis.displayName = "NewItemAnalysis";
+  return NewItemAnalysis;
+}(_react.Component), _class2.propTypes = {
   itemAnalysis: _propTypes2.itemAnalysisPropType,
   afsFlags: _propTypes2.afsFlags,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _NewItemAnalysis)) || _class);
+}, _temp)) || _class);
+exports.NewItemAnalysis = NewItemAnalysis;

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

@@ -1,11 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var generateStyle = function generateStyle(componentTheme, props, state) {
   var isBodyHigherThanContainer = state.itemCardBodyHeight > 48;
   return {
@@ -77,4 +80,6 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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,
@@ -21,4 +22,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     blankHeight: '20px'
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -4,5 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _presenter = require("./presenter");
-var _default = exports.default = _presenter.NewQuizAnalysis;
+
+var _presenter = require("./presenter.js");
+
+var _default = _presenter.NewQuizAnalysis;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/popoverContent.js

@@ -1,18 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.standardDeviation = exports.cronbachsAlpha = void 0;
+exports.cronbachsAlpha = exports.standardDeviation = void 0;
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var standardDeviation = exports.standardDeviation = {
+
+var standardDeviation = {
   title: (0, _formatMessage.default)('Standard Deviation'),
   body: (0, _formatMessage.default)('Standard deviation is a measure of the average absolute deviation of scores around the mean. A low standard deviation indicates, on average, the scores tend to be close to the mean of the set. A high value indicates, on average, scores vary widely from the mean of the data set.'),
   screenReaderLabel: (0, _formatMessage.default)('Standard deviation tooltip')
 };
-var cronbachsAlpha = exports.cronbachsAlpha = {
+exports.standardDeviation = standardDeviation;
+var cronbachsAlpha = {
   title: (0, _formatMessage.default)('Cronbach\'s Alpha'),
   body: (0, _formatMessage.default)('Cronbach\'s alpha is an internal consistency measure that estimates the reliability of a quiz. Values range from 0 to 1, with higher values indicating greater reliability.'),
   screenReaderLabel: (0, _formatMessage.default)('Cronbach\'s alpha tooltip')
-};
+};
+exports.cronbachsAlpha = cronbachsAlpha;

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

@@ -1,106 +1,138 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NewQuizAnalysis = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
-var _styles = _interopRequireDefault(require("./styles"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _ExpandButton = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton"));
+
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton/index.js"));
+
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme"));
-var _formatTimespan = require("../../../../../common/util/formatTimespan");
-var _Card = _interopRequireDefault(require("../../../../../common/components/shared/Card"));
-var _AnalysisPopoverMetric = _interopRequireDefault(require("../AnalysisPopoverMetric"));
-var _AnalysisMetric = _interopRequireDefault(require("../AnalysisMetric"));
-var _presenter = require("../charts/ScoreDistribution/presenter");
-var _propTypes = require("../propTypes");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _formatTimespan = require("../../../../../common/util/formatTimespan.js");
+
+var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
+
+var _index3 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
+
+var _index4 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
+
+var _presenter = require("../charts/ScoreDistribution/presenter.js");
+
+var _propTypes = require("../propTypes.js");
+
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
+
 var _uiSpinner = require("@instructure/ui-spinner");
-var _popoverContent = require("./popoverContent");
-var _dec, _class, _NewQuizAnalysis;
-/** @jsx jsx */
-var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
+
+var _popoverContent = require("./popoverContent.js");
+
+var _dec, _class, _class2, _temp;
+
+var NewQuizAnalysis = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NewQuizAnalysis, _Component);
+
+  var _super = (0, _createSuper2.default)(NewQuizAnalysis);
+
   function NewQuizAnalysis() {
     var _this;
+
     (0, _classCallCheck2.default)(this, NewQuizAnalysis);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(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 (0, _emotion.jsx)("div", {
         css: _this.props.styles.container
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.metricGroup
-      }, (0, _emotion.jsx)(_AnalysisPopoverMetric.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         metricKey: "stddev",
         value: scores === null || scores === void 0 ? void 0 : scores.stddev,
         label: (0, _formatMessage.default)('Standard Deviation'),
         popoverDescription: _popoverContent.standardDeviation
-      }), (0, _emotion.jsx)(_AnalysisPopoverMetric.default, {
+      }), (0, _emotion.jsx)(_index3.default, {
         metricKey: "cronbachs_alpha",
         value: scores === null || scores === void 0 ? void 0 : scores.cronbachs_alpha,
         label: (0, _formatMessage.default)('Cronbach\'s Alpha'),
         popoverDescription: _popoverContent.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 (0, _emotion.jsx)(_Card.default, {
+      return (0, _emotion.jsx)(_index2.default, {
         css: _this.props.styles.cardWrapper
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.metricGroup
       }, (0, _emotion.jsx)("div", {
         css: _this.props.styles.metricsWrapper
-      }, (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "highscore",
         label: (0, _formatMessage.default)('High Score'),
         value: scores === null || scores === void 0 ? void 0 : scores.max_percentage,
         suffix: "%"
-      }), (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         metricKey: "lowscore",
         label: (0, _formatMessage.default)('Low Score'),
         value: scores === null || scores === void 0 ? void 0 : scores.min_percentage,
         suffix: "%"
-      }), (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         metricKey: "meanscore",
         label: (0, _formatMessage.default)('Mean Score'),
         value: scores === null || scores === void 0 ? void 0 : scores.mean_percentage,
         suffix: "%"
       })), (0, _emotion.jsx)("div", {
         css: _this.props.styles.metricsWrapper
-      }, (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }, (0, _emotion.jsx)(_index4.default, {
         metricKey: "median_percentage",
         label: (0, _formatMessage.default)('Median Score'),
         value: scores === null || scores === void 0 ? void 0 : scores.median_percentage,
         suffix: "%"
-      }), (0, _emotion.jsx)(_AnalysisMetric.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         metricKey: "mean_elapsed_sec",
         label: (0, _formatMessage.default)('Mean Elapsed Time'),
         value: (0, _formatTimespan.formatTimeToFullNumeric)(attempts === null || attempts === void 0 ? void 0 : attempts.mean_elapsed_sec)
       })), (0, _emotion.jsx)("div", {
         css: _this.props.styles.expandButtonContainer
-      }, (0, _emotion.jsx)(_ExpandButton.default, {
+      }, (0, _emotion.jsx)(_index.default, {
         onClick: _this.handleToggle,
         title: expanded ? (0, _formatMessage.default)('collapse quiz analysis') : (0, _formatMessage.default)('expand quiz analysis'),
         isExpanded: expanded
@@ -108,29 +140,34 @@ var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _emotion.withStyle)(
         decileDistribution: _this.getPreparedDecileDistribution()
       }));
     };
+
     return _this;
   }
-  (0, _inherits2.default)(NewQuizAnalysis, _Component);
-  return (0, _createClass2.default)(NewQuizAnalysis, [{
+
+  (0, _createClass2.default)(NewQuizAnalysis, [{
     key: "getPreparedDecileDistribution",
     value: function getPreparedDecileDistribution() {
       var quizAnalysis = this.props.quizAnalysis;
       var scores = quizAnalysis.scores,
-        metadata = quizAnalysis.metadata;
+          metadata = quizAnalysis.metadata;
       var decileDistribution = (0, _toConsumableArray2.default)(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 (0, _emotion.jsx)(_Card.default, {
+        return (0, _emotion.jsx)(_index2.default, {
           css: this.props.styles.skeletonCardWrapper
         }, (0, _emotion.jsx)(_uiSpinner.Spinner, {
           renderTitle: (0, _formatMessage.default)('Loading quiz analysis data')
@@ -140,10 +177,13 @@ var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _emotion.withStyle)(
       }
     }
   }]);
-}(_react.Component), _NewQuizAnalysis.propTypes = {
+  NewQuizAnalysis.displayName = "NewQuizAnalysis";
+  return NewQuizAnalysis;
+}(_react.Component), _class2.propTypes = {
   quizAnalysis: _propTypes.quizAnalysisPropType,
   fetchInProgress: _propTypes2.default.bool,
   styles: _propTypes2.default.object
-}.isRequired, _NewQuizAnalysis.defaultProps = {
+}.isRequired, _class2.defaultProps = {
   quizAnalysis: {}
-}, _NewQuizAnalysis)) || _class);
+}, _temp)) || _class);
+exports.NewQuizAnalysis = NewQuizAnalysis;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   var metric = {
     flexWrap: 'wrap',
@@ -42,4 +43,6 @@ var generateStyle = function generateStyle(componentTheme) {
     metricGroup: metric
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;