@instructure/quiz-core 17.58.2-rc.5 → 17.58.2-rc.7

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

@@ -0,0 +1,68 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { Link } from '@instructure/ui-link';
+import { Flex } from '@instructure/ui-flex';
+import { themeable } from '@instructure/ui-themeable';
+import Card from "../../../../../common/components/shared/Card/index.js";
+var styles = {
+  componentId: 'eRzKS',
+  template: function template(theme) {
+    return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
+  },
+  'card': 'eRzKS_fbIL',
+  'details': 'eRzKS_ebWM'
+};
+import theme from "../../ReportCard/theme.js";
+export var NewQuizAndItemAnalysisReportCard = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAndItemAnalysisReportCard, _Component);
+
+  var _super = _createSuper(NewQuizAndItemAnalysisReportCard);
+
+  function NewQuizAndItemAnalysisReportCard() {
+    _classCallCheck(this, NewQuizAndItemAnalysisReportCard);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(NewQuizAndItemAnalysisReportCard, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          href = _this$props.href;
+      return /*#__PURE__*/React.createElement(Card, {
+        className: styles.card
+      }, /*#__PURE__*/React.createElement(Flex, {
+        direction: "column"
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), /*#__PURE__*/React.createElement(Flex.Item, {
+        align: "end"
+      }, /*#__PURE__*/React.createElement(Link, {
+        href: href
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, t('View Report'))))));
+    }
+  }]);
+
+  NewQuizAndItemAnalysisReportCard.displayName = "NewQuizAndItemAnalysisReportCard";
+  return NewQuizAndItemAnalysisReportCard;
+}(Component), _class2.propTypes = {
+  name: PropTypes.node,
+  href: PropTypes.string
+}, _class2.defaultProps = {
+  name: void 0,
+  href: void 0
+}, _temp)) || _class);
+export default NewQuizAndItemAnalysisReportCard;

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

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
-import { Metric, MetricGroup } from '@instructure/ui-metric';
+import NewItemAnalysis from "./NewItemAnalysis/index.js";
 import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
 
@@ -43,7 +43,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
 
               case 2:
                 response = _context.sent;
-                setQuizAnalysis(response.last_successful_analysis);
+
+                if (response) {
+                  setQuizAnalysis(response.last_successful_analysis);
+                }
 
               case 4:
               case "end":
@@ -73,7 +76,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
 
               case 2:
                 response = _context2.sent;
-                setItemAnalyses(response.last_successful_analysis);
+
+                if (response) {
+                  setItemAnalyses(response.last_successful_analysis);
+                }
 
               case 4:
               case "end":
@@ -100,21 +106,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "fs-mask"
     }, _ref4, _ref5, itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
-      return /*#__PURE__*/React.createElement(MetricGroup, {
-        key: itemAnalysis.metadata.item_id
-      }, /*#__PURE__*/React.createElement(Metric, {
-        key: "itemdifficulty",
-        renderLabel: "ITEM DIFFICULTY",
-        renderValue: itemAnalysis.scores.difficulty_index
-      }), /*#__PURE__*/React.createElement(Metric, {
-        key: "responded",
-        renderLabel: "RESPONDED",
-        renderValue: itemAnalysis.attempts.students_responded
-      }), /*#__PURE__*/React.createElement(Metric, {
-        key: "skipped",
-        renderLabel: "SKIPPED/NO RESPONSE",
-        renderValue: itemAnalysis.attempts.students_without_response
-      }));
+      return /*#__PURE__*/React.createElement(NewItemAnalysis, {
+        key: itemAnalysis.metadata.item_id,
+        itemAnalysis: itemAnalysis
+      });
     }));
     /* eslint-enable react/jsx-no-literals */
   }; // TODO: distinguish between loading and empty item analyses (eg. when there is no items in a quiz)

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

@@ -12,7 +12,7 @@ import { Link } from '@instructure/ui-link';
 import { themeable } from '@instructure/ui-themeable';
 import Card from "../../../../common/components/shared/Card/index.js";
 var styles = {
-  componentId: 'eRzKS',
+  componentId: 'cNnNG',
   template: function template(theme) {
     return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
   },