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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js +2 -2
  2. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +4 -1
  3. package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js +1 -1
  4. package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +24 -16
  5. package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +1 -0
  6. package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js +2 -2
  7. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js +2 -2
  8. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +4 -1
  9. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js +1 -1
  10. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +26 -16
  11. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +1 -0
  12. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js +2 -2
  13. package/package.json +9 -9
package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js CHANGED
@@ -44,9 +44,9 @@ export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class =
44
44
  className: styles.tableWrapper
45
45
  }, /*#__PURE__*/React.createElement(Heading, {
46
46
  margin: "large 0 small 0",
47
- level: "h3",
47
+ level: "h4",
48
48
  theme: {
49
- h3FontWeight: 'normal'
49
+ h4FontWeight: 'normal'
50
50
  }
51
51
  }, t('Answer Frequency Summary')), /*#__PURE__*/React.createElement(ChoiceInfo, {
52
52
  itemId: itemId,
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js CHANGED
@@ -211,6 +211,8 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
211
211
  _createClass(NewItemAnalysis, [{
212
212
  key: "render",
213
213
  value: function render() {
214
+ var _metadata$item_title;
215
+
214
216
  var _this$props$itemAnaly = this.props.itemAnalysis,
215
217
  answer_summary = _this$props$itemAnaly.answer_summary,
216
218
  metadata = _this$props$itemAnaly.metadata,
@@ -219,6 +221,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
219
221
  var isSupportedTable = supportedTables.includes(metadata.interaction_type);
220
222
  var metricsClass = classnames(_defineProperty({}, styles.hiddenMetrics, !this.state.metricsExpanded));
221
223
  var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, !this.state.bodyExpanded));
224
+ var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : t('Untitled item');
222
225
  return /*#__PURE__*/React.createElement(Card, {
223
226
  className: styles.cardWrapper
224
227
  }, /*#__PURE__*/React.createElement(Flex, {
@@ -234,7 +237,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
234
237
  }, /*#__PURE__*/React.createElement(Flex, {
235
238
  direction: "column",
236
239
  justifyItems: "start"
237
- }, /*#__PURE__*/React.createElement(Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/React.createElement(Flex.Item, {
240
+ }, /*#__PURE__*/React.createElement(Flex.Item, null, this.renderTitle(title)), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/React.createElement(Flex.Item, {
238
241
  shouldShrink: true,
239
242
  padding: "small xx-small none none",
240
243
  overflowY: "hidden",
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js CHANGED
@@ -88,7 +88,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
88
88
  }, /*#__PURE__*/React.createElement("div", {
89
89
  className: styles.heading
90
90
  }, /*#__PURE__*/React.createElement(Heading, {
91
- level: "h4",
91
+ level: "h2",
92
92
  margin: "0 x-large 0 0",
93
93
  color: "primary"
94
94
  }, t('Quiz summary:'), " ", metadata === null || metadata === void 0 ? void 0 : metadata.quiz_title)), /*#__PURE__*/React.createElement("div", {
package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
2
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/esm/createClass";
3
4
  import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -14,18 +15,20 @@ import { Flex } from '@instructure/ui-flex';
14
15
  import { themeable } from '@instructure/ui-themeable';
15
16
  import Card from "../../../../../common/components/shared/Card/index.js";
16
17
  var styles = {
17
- componentId: 'boQPo',
18
+ componentId: 'dUUqF',
18
19
  template: function template(theme) {
19
- return "\n\n.boQPo_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.boQPo_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.boQPo_blRb{max-width:160px;padding-right:10px}\n\n.boQPo_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.boQPo_dKIc{padding-bottom:15px}\n\n.boQPo_cGHR{align-self:flex-end}");
20
+ return "\n\n.dUUqF_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.dUUqF_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.dUUqF_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.dUUqF_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.dUUqF_blRb{max-width:160px;padding-right:10px}\n\n.dUUqF_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.dUUqF_dKIc{padding-bottom:15px}");
20
21
  },
21
- 'metricsContainer': 'boQPo_bqdH',
22
- 'reportCard': 'boQPo_PFlN',
23
- 'dateContainer': 'boQPo_blRb',
24
- 'quizAnalysisSummary': 'boQPo_bxzy',
25
- 'titleContainer': 'boQPo_dKIc',
26
- 'spinnerContainer': 'boQPo_cGHR'
22
+ 'metricsContainer': 'dUUqF_bqdH',
23
+ 'reportCard': 'dUUqF_PFlN',
24
+ 'emptyReportCard': 'dUUqF_dJIh',
25
+ 'emptyCardBodyContainer': 'dUUqF_eWEX',
26
+ 'dateContainer': 'dUUqF_blRb',
27
+ 'quizAnalysisSummary': 'dUUqF_bxzy',
28
+ 'titleContainer': 'dUUqF_dKIc'
27
29
  };
28
30
  import theme from "./theme.js";
31
+ import classnames from 'classnames';
29
32
  import AnalysisMetric from "../AnalysisMetric/index.js";
30
33
  import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
31
34
  import { AnalysisUpdateDate } from "../AnalysisUpdateDate/index.js";
@@ -99,20 +102,26 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
99
102
  };
100
103
 
101
104
  _this.renderSpinner = function (mainText) {
102
- return /*#__PURE__*/React.createElement(Spinner, {
105
+ return /*#__PURE__*/React.createElement("div", {
106
+ className: styles.emptyCardBodyContainer
107
+ }, /*#__PURE__*/React.createElement(Flex, {
108
+ direction: "row"
109
+ }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Spinner, {
103
110
  size: "x-small",
104
111
  color: "brand",
105
112
  minHeight: "0",
106
113
  mainText: mainText,
107
114
  fontSize: "x-small"
108
- });
115
+ }))));
109
116
  };
110
117
 
111
118
  _this.renderReportCardFooter = function () {
112
119
  var _this$props2 = _this.props,
113
120
  generationInProgress = _this$props2.generationInProgress,
114
121
  analysisError = _this$props2.analysisError;
115
- return /*#__PURE__*/React.createElement(Flex, {
122
+ return /*#__PURE__*/React.createElement("div", {
123
+ className: styles.emptyCardBodyContainer
124
+ }, /*#__PURE__*/React.createElement(Flex, {
116
125
  direction: "row",
117
126
  justifyItems: "space-between"
118
127
  }, /*#__PURE__*/React.createElement(Flex.Item, {
@@ -127,7 +136,7 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
127
136
  role: "button"
128
137
  }, /*#__PURE__*/React.createElement(Text, {
129
138
  size: "small"
130
- }, t('Generate Report')))));
139
+ }, t('Generate Report'))))));
131
140
  };
132
141
 
133
142
  return _this;
@@ -140,16 +149,15 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
140
149
  fetchInProgress = _this$props3.fetchInProgress,
141
150
  name = _this$props3.name,
142
151
  quizAnalysis = _this$props3.quizAnalysis;
152
+ var reportCardStyles = classnames(styles.reportCard, _defineProperty({}, styles.emptyReportCard, !quizAnalysis));
143
153
  return /*#__PURE__*/React.createElement(Card, {
144
- className: styles.reportCard
154
+ className: reportCardStyles
145
155
  }, /*#__PURE__*/React.createElement("div", {
146
156
  className: styles.titleContainer
147
157
  }, /*#__PURE__*/React.createElement(Text, {
148
158
  size: "medium",
149
159
  weight: "bold"
150
- }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && /*#__PURE__*/React.createElement("div", {
151
- className: styles.spinnerContainer
152
- }, this.renderSpinner()), !fetchInProgress && this.renderReportCardFooter());
160
+ }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
153
161
  }
154
162
  }]);
155
163
 
package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js CHANGED
@@ -4,6 +4,7 @@ export default function generator(_ref) {
4
4
  colors = _ref.colors;
5
5
  return {
6
6
  metricsPadding: spacing.medium,
7
+ cardHeight: '6rem',
7
8
  cardWidth: '16rem',
8
9
  cardPadding: spacing.medium,
9
10
  cardMargin: spacing.xSmall,
package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js CHANGED
@@ -55,9 +55,9 @@ export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (
55
55
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
56
56
  className: styles.headingContainer
57
57
  }, /*#__PURE__*/React.createElement(Heading, {
58
- level: "h2",
58
+ level: "h3",
59
59
  theme: {
60
- h2FontWeight: 300
60
+ h3FontWeight: 300
61
61
  }
62
62
  }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {
63
63
  animateDelay: 1000,
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js CHANGED
@@ -65,9 +65,9 @@ var AnswerSummaryTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
65
65
  className: styles.tableWrapper
66
66
  }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
67
67
  margin: "large 0 small 0",
68
- level: "h3",
68
+ level: "h4",
69
69
  theme: {
70
- h3FontWeight: 'normal'
70
+ h4FontWeight: 'normal'
71
71
  }
72
72
  }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_presenter.ChoiceInfo, {
73
73
  itemId: itemId,
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js CHANGED
@@ -244,6 +244,8 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
244
244
  (0, _createClass2.default)(NewItemAnalysis, [{
245
245
  key: "render",
246
246
  value: function render() {
247
+ var _metadata$item_title;
248
+
247
249
  var _this$props$itemAnaly = this.props.itemAnalysis,
248
250
  answer_summary = _this$props$itemAnaly.answer_summary,
249
251
  metadata = _this$props$itemAnaly.metadata,
@@ -252,6 +254,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
252
254
  var isSupportedTable = supportedTables.includes(metadata.interaction_type);
253
255
  var metricsClass = (0, _classnames3.default)((0, _defineProperty2.default)({}, styles.hiddenMetrics, !this.state.metricsExpanded));
254
256
  var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, !this.state.bodyExpanded));
257
+ var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage.default)('Untitled item');
255
258
  return /*#__PURE__*/_react.default.createElement(_index2.default, {
256
259
  className: styles.cardWrapper
257
260
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
@@ -267,7 +270,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
267
270
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
268
271
  direction: "column",
269
272
  justifyItems: "start"
270
- }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderTitle(metadata.item_title)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
273
+ }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderTitle(title)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderInteractionType(metadata.interaction_type)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
271
274
  shouldShrink: true,
272
275
  padding: "small xx-small none none",
273
276
  overflowY: "hidden",
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/presenter.js CHANGED
@@ -117,7 +117,7 @@ var NewQuizAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
117
117
  }, /*#__PURE__*/_react.default.createElement("div", {
118
118
  className: styles.heading
119
119
  }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
120
- level: "h4",
120
+ level: "h2",
121
121
  margin: "0 x-large 0 0",
122
122
  color: "primary"
123
123
  }, (0, _formatMessage.default)('Quiz summary:'), " ", metadata === null || metadata === void 0 ? void 0 : metadata.quiz_title)), /*#__PURE__*/_react.default.createElement("div", {
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js CHANGED
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.NewQuizAndItemAnalysisReportCardPresenter = void 0;
11
11
 
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
+
12
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
15
 
14
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -35,6 +37,8 @@ var _index = _interopRequireDefault(require("../../../../../common/components/sh
35
37
 
36
38
  var _theme = _interopRequireDefault(require("./theme.js"));
37
39
 
40
+ var _classnames2 = _interopRequireDefault(require("classnames"));
41
+
38
42
  var _index2 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
39
43
 
40
44
  var _Spinner = _interopRequireDefault(require("../../../../../common/components/shared/spinner/Spinner.js"));
@@ -46,16 +50,17 @@ var _propTypes2 = require("../propTypes.js");
46
50
  var _dec, _class, _class2, _temp;
47
51
 
48
52
  var styles = {
49
- componentId: 'boQPo',
53
+ componentId: 'dUUqF',
50
54
  template: function template(theme) {
51
- return "\n\n.boQPo_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.boQPo_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.boQPo_blRb{max-width:160px;padding-right:10px}\n\n.boQPo_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.boQPo_dKIc{padding-bottom:15px}\n\n.boQPo_cGHR{align-self:flex-end}");
55
+ return "\n\n.dUUqF_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', "}\n\n.dUUqF_PFlN{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.dUUqF_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.dUUqF_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.dUUqF_blRb{max-width:160px;padding-right:10px}\n\n.dUUqF_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.dUUqF_dKIc{padding-bottom:15px}");
52
56
  },
53
- 'metricsContainer': 'boQPo_bqdH',
54
- 'reportCard': 'boQPo_PFlN',
55
- 'dateContainer': 'boQPo_blRb',
56
- 'quizAnalysisSummary': 'boQPo_bxzy',
57
- 'titleContainer': 'boQPo_dKIc',
58
- 'spinnerContainer': 'boQPo_cGHR'
57
+ 'metricsContainer': 'dUUqF_bqdH',
58
+ 'reportCard': 'dUUqF_PFlN',
59
+ 'emptyReportCard': 'dUUqF_dJIh',
60
+ 'emptyCardBodyContainer': 'dUUqF_eWEX',
61
+ 'dateContainer': 'dUUqF_blRb',
62
+ 'quizAnalysisSummary': 'dUUqF_bxzy',
63
+ 'titleContainer': 'dUUqF_dKIc'
59
64
  };
60
65
  var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
61
66
  (0, _inherits2.default)(NewQuizAndItemAnalysisReportCardPresenter, _Component);
@@ -126,20 +131,26 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
126
131
  };
127
132
 
128
133
  _this.renderSpinner = function (mainText) {
129
- return /*#__PURE__*/_react.default.createElement(_Spinner.default, {
134
+ return /*#__PURE__*/_react.default.createElement("div", {
135
+ className: styles.emptyCardBodyContainer
136
+ }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
137
+ direction: "row"
138
+ }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
130
139
  size: "x-small",
131
140
  color: "brand",
132
141
  minHeight: "0",
133
142
  mainText: mainText,
134
143
  fontSize: "x-small"
135
- });
144
+ }))));
136
145
  };
137
146
 
138
147
  _this.renderReportCardFooter = function () {
139
148
  var _this$props2 = _this.props,
140
149
  generationInProgress = _this$props2.generationInProgress,
141
150
  analysisError = _this$props2.analysisError;
142
- return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
151
+ return /*#__PURE__*/_react.default.createElement("div", {
152
+ className: styles.emptyCardBodyContainer
153
+ }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
143
154
  direction: "row",
144
155
  justifyItems: "space-between"
145
156
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
@@ -154,7 +165,7 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
154
165
  role: "button"
155
166
  }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
156
167
  size: "small"
157
- }, (0, _formatMessage.default)('Generate Report')))));
168
+ }, (0, _formatMessage.default)('Generate Report'))))));
158
169
  };
159
170
 
160
171
  return _this;
@@ -167,16 +178,15 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
167
178
  fetchInProgress = _this$props3.fetchInProgress,
168
179
  name = _this$props3.name,
169
180
  quizAnalysis = _this$props3.quizAnalysis;
181
+ var reportCardStyles = (0, _classnames2.default)(styles.reportCard, (0, _defineProperty2.default)({}, styles.emptyReportCard, !quizAnalysis));
170
182
  return /*#__PURE__*/_react.default.createElement(_index.default, {
171
- className: styles.reportCard
183
+ className: reportCardStyles
172
184
  }, /*#__PURE__*/_react.default.createElement("div", {
173
185
  className: styles.titleContainer
174
186
  }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
175
187
  size: "medium",
176
188
  weight: "bold"
177
- }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && /*#__PURE__*/_react.default.createElement("div", {
178
- className: styles.spinnerContainer
179
- }, this.renderSpinner()), !fetchInProgress && this.renderReportCardFooter());
189
+ }, name)), !fetchInProgress && quizAnalysis && this.renderQuizAnalysisSummary(), fetchInProgress && this.renderSpinner(), !fetchInProgress && this.renderReportCardFooter());
180
190
  }
181
191
  }]);
182
192
  NewQuizAndItemAnalysisReportCardPresenter.displayName = "NewQuizAndItemAnalysisReportCardPresenter";
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js CHANGED
@@ -11,6 +11,7 @@ function generator(_ref) {
11
11
  colors = _ref.colors;
12
12
  return {
13
13
  metricsPadding: spacing.medium,
14
+ cardHeight: '6rem',
14
15
  cardWidth: '16rem',
15
16
  cardPadding: spacing.medium,
16
17
  cardMargin: spacing.xSmall,
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js CHANGED
@@ -77,9 +77,9 @@ var ScoreDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
77
77
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
78
78
  className: styles.headingContainer
79
79
  }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
80
- level: "h2",
80
+ level: "h3",
81
81
  theme: {
82
- h2FontWeight: 300
82
+ h3FontWeight: 300
83
83
  }
84
84
  }, (0, _formatMessage.default)('Score Distribution'))), /*#__PURE__*/_react.default.createElement(_index.default, {
85
85
  animateDelay: 1000,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "17.66.2-rc.5+010f352ab",
3
+ "version": "17.66.2-rc.7+a7d0e14f3",
4
4
  "license": "MIT",
5
5
  "description": "The Quiz React SDK by Instructure Inc.",
6
6
  "author": "Instructure, Inc. Engineering and Product Design",
@@ -42,11 +42,11 @@
42
42
  "dependencies": {
43
43
  "@instructure/grading-utils": "^1.0.0",
44
44
  "@instructure/outcomes-ui": "^2.1.9",
45
- "@instructure/quiz-common": "17.66.2-rc.5+010f352ab",
46
- "@instructure/quiz-i18n": "17.66.2-rc.5+010f352ab",
47
- "@instructure/quiz-interactions": "17.66.2-rc.5+010f352ab",
48
- "@instructure/quiz-number-input": "17.66.2-rc.5+010f352ab",
49
- "@instructure/quiz-rce": "17.66.2-rc.5+010f352ab",
45
+ "@instructure/quiz-common": "17.66.2-rc.7+a7d0e14f3",
46
+ "@instructure/quiz-i18n": "17.66.2-rc.7+a7d0e14f3",
47
+ "@instructure/quiz-interactions": "17.66.2-rc.7+a7d0e14f3",
48
+ "@instructure/quiz-number-input": "17.66.2-rc.7+a7d0e14f3",
49
+ "@instructure/quiz-rce": "17.66.2-rc.7+a7d0e14f3",
50
50
  "@instructure/ui-a11y-content": "^7.20.0",
51
51
  "@instructure/ui-alerts": "^7.20.0",
52
52
  "@instructure/ui-avatar": "^7.20.0",
@@ -107,7 +107,7 @@
107
107
  "eventemitter3": "^3.1.0",
108
108
  "humps": "^2.0.0",
109
109
  "immutable": "^3.8.1",
110
- "instructure-validations": "17.66.2-rc.5+010f352ab",
110
+ "instructure-validations": "17.66.2-rc.7+a7d0e14f3",
111
111
  "ipaddr.js": "^1.5.4",
112
112
  "isomorphic-fetch": "^2.2.0",
113
113
  "isuuid": "^0.1.0",
@@ -158,7 +158,7 @@
158
158
  "intl": "^1.2.4",
159
159
  "jquery": "^2.2.3",
160
160
  "most-subject": "^5.3.0",
161
- "quiz-presets": "17.66.2-rc.5+010f352ab",
161
+ "quiz-presets": "17.66.2-rc.7+a7d0e14f3",
162
162
  "react": "^16.8.6",
163
163
  "react-addons-test-utils": "^15.6.2",
164
164
  "react-dom": "^16.8.6",
@@ -174,5 +174,5 @@
174
174
  "publishConfig": {
175
175
  "access": "public"
176
176
  },
177
- "gitHead": "010f352ab09eb0e60ad8261f802bb69e4592d3a9"
177
+ "gitHead": "a7d0e14f3ffee5f0fc19771ed42fd1d4eeac2e53"
178
178
  }