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

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

@@ -0,0 +1,91 @@
+"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.NewQuizAndItemAnalysisReportCard = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiLink = require("@instructure/ui-link");
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
+
+var _theme = _interopRequireDefault(require("../../ReportCard/theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+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'
+};
+var NewQuizAndItemAnalysisReportCard = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NewQuizAndItemAnalysisReportCard, _Component);
+
+  var _super = (0, _createSuper2.default)(NewQuizAndItemAnalysisReportCard);
+
+  function NewQuizAndItemAnalysisReportCard() {
+    (0, _classCallCheck2.default)(this, NewQuizAndItemAnalysisReportCard);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(NewQuizAndItemAnalysisReportCard, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          href = _this$props.href;
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        className: styles.card
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "column"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        align: "end"
+      }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+        href: href
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        size: "small"
+      }, (0, _formatMessage.default)('View Report'))))));
+    }
+  }]);
+  NewQuizAndItemAnalysisReportCard.displayName = "NewQuizAndItemAnalysisReportCard";
+  return NewQuizAndItemAnalysisReportCard;
+}(_react.Component), _class2.propTypes = {
+  name: _propTypes.default.node,
+  href: _propTypes.default.string
+}, _class2.defaultProps = {
+  name: void 0,
+  href: void 0
+}, _temp)) || _class);
+exports.NewQuizAndItemAnalysisReportCard = NewQuizAndItemAnalysisReportCard;
+var _default = NewQuizAndItemAnalysisReportCard;
+exports.default = _default;

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

@@ -21,11 +21,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _uiHeading = require("@instructure/ui-heading");
 
-var _uiMetric = require("@instructure/ui-metric");
+var _index = _interopRequireDefault(require("./NewItemAnalysis/index.js"));
 
 var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
 
-var _index = _interopRequireDefault(require("./NewQuizAnalysis/index.js"));
+var _index2 = _interopRequireDefault(require("./NewQuizAnalysis/index.js"));
 
 var _ref5 = /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
   level: "h3",
@@ -62,7 +62,10 @@ 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":
@@ -92,7 +95,10 @@ 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":
@@ -110,7 +116,7 @@ var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
     fetch();
   }, []);
 
-  var _ref4 = /*#__PURE__*/_react.default.createElement(_index.default, {
+  var _ref4 = /*#__PURE__*/_react.default.createElement(_index2.default, {
     quizAnalysis: quizAnalysis
   });
 
@@ -119,21 +125,10 @@ var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "fs-mask"
     }, _ref4, _ref5, itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
-      return /*#__PURE__*/_react.default.createElement(_uiMetric.MetricGroup, {
-        key: itemAnalysis.metadata.item_id
-      }, /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
-        key: "itemdifficulty",
-        renderLabel: "ITEM DIFFICULTY",
-        renderValue: itemAnalysis.scores.difficulty_index
-      }), /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
-        key: "responded",
-        renderLabel: "RESPONDED",
-        renderValue: itemAnalysis.attempts.students_responded
-      }), /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
-        key: "skipped",
-        renderLabel: "SKIPPED/NO RESPONSE",
-        renderValue: itemAnalysis.attempts.students_without_response
-      }));
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        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/lib/reporting/components/resources/ReportCard/index.js

@@ -34,7 +34,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _class2, _temp;
 
 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', "}");
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.58.2-rc.5+10cc58717",
+  "version": "17.58.2-rc.7+623c562cd",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.8",
-    "@instructure/quiz-common": "17.58.2-rc.5+10cc58717",
-    "@instructure/quiz-i18n": "17.58.2-rc.5+10cc58717",
-    "@instructure/quiz-interactions": "17.58.2-rc.5+10cc58717",
-    "@instructure/quiz-number-input": "17.58.2-rc.5+10cc58717",
-    "@instructure/quiz-rce": "17.58.2-rc.5+10cc58717",
+    "@instructure/quiz-common": "17.58.2-rc.7+623c562cd",
+    "@instructure/quiz-i18n": "17.58.2-rc.7+623c562cd",
+    "@instructure/quiz-interactions": "17.58.2-rc.7+623c562cd",
+    "@instructure/quiz-number-input": "17.58.2-rc.7+623c562cd",
+    "@instructure/quiz-rce": "17.58.2-rc.7+623c562cd",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.58.2-rc.5+10cc58717",
+    "instructure-validations": "17.58.2-rc.7+623c562cd",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.58.2-rc.5+10cc58717",
+    "quiz-presets": "17.58.2-rc.7+623c562cd",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "10cc58717a6e261cc9b562e639ee116ec37af136"
+  "gitHead": "623c562cd0e8f4d89e5c5480e383e8c8ddc01546"
 }