@instructure/quiz-core 20.17.2-rc.0 → 20.17.2-rc.10

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

@@ -1,10 +1,8 @@
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _QuizAndItemAnalysis, _Spinner;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,29 +11,21 @@ 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.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);
-
+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) {
   function QuizAndItemAnalysis() {
     _classCallCheck(this, QuizAndItemAnalysis);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, QuizAndItemAnalysis, arguments);
   }
-
-  _createClass(QuizAndItemAnalysis, [{
+  _inherits(QuizAndItemAnalysis, _withI18nSupport);
+  return _createClass(QuizAndItemAnalysis, [{
     key: "getAnalyses",
     value: function getAnalyses(activeQuizId) {
       this.props.getExistingQuiz(activeQuizId);
@@ -58,7 +48,6 @@ 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) {
@@ -82,7 +71,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'discriminationIndex':
             metrics.push(jsx(MetricsListItem, {
               key: "discriminationIndex",
@@ -92,7 +80,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'rpb':
             metrics.push(jsx(MetricsListItem, {
               key: "rpb",
@@ -102,7 +89,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'meanEarnedScore':
             metrics.push(jsx(MetricsListItem, {
               key: "meanEarnedScore",
@@ -120,7 +106,6 @@ 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()
@@ -136,7 +121,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'lowScore':
             metrics.push(jsx(MetricsListItem, {
               key: "lowScore",
@@ -146,7 +130,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'meanScore':
             metrics.push(jsx(MetricsListItem, {
               key: "meanScore",
@@ -156,7 +139,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'standardDeviation':
             metrics.push(jsx(MetricsListItem, {
               key: "standardDeviation",
@@ -166,7 +148,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'meanElapsedTime':
             metrics.push(jsx(MetricsListItem, {
               key: "meanElapsedTime",
@@ -176,7 +157,6 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
               isGroupChild: true
             }));
             break;
-
           case 'cronbachsAlpha':
             metrics.push(jsx(MetricsListItem, {
               key: "cronbachsAlpha",
@@ -194,20 +174,17 @@ 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, {
@@ -216,7 +193,6 @@ 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,
@@ -245,10 +221,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"
@@ -267,14 +243,11 @@ 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 _ref2;
+        return _Spinner || (_Spinner = jsx(Spinner, null));
       }
     }
   }]);
-
-  QuizAndItemAnalysis.displayName = "QuizAndItemAnalysis";
-  return QuizAndItemAnalysis;
-}(withI18nSupport(Component)), _class2.propTypes = {
+}(withI18nSupport(Component)), _QuizAndItemAnalysis.propTypes = {
   animateDelay: PropTypes.number,
   animateDuration: PropTypes.number,
   activeQuizId: PropTypes.string.isRequired,
@@ -292,7 +265,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
   getQuizAnalysis: PropTypes.func.isRequired,
   locale: PropTypes.string,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _QuizAndItemAnalysis.defaultProps = {
   animateDelay: void 0,
   animateDuration: void 0,
   openRows: {},
@@ -302,7 +275,7 @@ export var QuizAndItemAnalysis = (_dec = withStyle(generateStyle, generateCompon
   quizMetrics: [],
   itemMetrics: [],
   locale: null
-}, _class2.contextTypes = {
+}, _QuizAndItemAnalysis.contextTypes = {
   locale: PropTypes.string
-}, _temp)) || _class);
+}, _QuizAndItemAnalysis)) || _class);
 export default QuizAndItemAnalysis;

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

@@ -14,5 +14,4 @@ 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,5 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     emptyTextColor: colors.ash
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,39 +1,32 @@
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ReportCard;
 /** @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/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import Card from '../../../../common/components/shared/Card';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(ReportCard, _Component);
-
-  var _super = _createSuper(ReportCard);
-
+export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
   function ReportCard() {
     _classCallCheck(this, ReportCard);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, ReportCard, arguments);
   }
-
-  _createClass(ReportCard, [{
+  _inherits(ReportCard, _Component);
+  return _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, {
@@ -57,17 +50,14 @@ export var ReportCard = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, t('View Report')))));
     }
   }]);
-
-  ReportCard.displayName = "ReportCard";
-  return ReportCard;
-}(Component), _class2.propTypes = {
+}(Component), _ReportCard.propTypes = {
   name: PropTypes.node,
   details: PropTypes.node,
   href: PropTypes.string,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _ReportCard.defaultProps = {
   name: void 0,
   details: void 0,
   href: void 0
-}, _temp)) || _class);
+}, _ReportCard)) || _class);
 export default ReportCard;

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

@@ -1,5 +1,4 @@
 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, ")");
@@ -20,5 +19,4 @@ 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,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     detailPadding: borders.xxSmall
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,36 +1,29 @@
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ReportList;
 /** @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.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);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ReportList = /*#__PURE__*/function (_Component) {
   function ReportList() {
     _classCallCheck(this, ReportList);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, ReportList, arguments);
   }
-
-  _createClass(ReportList, [{
+  _inherits(ReportList, _Component);
+  return _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", {
@@ -43,16 +36,13 @@ export var ReportList = (_dec = withStyle(generateStyle, generateComponentTheme)
       }, children));
     }
   }]);
-
-  ReportList.displayName = "ReportList";
-  return ReportList;
-}(Component), _class2.propTypes = {
+}(Component), _ReportList.propTypes = {
   children: PropTypes.node.isRequired,
   headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'reset']),
   headingAs: PropTypes.elementType,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _ReportList.defaultProps = {
   headingLevel: 'h2',
   headingAs: 'h1'
-}, _temp)) || _class);
+}, _ReportList)) || _class);
 export default ReportList;

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

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

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

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