@instructure/quiz-core 21.1.0 → 21.2.0

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

@@ -1,15 +1,16 @@
 "use strict";
 
 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;
+exports["default"] = exports.ItemAnalysisRow = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -19,55 +20,57 @@ 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 _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 _Card = _interopRequireDefault(require("../../../../common/components/shared/Card"));
+var _ExpandButton = _interopRequireDefault(require("../../../../common/components/shared/ExpandButton"));
+var _Spinner = _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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _ItemAnalysisRow;
 /** @jsx jsx */
-var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(ItemAnalysisRow, _withI18nSupport);
-  var _super = (0, _createSuper2.default)(ItemAnalysisRow);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ItemAnalysisRow = exports.ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ItemAnalysisRow = /*#__PURE__*/function (_withI18nSupport) {
   function ItemAnalysisRow() {
     var _this;
-    (0, _classCallCheck2.default)(this, ItemAnalysisRow);
+    (0, _classCallCheck2["default"])(this, ItemAnalysisRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.toggleExpanded = function () {
+    _this = _callSuper(this, ItemAnalysisRow, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "toggleExpanded", function () {
       _this.props.toggleExpanded(_this.props.itemId);
       var _this$props = _this.props,
         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    }", {
+      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, _createClass2.default)(ItemAnalysisRow, [{
+  (0, _inherits2["default"])(ItemAnalysisRow, _withI18nSupport);
+  return (0, _createClass2["default"])(ItemAnalysisRow, [{
     key: "renderExpandButton",
     value: function renderExpandButton() {
       var _this$props2 = this.props,
         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    }", {
+      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)(_index2.default, {
+      return (0, _emotion.jsx)(_ExpandButton["default"], {
         onClick: this.toggleExpanded,
         title: title,
         isExpanded: expanded,
@@ -88,9 +91,9 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "reset",
         as: "h3"
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Question {position, number}', {
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Question {position, number}', {
         position: position
-      })), interactionType, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage.default)('{pointsPossible, number} points possible', {
+      })), interactionType, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, separator), (0, _formatMessage["default"])('{pointsPossible, number} points possible', {
         pointsPossible: pointsPossible
       }))), this.props.itemAnalysis.isPresent() && this.renderExpandButton());
     }
@@ -106,7 +109,7 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "defaultMetricsList",
     value: function defaultMetricsList() {
       var _this2 = this;
-      var mean = _formatMessage.default.rich('{score}<0>/{possible, number} pts</0>', {
+      var mean = _formatMessage["default"].rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
           var children = _ref.children;
           return (0, _emotion.jsx)("span", {
@@ -117,27 +120,27 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         score: this.props.itemAnalysis.meanScore(this.locale) || 0,
         possible: this.props.itemAnalysis.pointsPossible
       });
-      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_index7.default, {
+      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "difficultyIndex",
-        renderLabel: (0, _formatMessage.default)('Difficulty Index'),
+        renderLabel: (0, _formatMessage["default"])('Difficulty Index'),
         renderValue: this.props.itemAnalysis.difficultyIndex(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index7.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "discriminationIndex",
-        renderLabel: (0, _formatMessage.default)('Discrimination Index'),
+        renderLabel: (0, _formatMessage["default"])('Discrimination Index'),
         renderValue: this.props.itemAnalysis.discriminationIndex(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index7.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "rpb",
-        renderLabel: (0, _formatMessage.default)('RPB'),
+        renderLabel: (0, _formatMessage["default"])('RPB'),
         renderValue: this.props.itemAnalysis.pointBiserial(this.locale),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index7.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "meanEarnedScore",
-        renderLabel: (0, _formatMessage.default)('Mean Earned Score'),
+        renderLabel: (0, _formatMessage["default"])('Mean Earned Score'),
         renderValue: mean,
         customStyles: this.props.styles.metric,
         isGroupChild: true
@@ -146,7 +149,7 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     key: "renderMetrics",
     value: function renderMetrics() {
-      var list = _react.default.Children.count(this.props.children) === 0 ? this.defaultMetricsList() : (0, _emotion.jsx)(_uiMetric.MetricGroup, null, this.props.children);
+      var list = _react["default"].Children.count(this.props.children) === 0 ? this.defaultMetricsList() : (0, _emotion.jsx)(_uiMetric.MetricGroup, null, this.props.children);
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.metrics
       }, list);
@@ -159,9 +162,9 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.answerTableSection
-      }, (0, _emotion.jsx)(_index6.default, {
-        text: (0, _formatMessage.default)('Answer Frequency Summary')
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_Caption["default"], {
+        text: (0, _formatMessage["default"])('Answer Frequency Summary')
+      }, (0, _emotion.jsx)(_AnswerFrequencySummary["default"], {
         itemAnalysis: this.props.itemAnalysis
       })));
     }
@@ -175,22 +178,22 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         }, this.renderAnswerAnalysisChart(), (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistributionSection,
           "data-automation": "sdk-reporting-answer-distribution"
-        }, (0, _emotion.jsx)(_index6.default, {
-          text: (0, _formatMessage.default)('Performance by Quintile')
+        }, (0, _emotion.jsx)(_Caption["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)(_index4.default, {
+        }, (0, _emotion.jsx)(_QuintileDistribution["default"], {
           visualDistribution: quintile,
           animateDelay: this.props.animateDelay,
           animateDuration: this.props.animateDuration
         })), (0, _emotion.jsx)("div", {
           css: this.props.styles.answerDistributionLegend
-        }, (0, _emotion.jsx)(_index5.default, {
+        }, (0, _emotion.jsx)(_Legend["default"], {
           series: [{
             customStyles: this.props.styles.answerDistributionSwatch,
-            label: (0, _formatMessage.default)('Number of Students')
+            label: (0, _formatMessage["default"])('Number of Students')
           }]
         }))))));
       }
@@ -206,15 +209,15 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       if (expanded && outcomesEndpoint && itemAnalysis.outcomeAlignmentSetGuid) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.outcomeAlignments
-        }, (0, _emotion.jsx)(_index6.default, {
-          text: (0, _formatMessage.default)('Outcomes')
-        }, (0, _emotion.jsx)(_OutcomeList.default, {
+        }, (0, _emotion.jsx)(_Caption["default"], {
+          text: (0, _formatMessage["default"])('Outcomes')
+        }, (0, _emotion.jsx)(_OutcomeList["default"], {
           artifactType: "quizzes.item",
           artifactId: itemAnalysis.itemId,
           alignmentSetId: itemAnalysis.outcomeAlignmentSetGuid,
           host: outcomesEndpoint,
           jwt: outcomesToken,
-          emptyText: (0, _formatMessage.default)('No outcomes are aligned'),
+          emptyText: (0, _formatMessage["default"])('No outcomes are aligned'),
           screenreaderNotification: this.props.screenreaderNotification,
           liveRegion: _quizCommon.liveRegion
         })));
@@ -225,16 +228,16 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     value: function renderNotFound() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.emptyText
-      }, (0, _formatMessage.default)('No submissions yet'));
+      }, (0, _formatMessage["default"])('No submissions yet'));
     }
   }, {
     key: "render",
     value: function render() {
       if (!this.props.itemAnalysis.isLoaded()) {
-        return _ref2;
+        return (0, _emotion.jsx)(_Spinner["default"], null);
       }
       var present = this.props.itemAnalysis.isPresent();
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_Card["default"], {
         key: this.props.itemId,
         css: this.props.styles.itemAnalysisRow
       }, this.renderHeader(), (0, _emotion.jsx)("div", {
@@ -242,23 +245,21 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }, this.renderStem(), present ? this.renderMetrics() : this.renderNotFound()), present && this.renderAnswerAnalysis(), this.renderOutcomeAlignments());
     }
   }]);
-  ItemAnalysisRow.displayName = "ItemAnalysisRow";
-  return ItemAnalysisRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _ItemAnalysisRow.displayName = 'ItemAnalysisRow', _ItemAnalysisRow.componentId = "Quizzes".concat(_ItemAnalysisRow.displayName), _ItemAnalysisRow.propTypes = {
-  animateDelay: _propTypes.default.number,
-  animateDuration: _propTypes.default.number,
-  expanded: _propTypes.default.bool,
-  itemAnalysis: _reactImmutableProptypes.default.record.isRequired,
-  itemId: _propTypes.default.string.isRequired,
-  position: _propTypes.default.number.isRequired,
-  toggleExpanded: _propTypes.default.func.isRequired,
-  outcomesEndpoint: _propTypes.default.string,
-  outcomesToken: _propTypes.default.string,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  children: _propTypes.default.arrayOf(_propTypes.default.node),
-  locale: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _ItemAnalysisRow.defaultProps = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), (0, _defineProperty2["default"])(_ItemAnalysisRow, "displayName", 'ItemAnalysisRow'), (0, _defineProperty2["default"])(_ItemAnalysisRow, "componentId", "Quizzes".concat(_ItemAnalysisRow.displayName)), (0, _defineProperty2["default"])(_ItemAnalysisRow, "propTypes", {
+  animateDelay: _propTypes["default"].number,
+  animateDuration: _propTypes["default"].number,
+  expanded: _propTypes["default"].bool,
+  itemAnalysis: _reactImmutableProptypes["default"].record.isRequired,
+  itemId: _propTypes["default"].string.isRequired,
+  position: _propTypes["default"].number.isRequired,
+  toggleExpanded: _propTypes["default"].func.isRequired,
+  outcomesEndpoint: _propTypes["default"].string,
+  outcomesToken: _propTypes["default"].string,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  children: _propTypes["default"].arrayOf(_propTypes["default"].node),
+  locale: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_ItemAnalysisRow, "defaultProps", {
   animateDelay: void 0,
   animateDuration: void 0,
   expanded: false,
@@ -266,9 +267,7 @@ var ItemAnalysisRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   outcomesToken: null,
   children: [],
   locale: null
-}, _ItemAnalysisRow.contextTypes = {
-  locale: _propTypes.default.string
-}, _ItemAnalysisRow)) || _class);
-exports.ItemAnalysisRow = ItemAnalysisRow;
-var _default = ItemAnalysisRow;
-exports.default = _default;
+}), (0, _defineProperty2["default"])(_ItemAnalysisRow, "contextTypes", {
+  locale: _propTypes["default"].string
+}), _ItemAnalysisRow)) || _class);
+var _default = exports["default"] = ItemAnalysisRow;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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, ")");
@@ -47,7 +47,7 @@ var generateStyle = function generateStyle(componentTheme) {
     metrics: {
       flex: '0 1 42rem'
     },
-    metric: (0, _defineProperty2.default)({
+    metric: (0, _defineProperty2["default"])({
       justifyContent: 'center'
     }, mq, {
       flexBasis: '50%'
@@ -74,7 +74,7 @@ var generateStyle = function generateStyle(componentTheme) {
       /* Non-zero width for IE11 flex-wrap */
       minWidth: '1%'
     },
-    answerDistribution: (0, _defineProperty2.default)({
+    answerDistribution: (0, _defineProperty2["default"])({
       display: 'flex',
       flexDirection: 'row',
       flexWrap: 'wrap',
@@ -101,5 +101,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors,
@@ -29,5 +29,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -1,15 +1,16 @@
 "use strict";
 
 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;
+exports["default"] = exports.QuizAnalysisOverview = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -17,83 +18,84 @@ var _uiHeading = require("@instructure/ui-heading");
 var _uiMetric = require("@instructure/ui-metric");
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
-var _index = _interopRequireDefault(require("../../../common/components/shared/FormattedDuration/index.js"));
+var _FormattedDuration = _interopRequireDefault(require("../../../common/components/shared/FormattedDuration"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-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 _Card = _interopRequireDefault(require("../../../common/components/shared/Card"));
+var _Spinner = _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 _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizAnalysisOverview;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)("br", null);
-var _ref2 = (0, _emotion.jsx)(_Spinner.default, null);
-var QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizAnalysisOverview, _Component);
-  var _super = (0, _createSuper2.default)(QuizAnalysisOverview);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var QuizAnalysisOverview = exports.QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizAnalysisOverview = /*#__PURE__*/function (_Component) {
   function QuizAnalysisOverview() {
     var _this;
-    (0, _classCallCheck2.default)(this, QuizAnalysisOverview);
+    (0, _classCallCheck2["default"])(this, QuizAnalysisOverview);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.renderBatchTimestamp = function () {
+    _this = _callSuper(this, QuizAnalysisOverview, [].concat(args));
+    (0, _defineProperty2["default"])(_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"
-        }, _ref, (0, _emotion.jsx)("b", null, (0, _formatMessage.default)('Data Last Updated:')), "\xA0", _formatMessage.default.date(timestamp, 'medium'));
+        }, (0, _emotion.jsx)("br", null), (0, _emotion.jsx)("b", null, (0, _formatMessage["default"])('Data Last Updated:')), "\xA0", _formatMessage["default"].date(timestamp, 'medium'));
       }
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(QuizAnalysisOverview, [{
+  (0, _inherits2["default"])(QuizAnalysisOverview, _Component);
+  return (0, _createClass2["default"])(QuizAnalysisOverview, [{
     key: "defaultMetrics",
     value: function defaultMetrics() {
       var quizAnalysis = this.props.quizAnalysis;
-      var formattedElapsedTime = (0, _emotion.jsx)(_index.default, {
+      var formattedElapsedTime = (0, _emotion.jsx)(_FormattedDuration["default"], {
         fontSize: "x-large",
         seconds: quizAnalysis.meanElapsedTime()
       });
-      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_index4.default, {
+      return (0, _emotion.jsx)(_uiMetric.MetricGroup, null, (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "highScore",
-        renderLabel: (0, _formatMessage.default)('High Score'),
+        renderLabel: (0, _formatMessage["default"])('High Score'),
         renderValue: quizAnalysis.highScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index4.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "lowScore",
-        renderLabel: (0, _formatMessage.default)('Low Score'),
+        renderLabel: (0, _formatMessage["default"])('Low Score'),
         renderValue: quizAnalysis.lowScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index4.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "meanScore",
-        renderLabel: (0, _formatMessage.default)('Mean Score'),
+        renderLabel: (0, _formatMessage["default"])('Mean Score'),
         renderValue: quizAnalysis.meanScore(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index4.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "standardDeviation",
-        renderLabel: (0, _formatMessage.default)('Standard Deviation'),
+        renderLabel: (0, _formatMessage["default"])('Standard Deviation'),
         renderValue: quizAnalysis.standardDeviation(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index4.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "meanElapsedTime",
-        renderLabel: (0, _formatMessage.default)('Mean Elapsed Time'),
+        renderLabel: (0, _formatMessage["default"])('Mean Elapsed Time'),
         renderValue: (0, _emotion.jsx)(_uiText.Text, {
           size: "x-large"
         }, formattedElapsedTime),
         customStyles: this.props.styles.metric,
         isGroupChild: true
-      }), (0, _emotion.jsx)(_index4.default, {
+      }), (0, _emotion.jsx)(_MetricsListItem["default"], {
         key: "cronbachsAlpha",
-        renderLabel: (0, _formatMessage.default)("Cronbach's Alpha"),
+        renderLabel: (0, _formatMessage["default"])("Cronbach's Alpha"),
         renderValue: quizAnalysis.cronbachsAlpha(),
         customStyles: this.props.styles.metric,
         isGroupChild: true
@@ -107,9 +109,9 @@ var QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.d
         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)(_index2.default, {
+      if (!quizAnalysis.isLoaded()) return (0, _emotion.jsx)(_Spinner["default"], null);
+      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"], {
         css: this.props.styles.root
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h4",
@@ -119,7 +121,7 @@ var QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.d
         css: this.props.styles.metricWrapper
       }, list), (0, _emotion.jsx)("div", {
         css: this.props.styles.wrapper
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_CentileDistribution["default"], {
         animateDelay: animateDelay,
         animateDuration: animateDuration,
         summaryDistribution: quizAnalysis.decileDistribution(),
@@ -127,21 +129,17 @@ var QuizAnalysisOverview = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.d
       })), this.renderBatchTimestamp());
     }
   }]);
-  QuizAnalysisOverview.displayName = "QuizAnalysisOverview";
-  return QuizAnalysisOverview;
-}(_react.Component), _QuizAnalysisOverview.displayName = 'QuizAnalysisOverview', _QuizAnalysisOverview.componentId = "Quizzes".concat(_QuizAnalysisOverview.displayName), _QuizAnalysisOverview.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 = {
+}(_react.Component), (0, _defineProperty2["default"])(_QuizAnalysisOverview, "displayName", 'QuizAnalysisOverview'), (0, _defineProperty2["default"])(_QuizAnalysisOverview, "componentId", "Quizzes".concat(_QuizAnalysisOverview.displayName)), (0, _defineProperty2["default"])(_QuizAnalysisOverview, "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
+}), (0, _defineProperty2["default"])(_QuizAnalysisOverview, "defaultProps", {
   animateDelay: void 0,
   animateDuration: void 0,
   quizTitle: '',
   children: []
-}, _QuizAnalysisOverview)) || _class);
-exports.QuizAnalysisOverview = QuizAnalysisOverview;
-var _default = QuizAnalysisOverview;
-exports.default = _default;
+}), _QuizAnalysisOverview)) || _class);
+var _default = exports["default"] = QuizAnalysisOverview;

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

@@ -4,10 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+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 {
@@ -21,12 +20,11 @@ var generateStyle = function generateStyle(componentTheme) {
     wrapper: {
       marginTop: componentTheme.wrapperMargin
     },
-    metric: (_metric = {}, (0, _defineProperty2.default)(_metric, tabletBreakPoint, {
+    metric: (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, tabletBreakPoint, {
       flexBasis: '33.3%'
-    }), (0, _defineProperty2.default)(_metric, phoneBreakPoint, {
+    }), phoneBreakPoint, {
       flexBasis: '50%'
-    }), _metric)
+    })
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -17,5 +17,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large)
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _presenter = require("./presenter.js");
-var _default = _presenter.AnalysisMetric;
-exports.default = _default;
+exports["default"] = void 0;
+var _presenter = require("./presenter");
+var _default = exports["default"] = _presenter.AnalysisMetric;