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

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 (5) hide show
  1. package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +24 -16
  2. package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +1 -0
  3. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +26 -16
  4. package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/theme.js +1 -0
  5. package/package.json +9 -9
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/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/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.6+1f02d33c0",
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.6+1f02d33c0",
46
+ "@instructure/quiz-i18n": "17.66.2-rc.6+1f02d33c0",
47
+ "@instructure/quiz-interactions": "17.66.2-rc.6+1f02d33c0",
48
+ "@instructure/quiz-number-input": "17.66.2-rc.6+1f02d33c0",
49
+ "@instructure/quiz-rce": "17.66.2-rc.6+1f02d33c0",
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.6+1f02d33c0",
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.6+1f02d33c0",
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": "1f02d33c09a57ed2bbb1e7b76e5c6b1a4faa65bb"
178
178
  }