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

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

@@ -1,17 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapDispatchToProps = exports.default = void 0;
+exports.default = exports.mapDispatchToProps = void 0;
+
 var _redux = require("redux");
-var _reactRedux = require("../../../../common/react-redux");
-var _alerts = require("../../../../common/actions/alerts");
-var _presenter = _interopRequireDefault(require("./presenter"));
-var mapDispatchToProps = exports.mapDispatchToProps = function mapDispatchToProps(dispatch) {
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _alerts = require("../../../../common/actions/alerts.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     screenreaderNotification: (0, _redux.bindActionCreators)(_alerts.screenreaderNotification, dispatch)
   };
 };
-var _default = exports.default = (0, _reactRedux.connect)(null, mapDispatchToProps)(_presenter.default);
+
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var _default = (0, _reactRedux.connect)(null, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;

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

@@ -1,71 +1,112 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ItemAnalysisRow = 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 _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _OutcomeList = _interopRequireDefault(require("@instructure/outcomes-ui/es/containers/OutcomeList"));
+
 var _uiMetric = require("@instructure/ui-metric");
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _emotion = require("@instructure/emotion");
+
 var _quizRce = require("@instructure/quiz-rce");
-var _Card = _interopRequireDefault(require("../../../../common/components/shared/Card"));
-var _ExpandButton = _interopRequireDefault(require("../../../../common/components/shared/ExpandButton"));
-var _Spinner2 = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner"));
-var _AnswerFrequencySummary = _interopRequireDefault(require("../AnswerFrequencySummary"));
-var _QuintileDistribution = _interopRequireDefault(require("../../charts/QuintileDistribution"));
-var _Legend = _interopRequireDefault(require("../../charts/Legend"));
-var _Caption = _interopRequireDefault(require("../../Caption"));
-var _MetricsListItem = _interopRequireDefault(require("../../MetricsListItem"));
+
+var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../common/components/shared/ExpandButton/index.js"));
+
+var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
+
+var _index3 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
+
+var _index4 = _interopRequireDefault(require("../../charts/QuintileDistribution/index.js"));
+
+var _index5 = _interopRequireDefault(require("../../charts/Legend/index.js"));
+
+var _index6 = _interopRequireDefault(require("../../Caption/index.js"));
+
+var _index7 = _interopRequireDefault(require("../../MetricsListItem/index.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _ItemAnalysisRow, _Spinner;
-/** @jsx jsx */
-var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
+
+var ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+  (0, _inherits2.default)(ItemAnalysisRow, _withI18nSupport);
+
+  var _super = (0, _createSuper2.default)(ItemAnalysisRow);
+
   function ItemAnalysisRow() {
     var _this;
+
     (0, _classCallCheck2.default)(this, ItemAnalysisRow);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, ItemAnalysisRow, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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 = (0, _formatMessage.default)("{\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;
   }
-  (0, _inherits2.default)(ItemAnalysisRow, _withI18nSupport);
-  return (0, _createClass2.default)(ItemAnalysisRow, [{
+
+  (0, _createClass2.default)(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 = (0, _formatMessage.default)("{\n      expanded, select,\n      false {Expand question {position, number} details}\n      other {Collapse question {position, number} details}\n    }", {
         position: position,
         expanded: expanded
       });
-      return (0, _emotion.jsx)(_ExpandButton.default, {
+      return (0, _emotion.jsx)(_index2.default, {
         onClick: this.toggleExpanded,
         title: title,
         isExpanded: expanded,
@@ -104,6 +145,7 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
     key: "defaultMetricsList",
     value: function defaultMetricsList() {
       var _this2 = this;
+
       var mean = _formatMessage.default.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
@@ -115,25 +157,26 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
         score: this.props.itemAnalysis.meanScore(this.locale) || 0,
         possible: this.props.itemAnalysis.pointsPossible
       });
-      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_MetricsListItem.default, {
+
+      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_index7.default, {
         key: "difficultyIndex",
         renderLabel: (0, _formatMessage.default)('Difficulty Index'),
         renderValue: this.props.itemAnalysis.difficultyIndex(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index7.default, {
         key: "discriminationIndex",
         renderLabel: (0, _formatMessage.default)('Discrimination Index'),
         renderValue: this.props.itemAnalysis.discriminationIndex(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index7.default, {
         key: "rpb",
         renderLabel: (0, _formatMessage.default)('RPB'),
         renderValue: this.props.itemAnalysis.pointBiserial(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index7.default, {
         key: "meanEarnedScore",
         renderLabel: (0, _formatMessage.default)('Mean Earned Score'),
         renderValue: mean,
@@ -155,11 +198,12 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
       if (this.props.itemAnalysis.choiceInfo().size === 0) {
         return;
       }
+
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.answerTableSection
-      }, (0, _emotion.jsx)(_Caption.default, {
+      }, (0, _emotion.jsx)(_index6.default, {
         text: (0, _formatMessage.default)('Answer Frequency Summary')
-      }, (0, _emotion.jsx)(_AnswerFrequencySummary.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         itemAnalysis: this.props.itemAnalysis
       })));
     }
@@ -173,19 +217,19 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
         }, this.renderAnswerAnalysisChart(), (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistributionSection,
           "data-automation": "sdk-reporting-answer-distribution"
-        }, (0, _emotion.jsx)(_Caption.default, {
+        }, (0, _emotion.jsx)(_index6.default, {
           text: (0, _formatMessage.default)('Performance by Quintile')
         }, (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistribution
         }, (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistributionChart
-        }, (0, _emotion.jsx)(_QuintileDistribution.default, {
+        }, (0, _emotion.jsx)(_index4.default, {
           visualDistribution: quintile,
           animateDelay: this.props.animateDelay,
           animateDuration: this.props.animateDuration
         })), (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistributionLegend
-        }, (0, _emotion.jsx)(_Legend.default, {
+        }, (0, _emotion.jsx)(_index5.default, {
           series: [{
             customStyles: this.props.styles.answerDistributionSwatch,
             label: (0, _formatMessage.default)('Number of Students')
@@ -197,14 +241,15 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
     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 (0, _emotion.jsx)("div", {
           css: this.props.styles.outcomeAlignments
-        }, (0, _emotion.jsx)(_Caption.default, {
+        }, (0, _emotion.jsx)(_index6.default, {
           text: (0, _formatMessage.default)('Outcomes')
         }, (0, _emotion.jsx)(_OutcomeList.default, {
           artifactType: "quizzes.item",
@@ -229,10 +274,11 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
     key: "render",
     value: function render() {
       if (!this.props.itemAnalysis.isLoaded()) {
-        return _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null));
+        return _ref2;
       }
+
       var present = this.props.itemAnalysis.isPresent();
-      return (0, _emotion.jsx)(_Card.default, {
+      return (0, _emotion.jsx)(_index.default, {
         key: this.props.itemId,
         css: this.props.styles.itemAnalysisRow
       }, this.renderHeader(), (0, _emotion.jsx)("div", {
@@ -240,7 +286,9 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
       }, this.renderStem(), present ? this.renderMetrics() : this.renderNotFound()), present && this.renderAnswerAnalysis(), this.renderOutcomeAlignments());
     }
   }]);
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _ItemAnalysisRow.propTypes = {
+  ItemAnalysisRow.displayName = "ItemAnalysisRow";
+  return ItemAnalysisRow;
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
   animateDelay: _propTypes.default.number,
   animateDuration: _propTypes.default.number,
   expanded: _propTypes.default.bool,
@@ -254,7 +302,7 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
   children: _propTypes.default.arrayOf(_propTypes.default.node),
   locale: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _ItemAnalysisRow.defaultProps = {
+}, _class2.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   expanded: false,
@@ -262,7 +310,9 @@ var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(
   outcomesToken: null,
   children: [],
   locale: null
-}, _ItemAnalysisRow.contextTypes = {
+}, _class2.contextTypes = {
   locale: _propTypes.default.string
-}, _ItemAnalysisRow)) || _class);
-var _default = exports.default = ItemAnalysisRow;
+}, _temp)) || _class);
+exports.ItemAnalysisRow = ItemAnalysisRow;
+var _default = ItemAnalysisRow;
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var generateStyle = function generateStyle(componentTheme) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   return {
@@ -71,6 +74,7 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     answerDistributionSection: {
       flex: '1 1 auto',
+
       /* Non-zero width for IE11 flex-wrap */
       minWidth: '1%'
     },
@@ -101,4 +105,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/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,
-    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,
@@ -29,4 +30,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -1,85 +1,120 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizAnalysisOverview = 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 _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiMetric = require("@instructure/ui-metric");
+
 var _uiText = require("@instructure/ui-text");
+
 var _emotion = require("@instructure/emotion");
-var _FormattedDuration = _interopRequireDefault(require("../../../common/components/shared/FormattedDuration"));
+
+var _index = _interopRequireDefault(require("../../../common/components/shared/FormattedDuration/index.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _Card = _interopRequireDefault(require("../../../common/components/shared/Card"));
-var _Spinner2 = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner"));
-var _CentileDistribution = _interopRequireDefault(require("../charts/CentileDistribution"));
-var _MetricsListItem = _interopRequireDefault(require("../MetricsListItem"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _QuizAnalysisOverview, _br, _Spinner;
-/** @jsx jsx */
-var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
+
+var _index2 = _interopRequireDefault(require("../../../common/components/shared/Card/index.js"));
+
+var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner.js"));
+
+var _index3 = _interopRequireDefault(require("../charts/CentileDistribution/index.js"));
+
+var _index4 = _interopRequireDefault(require("../MetricsListItem/index.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var _ref = (0, _emotion.jsx)("br", null);
+
+var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
+
+var QuizAnalysisOverview = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizAnalysisOverview, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizAnalysisOverview);
+
   function QuizAnalysisOverview() {
     var _this;
+
     (0, _classCallCheck2.default)(this, QuizAnalysisOverview);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, QuizAnalysisOverview, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderBatchTimestamp = function () {
       if (_this.props.quizAnalysis.batchTimestamp) {
         var timestamp = Date.parse(_this.props.quizAnalysis.batchTimestamp);
         return (0, _emotion.jsx)(_uiText.Text, {
           color: "secondary",
           size: "x-small"
-        }, _br || (_br = (0, _emotion.jsx)("br", null)), (0, _emotion.jsx)("b", null, (0, _formatMessage.default)('Data Last Updated:')), "\xA0", _formatMessage.default.date(timestamp, 'medium'));
+        }, _ref, (0, _emotion.jsx)("b", null, (0, _formatMessage.default)('Data Last Updated:')), "\xA0", _formatMessage.default.date(timestamp, 'medium'));
       }
     };
+
     return _this;
   }
-  (0, _inherits2.default)(QuizAnalysisOverview, _Component);
-  return (0, _createClass2.default)(QuizAnalysisOverview, [{
+
+  (0, _createClass2.default)(QuizAnalysisOverview, [{
     key: "defaultMetrics",
     value: function defaultMetrics() {
       var quizAnalysis = this.props.quizAnalysis;
-      var formattedElapsedTime = (0, _emotion.jsx)(_FormattedDuration.default, {
+      var formattedElapsedTime = (0, _emotion.jsx)(_index.default, {
         fontSize: "x-large",
         seconds: quizAnalysis.meanElapsedTime()
       });
-      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_MetricsListItem.default, {
+      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_index4.default, {
         key: "highScore",
         renderLabel: (0, _formatMessage.default)('High Score'),
         renderValue: quizAnalysis.highScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         key: "lowScore",
         renderLabel: (0, _formatMessage.default)('Low Score'),
         renderValue: quizAnalysis.lowScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         key: "meanScore",
         renderLabel: (0, _formatMessage.default)('Mean Score'),
         renderValue: quizAnalysis.meanScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         key: "standardDeviation",
         renderLabel: (0, _formatMessage.default)('Standard Deviation'),
         renderValue: quizAnalysis.standardDeviation(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         key: "meanElapsedTime",
         renderLabel: (0, _formatMessage.default)('Mean Elapsed Time'),
         renderValue: (0, _emotion.jsx)(_uiText.Text, {
@@ -87,7 +122,7 @@ var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _emotion.w
         }, formattedElapsedTime),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_MetricsListItem.default, {
+      }), (0, _emotion.jsx)(_index4.default, {
         key: "cronbachsAlpha",
         renderLabel: (0, _formatMessage.default)('Cronbach\'s Alpha'),
         renderValue: quizAnalysis.cronbachsAlpha(),
@@ -99,13 +134,13 @@ var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _emotion.w
     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 _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null));
+          animateDelay = _this$props.animateDelay,
+          animateDuration = _this$props.animateDuration,
+          quizAnalysis = _this$props.quizAnalysis,
+          quizTitle = _this$props.quizTitle;
+      if (!quizAnalysis.isLoaded()) return _ref2;
       var list = _react.default.Children.count(this.props.children) === 0 ? this.defaultMetrics() : (0, _emotion.jsx)(_uiMetric.MetricGroup, null, this.props.children);
-      return (0, _emotion.jsx)(_Card.default, {
+      return (0, _emotion.jsx)(_index2.default, {
         css: this.props.styles.root
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h4",
@@ -115,7 +150,7 @@ var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _emotion.w
         css: this.props.styles.metricWrapper
       }, list), (0, _emotion.jsx)("div", {
         css: this.props.styles.wrapper
-      }, (0, _emotion.jsx)(_CentileDistribution.default, {
+      }, (0, _emotion.jsx)(_index3.default, {
         animateDelay: animateDelay,
         animateDuration: animateDuration,
         summaryDistribution: quizAnalysis.decileDistribution(),
@@ -123,17 +158,21 @@ var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _emotion.w
       })), this.renderBatchTimestamp());
     }
   }]);
-}(_react.Component), _QuizAnalysisOverview.propTypes = {
+  QuizAnalysisOverview.displayName = "QuizAnalysisOverview";
+  return QuizAnalysisOverview;
+}(_react.Component), _class2.propTypes = {
   animateDelay: _propTypes.default.number,
   animateDuration: _propTypes.default.number,
   quizAnalysis: _reactImmutableProptypes.default.record.isRequired,
   quizTitle: _propTypes.default.string.isRequired,
   children: _propTypes.default.arrayOf(_propTypes.default.node),
   styles: _propTypes.default.object
-}, _QuizAnalysisOverview.defaultProps = {
+}, _class2.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   quizTitle: '',
   children: []
-}, _QuizAnalysisOverview)) || _class);
-var _default = exports.default = QuizAnalysisOverview;
+}, _temp)) || _class);
+exports.QuizAnalysisOverview = QuizAnalysisOverview;
+var _default = QuizAnalysisOverview;
+exports.default = _default;

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

@@ -1,12 +1,17 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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 {
@@ -20,11 +25,13 @@ var generateStyle = function generateStyle(componentTheme) {
     wrapper: {
       marginTop: componentTheme.wrapperMargin
     },
-    metric: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, tabletBreakPoint, {
+    metric: (_metric = {}, (0, _defineProperty2.default)(_metric, tabletBreakPoint, {
       flexBasis: '33.3%'
-    }), phoneBreakPoint, {
+    }), (0, _defineProperty2.default)(_metric, phoneBreakPoint, {
       flexBasis: '50%'
-    })
+    }), _metric)
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/quizAnalysis/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,
-    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,
@@ -17,4 +18,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large)
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/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.AnalysisMetric;
+
+var _presenter = require("./presenter.js");
+
+var _default = _presenter.AnalysisMetric;
+exports.default = _default;