@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.
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +14 -12
- package/es/reporting/components/resources/ReportCard/index.js +4 -4
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js +14 -12
- package/lib/reporting/components/resources/ReportCard/index.js +4 -4
- package/package.json +9 -9
|
@@ -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: '
|
|
19
|
+
componentId: 'bLTgQ',
|
|
20
20
|
template: function template(theme) {
|
|
21
|
-
return "\n\n.
|
|
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': '
|
|
24
|
-
'reportCard': '
|
|
25
|
-
'emptyReportCard': '
|
|
26
|
-
'emptyCardBodyContainer': '
|
|
27
|
-
'dateContainer': '
|
|
28
|
-
'quizAnalysisSummary': '
|
|
29
|
-
'titleContainer': '
|
|
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,
|
|
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: '
|
|
15
|
+
componentId: 'cLHes',
|
|
16
16
|
template: function template(theme) {
|
|
17
|
-
return "\n\n.
|
|
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': '
|
|
20
|
-
'details': '
|
|
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: '
|
|
55
|
+
componentId: 'bLTgQ',
|
|
56
56
|
template: function template(theme) {
|
|
57
|
-
return "\n\n.
|
|
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': '
|
|
60
|
-
'reportCard': '
|
|
61
|
-
'emptyReportCard': '
|
|
62
|
-
'emptyCardBodyContainer': '
|
|
63
|
-
'dateContainer': '
|
|
64
|
-
'quizAnalysisSummary': '
|
|
65
|
-
'titleContainer': '
|
|
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,
|
|
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: '
|
|
41
|
+
componentId: 'cLHes',
|
|
42
42
|
template: function template(theme) {
|
|
43
|
-
return "\n\n.
|
|
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': '
|
|
46
|
-
'details': '
|
|
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.
|
|
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.
|
|
46
|
-
"@instructure/quiz-i18n": "17.66.2-rc.
|
|
47
|
-
"@instructure/quiz-interactions": "17.66.2-rc.
|
|
48
|
-
"@instructure/quiz-number-input": "17.66.2-rc.
|
|
49
|
-
"@instructure/quiz-rce": "17.66.2-rc.
|
|
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.
|
|
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.
|
|
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": "
|
|
177
|
+
"gitHead": "bc778cc52a3014879810e06942393d6772f0ccb7"
|
|
178
178
|
}
|