@instructure/quiz-core 17.66.2-rc.8 → 17.66.2-rc.9

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.
@@ -16,17 +16,17 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
16
16
  import { themeable } from '@instructure/ui-themeable';
17
17
  import Card from "../../../../../common/components/shared/Card/index.js";
18
18
  var styles = {
19
- componentId: 'dUUqF',
19
+ componentId: 'bLTgQ',
20
20
  template: function template(theme) {
21
- 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}");
21
+ return "\n\n.bLTgQ_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.bLTgQ_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.bLTgQ_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.bLTgQ_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.bLTgQ_blRb{max-width:160px;padding-right:10px}\n\n.bLTgQ_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.bLTgQ_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.bLTgQ_dJIh{height:auto}.bLTgQ_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.bLTgQ_bqdH{flex-wrap:wrap}}");
22
22
  },
23
- 'metricsContainer': 'dUUqF_bqdH',
24
- 'reportCard': 'dUUqF_PFlN',
25
- 'emptyReportCard': 'dUUqF_dJIh',
26
- 'emptyCardBodyContainer': 'dUUqF_eWEX',
27
- 'dateContainer': 'dUUqF_blRb',
28
- 'quizAnalysisSummary': 'dUUqF_bxzy',
29
- 'titleContainer': 'dUUqF_dKIc'
23
+ 'metricsContainer': 'bLTgQ_bqdH',
24
+ 'reportCard': 'bLTgQ_PFlN',
25
+ 'emptyReportCard': 'bLTgQ_dJIh',
26
+ 'emptyCardBodyContainer': 'bLTgQ_eWEX',
27
+ 'dateContainer': 'bLTgQ_blRb',
28
+ 'quizAnalysisSummary': 'bLTgQ_bxzy',
29
+ 'titleContainer': 'bLTgQ_dKIc'
30
30
  };
31
31
  import theme from "./theme.js";
32
32
  import classnames from 'classnames';
@@ -137,13 +137,15 @@ export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme,
137
137
  direction: "row",
138
138
  justifyItems: "space-between"
139
139
  }, /*#__PURE__*/React.createElement(Flex.Item, {
140
- shouldShrink: true
140
+ shouldShrink: true,
141
+ size: analysisError && !generationInProgress ? '40%' : null
141
142
  }, analysisError && !generationInProgress && /*#__PURE__*/React.createElement(Text, {
142
143
  size: "x-small",
143
- lineHeight: "fit",
144
144
  weight: "bold",
145
145
  color: "danger"
146
- }, analysisError)), /*#__PURE__*/React.createElement(Flex.Item, null, generationInProgress ? _this.renderSpinner(t('Generation In Progress')) : _this.renderGenerateReportButton())));
146
+ }, analysisError)), /*#__PURE__*/React.createElement(Flex.Item, {
147
+ shouldShrink: analysisError && !generationInProgress
148
+ }, generationInProgress ? _this.renderSpinner(t('Generation In Progress')) : _this.renderGenerateReportButton())));
147
149
  };
148
150
 
149
151
  return _this;
@@ -12,12 +12,12 @@ import { Link } from '@instructure/ui-link';
12
12
  import { themeable } from '@instructure/ui-themeable';
13
13
  import Card from "../../../../common/components/shared/Card/index.js";
14
14
  var styles = {
15
- componentId: 'eRzKS',
15
+ componentId: 'cLHes',
16
16
  template: function template(theme) {
17
- 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', "}");
17
+ return "\n\n.cLHes_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.cLHes_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.cLHes_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
18
18
  },
19
- 'card': 'eRzKS_fbIL',
20
- 'details': 'eRzKS_ebWM'
19
+ 'card': 'cLHes_fbIL',
20
+ 'details': 'cLHes_ebWM'
21
21
  };
22
22
  import theme from "./theme.js";
23
23
  import { Flex } from '@instructure/ui-flex';
@@ -52,17 +52,17 @@ var _propTypes2 = require("../propTypes.js");
52
52
  var _dec, _class, _class2, _temp;
53
53
 
54
54
  var styles = {
55
- componentId: 'dUUqF',
55
+ componentId: 'bLTgQ',
56
56
  template: function template(theme) {
57
- 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}");
57
+ return "\n\n.bLTgQ_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding-bottom:".concat(theme.metricsPadding || 'inherit', ";row-gap:8px}\n\n.bLTgQ_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.bLTgQ_dJIh{height:").concat(theme.cardHeight || 'inherit', "}\n\n.bLTgQ_eWEX{align-items:flex-end;align-self:flex-end;display:flex;height:100%;justify-content:flex-end}\n\n.bLTgQ_blRb{max-width:160px;padding-right:10px}\n\n.bLTgQ_bxzy{border-bottom:1px solid ").concat(theme.quizSummaryBorderBottomColor || 'inherit', ";margin-bottom:15px;padding-bottom:15px}\n\n.bLTgQ_dKIc{padding-bottom:15px}\n\n@media only screen and (max-width:25rem){.bLTgQ_dJIh{height:auto}.bLTgQ_PFlN{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}.bLTgQ_bqdH{flex-wrap:wrap}}");
58
58
  },
59
- 'metricsContainer': 'dUUqF_bqdH',
60
- 'reportCard': 'dUUqF_PFlN',
61
- 'emptyReportCard': 'dUUqF_dJIh',
62
- 'emptyCardBodyContainer': 'dUUqF_eWEX',
63
- 'dateContainer': 'dUUqF_blRb',
64
- 'quizAnalysisSummary': 'dUUqF_bxzy',
65
- 'titleContainer': 'dUUqF_dKIc'
59
+ 'metricsContainer': 'bLTgQ_bqdH',
60
+ 'reportCard': 'bLTgQ_PFlN',
61
+ 'emptyReportCard': 'bLTgQ_dJIh',
62
+ 'emptyCardBodyContainer': 'bLTgQ_eWEX',
63
+ 'dateContainer': 'bLTgQ_blRb',
64
+ 'quizAnalysisSummary': 'bLTgQ_bxzy',
65
+ 'titleContainer': 'bLTgQ_dKIc'
66
66
  };
67
67
  var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
68
68
  (0, _inherits2.default)(NewQuizAndItemAnalysisReportCardPresenter, _Component);
@@ -167,13 +167,15 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
167
167
  direction: "row",
168
168
  justifyItems: "space-between"
169
169
  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
170
- shouldShrink: true
170
+ shouldShrink: true,
171
+ size: analysisError && !generationInProgress ? '40%' : null
171
172
  }, analysisError && !generationInProgress && /*#__PURE__*/_react.default.createElement(_uiText.Text, {
172
173
  size: "x-small",
173
- lineHeight: "fit",
174
174
  weight: "bold",
175
175
  color: "danger"
176
- }, analysisError)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
176
+ }, analysisError)), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
177
+ shouldShrink: analysisError && !generationInProgress
178
+ }, generationInProgress ? _this.renderSpinner((0, _formatMessage.default)('Generation In Progress')) : _this.renderGenerateReportButton())));
177
179
  };
178
180
 
179
181
  return _this;
@@ -38,12 +38,12 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
38
38
  var _dec, _class, _class2, _temp;
39
39
 
40
40
  var styles = {
41
- componentId: 'eRzKS',
41
+ componentId: 'cLHes',
42
42
  template: function template(theme) {
43
- 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', "}");
43
+ return "\n\n.cLHes_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.cLHes_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}\n\n@media only screen and (max-width:25rem){.cLHes_fbIL{max-width:").concat(theme.cardWidth || 'inherit', ";width:auto}}");
44
44
  },
45
- 'card': 'eRzKS_fbIL',
46
- 'details': 'eRzKS_ebWM'
45
+ 'card': 'cLHes_fbIL',
46
+ 'details': 'cLHes_ebWM'
47
47
  };
48
48
  var ReportCard = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
49
49
  (0, _inherits2.default)(ReportCard, _Component);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/quiz-core",
3
- "version": "17.66.2-rc.8+939e0fd42",
3
+ "version": "17.66.2-rc.9+bc778cc52",
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.8+939e0fd42",
46
- "@instructure/quiz-i18n": "17.66.2-rc.8+939e0fd42",
47
- "@instructure/quiz-interactions": "17.66.2-rc.8+939e0fd42",
48
- "@instructure/quiz-number-input": "17.66.2-rc.8+939e0fd42",
49
- "@instructure/quiz-rce": "17.66.2-rc.8+939e0fd42",
45
+ "@instructure/quiz-common": "17.66.2-rc.9+bc778cc52",
46
+ "@instructure/quiz-i18n": "17.66.2-rc.9+bc778cc52",
47
+ "@instructure/quiz-interactions": "17.66.2-rc.9+bc778cc52",
48
+ "@instructure/quiz-number-input": "17.66.2-rc.9+bc778cc52",
49
+ "@instructure/quiz-rce": "17.66.2-rc.9+bc778cc52",
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.8+939e0fd42",
110
+ "instructure-validations": "17.66.2-rc.9+bc778cc52",
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.8+939e0fd42",
161
+ "quiz-presets": "17.66.2-rc.9+bc778cc52",
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": "939e0fd42d8c4f2972075655b4d070fb28932716"
177
+ "gitHead": "bc778cc52a3014879810e06942393d6772f0ccb7"
178
178
  }