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

package/es/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _QuizAndItemAnalysis, _Spinner;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -11,21 +13,29 @@ import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport } from '@instructure/quiz-common';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
-import Card from '../../../../common/components/shared/Card';
-import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
-import ItemAnalysisRow from '../../../../reporting/components/itemAnalysis/ItemAnalysisRow';
-import QuizAnalysisOverview from '../../../../reporting/components/quizAnalysis/QuizAnalysisOverview';
-import MetricsListItem from '../../MetricsListItem';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
+import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
+import Card from "../../../../common/components/shared/Card/index.js";
+import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
+import ItemAnalysisRow from "../../../../reporting/components/itemAnalysis/ItemAnalysisRow/index.js";
+import QuizAnalysisOverview from "../../../../reporting/components/quizAnalysis/QuizAnalysisOverview.js";
+import MetricsListItem from "../../MetricsListItem/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+
+var _ref2 = jsx(Spinner, null);
+
+export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+  _inherits(QuizAndItemAnalysis, _withI18nSupport);
+
+  var _super = _createSuper(QuizAndItemAnalysis);
+
   function QuizAndItemAnalysis() {
     _classCallCheck(this, QuizAndItemAnalysis);
-    return _callSuper(this, QuizAndItemAnalysis, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(QuizAndItemAnalysis, _withI18nSupport);
-  return _createClass(QuizAndItemAnalysis, [{
+
+  _createClass(QuizAndItemAnalysis, [{
     key: "getAnalyses",
     value: function getAnalyses(activeQuizId) {
       this.props.getExistingQuiz(activeQuizId);
@@ -48,6 +58,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
     key: "generateItemAnalysisMetrics",
     value: function generateItemAnalysisMetrics(itemAnalysis) {
       var _this = this;
+
       var metrics = [];
       var mean = t.rich('{score}<0>/{possible, number} pts</0>', {
         0: function _(_ref) {
@@ -71,6 +82,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'discriminationIndex':
             metrics.push(jsx(MetricsListItem, {
               key: "discriminationIndex",
@@ -80,6 +92,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'rpb':
             metrics.push(jsx(MetricsListItem, {
               key: "rpb",
@@ -89,6 +102,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'meanEarnedScore':
             metrics.push(jsx(MetricsListItem, {
               key: "meanEarnedScore",
@@ -106,6 +120,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
     key: "generateQuizAnalysisMetrics",
     value: function generateQuizAnalysisMetrics(quizAnalysis) {
       var _this2 = this;
+
       var metrics = [];
       var formattedElapsedTime = jsx(FormattedDuration, {
         seconds: quizAnalysis.meanElapsedTime()
@@ -121,6 +136,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'lowScore':
             metrics.push(jsx(MetricsListItem, {
               key: "lowScore",
@@ -130,6 +146,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'meanScore':
             metrics.push(jsx(MetricsListItem, {
               key: "meanScore",
@@ -139,6 +156,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'standardDeviation':
             metrics.push(jsx(MetricsListItem, {
               key: "standardDeviation",
@@ -148,6 +166,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'meanElapsedTime':
             metrics.push(jsx(MetricsListItem, {
               key: "meanElapsedTime",
@@ -157,6 +176,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
+
           case 'cronbachsAlpha':
             metrics.push(jsx(MetricsListItem, {
               key: "cronbachsAlpha",
@@ -174,17 +194,20 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
     key: "renderItemAnalysisRows",
     value: function renderItemAnalysisRows() {
       var _this3 = this;
+
       var _this$props = this.props,
-        animateDelay = _this$props.animateDelay,
-        animateDuration = _this$props.animateDuration,
-        quiz = _this$props.quiz,
-        openRows = _this$props.openRows,
-        activeQuizId = _this$props.activeQuizId,
-        toggleItemAnalysisRowExpanded = _this$props.toggleItemAnalysisRowExpanded;
+          animateDelay = _this$props.animateDelay,
+          animateDuration = _this$props.animateDuration,
+          quiz = _this$props.quiz,
+          openRows = _this$props.openRows,
+          activeQuizId = _this$props.activeQuizId,
+          toggleItemAnalysisRowExpanded = _this$props.toggleItemAnalysisRowExpanded;
       var itemAnalyses = quiz.getItemAnalyses();
+
       if (itemAnalyses.size <= 0) {
         return;
       }
+
       return jsx("div", null, jsx("div", {
         css: this.props.styles.title
       }, jsx(Heading, {
@@ -193,6 +216,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
         color: "primary"
       }, t('Item Analysis'))), itemAnalyses.toArray().map(function (itemAnalysis, i) {
         var itemMetrics = _this3.generateItemAnalysisMetrics(itemAnalysis);
+
         return jsx(ItemAnalysisRow, {
           animateDelay: animateDelay,
           animateDuration: animateDuration,
@@ -221,10 +245,10 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
     key: "renderContent",
     value: function renderContent() {
       var _this$props2 = this.props,
-        animateDelay = _this$props2.animateDelay,
-        animateDuration = _this$props2.animateDuration,
-        quiz = _this$props2.quiz,
-        quizAnalysis = _this$props2.quizAnalysis;
+          animateDelay = _this$props2.animateDelay,
+          animateDuration = _this$props2.animateDuration,
+          quiz = _this$props2.quiz,
+          quizAnalysis = _this$props2.quizAnalysis;
       var quizMetrics = this.generateQuizAnalysisMetrics(quizAnalysis);
       return jsx("div", {
         className: "fs-mask"
@@ -243,11 +267,14 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
       } else if (this.props.quiz.isLoaded() && this.props.quizAnalysis && this.props.quizAnalysis.isLoaded()) {
         return this.renderContent();
       } else {
-        return _Spinner || (_Spinner = jsx(Spinner, null));
+        return _ref2;
       }
     }
   }]);
-}(withI18nSupport(Component)), _QuizAndItemAnalysis.propTypes = {
+
+  QuizAndItemAnalysis.displayName = "QuizAndItemAnalysis";
+  return QuizAndItemAnalysis;
+}(withI18nSupport(Component)), _class2.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   activeQuizId: PropTypes.string.isRequired,
@@ -265,7 +292,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
   getQuizAnalysis: PropTypes.func.isRequired,
   locale: PropTypes.string,
   styles: PropTypes.object
-}, _QuizAndItemAnalysis.defaultProps = {
+}, _class2.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   openRows: {},
@@ -275,7 +302,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
   quizMetrics: [],
   itemMetrics: [],
   locale: null
-}, _QuizAndItemAnalysis.contextTypes = {
+}, _class2.contextTypes = {
   locale: PropTypes.string
-}, _QuizAndItemAnalysis)) || _class);
+}, _temp)) || _class);
 export default QuizAndItemAnalysis;

package/es/reporting/components/resources/QuizAndItemAnalysis/styles.js

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

package/es/reporting/components/resources/QuizAndItemAnalysis/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography,
-    colors = _ref.colors;
+      typography = _ref.typography,
+      colors = _ref.colors;
   return {
     titleMarginTop: spacing.medium,
     titleMarginLeftRight: spacing.small,
@@ -11,4 +11,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     emptyTextColor: colors.ash
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,32 +1,39 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ReportCard;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
 import { withStyle, jsx } from '@instructure/emotion';
-import Card from '../../../../common/components/shared/Card';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import Card from "../../../../common/components/shared/Card/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
+export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ReportCard, _Component);
+
+  var _super = _createSuper(ReportCard);
+
   function ReportCard() {
     _classCallCheck(this, ReportCard);
-    return _callSuper(this, ReportCard, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ReportCard, _Component);
-  return _createClass(ReportCard, [{
+
+  _createClass(ReportCard, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        name = _this$props.name,
-        details = _this$props.details,
-        href = _this$props.href;
+          name = _this$props.name,
+          details = _this$props.details,
+          href = _this$props.href;
       return jsx(Card, {
         customStyles: this.props.styles.card
       }, jsx(Text, {
@@ -50,14 +57,17 @@ export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, t('View Report')))));
     }
   }]);
-}(Component), _ReportCard.propTypes = {
+
+  ReportCard.displayName = "ReportCard";
+  return ReportCard;
+}(Component), _class2.propTypes = {
   name: PropTypes.node,
   details: PropTypes.node,
   href: PropTypes.string,
   styles: PropTypes.object
-}, _ReportCard.defaultProps = {
+}, _class2.defaultProps = {
   name: void 0,
   details: void 0,
   href: void 0
-}, _ReportCard)) || _class);
+}, _temp)) || _class);
 export default ReportCard;

package/es/reporting/components/resources/ReportCard/styles.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
 var generateStyle = function generateStyle(componentTheme) {
   var msMaxWidth = 'max-width: 25rem';
   var mq = "@media screen and (".concat(msMaxWidth, ")");
@@ -19,4 +20,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/reporting/components/resources/ReportCard/theme.js

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    borders = _ref.borders;
+      borders = _ref.borders;
   return {
     cardHeight: '6rem',
     cardWidth: '19.5rem',
@@ -9,4 +9,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     detailPadding: borders.xxSmall
   };
 };
+
 export default generateComponentTheme;

package/es/reporting/components/resources/ReportList/index.js

@@ -1,29 +1,36 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ReportList;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportList = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ReportList, _Component);
+
+  var _super = _createSuper(ReportList);
+
   function ReportList() {
     _classCallCheck(this, ReportList);
-    return _callSuper(this, ReportList, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ReportList, _Component);
-  return _createClass(ReportList, [{
+
+  _createClass(ReportList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        children = _this$props.children,
-        headingLevel = _this$props.headingLevel,
-        headingAs = _this$props.headingAs;
+          children = _this$props.children,
+          headingLevel = _this$props.headingLevel,
+          headingAs = _this$props.headingAs;
       return jsx("div", {
         css: this.props.styles.page
       }, jsx("span", {
@@ -36,13 +43,16 @@ export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, children));
     }
   }]);
-}(Component), _ReportList.propTypes = {
+
+  ReportList.displayName = "ReportList";
+  return ReportList;
+}(Component), _class2.propTypes = {
   children: PropTypes.node.isRequired,
   headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'reset']),
   headingAs: PropTypes.elementType,
   styles: PropTypes.object
-}, _ReportList.defaultProps = {
+}, _class2.defaultProps = {
   headingLevel: 'h2',
   headingAs: 'h1'
-}, _ReportList)) || _class);
+}, _temp)) || _class);
 export default ReportList;

package/es/reporting/components/resources/ReportList/styles.js

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

package/es/reporting/components/resources/ReportList/theme.js

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