@instructure/quiz-core 17.63.1-rc.7 → 17.63.1-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/AnswerSummaryTable/ChoiceInfo/presenter.js +14 -7
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js +4 -0
- package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +5 -3
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/ChoiceInfo/presenter.js +14 -6
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js +5 -0
- package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js +5 -3
- package/package.json +9 -9
|
@@ -7,11 +7,6 @@ import t from '@instructure/quiz-i18n/es/format-message';
|
|
|
7
7
|
import { Table } from '@instructure/ui-table';
|
|
8
8
|
import Row from "../Row/index.js";
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
|
-
|
|
11
|
-
var _ref = /*#__PURE__*/React.createElement(Table.ColHeader, {
|
|
12
|
-
width: "46px"
|
|
13
|
-
});
|
|
14
|
-
|
|
15
10
|
export var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
16
11
|
_inherits(ChoiceInfo, _Component);
|
|
17
12
|
|
|
@@ -58,15 +53,26 @@ export var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
|
58
53
|
value: function render() {
|
|
59
54
|
var _this$props = this.props,
|
|
60
55
|
choices = _this$props.choices,
|
|
61
|
-
noAnswer = _this$props.noAnswer
|
|
56
|
+
noAnswer = _this$props.noAnswer,
|
|
57
|
+
itemId = _this$props.itemId;
|
|
62
58
|
var numberOfChoices = choices.length;
|
|
59
|
+
var spacingHeaderId = "answer-frequency-summary-spacing-".concat(itemId);
|
|
60
|
+
var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
|
|
61
|
+
var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
|
|
62
|
+
var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
|
|
63
63
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
|
|
64
64
|
caption: t('Answer Frequency Summary')
|
|
65
|
-
}, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null,
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
|
|
66
|
+
id: spacingHeaderId,
|
|
67
|
+
width: "46px"
|
|
68
|
+
}), /*#__PURE__*/React.createElement(Table.ColHeader, {
|
|
69
|
+
id: answerHeaderId,
|
|
66
70
|
height: "47px"
|
|
67
71
|
}, t('Answer')), /*#__PURE__*/React.createElement(Table.ColHeader, {
|
|
72
|
+
id: respondentsHeaderId,
|
|
68
73
|
height: "47px"
|
|
69
74
|
}, t('Respondents')), /*#__PURE__*/React.createElement(Table.ColHeader, {
|
|
75
|
+
id: percentageHeaderId,
|
|
70
76
|
height: "47px",
|
|
71
77
|
textAlign: "center"
|
|
72
78
|
}, t('%')))), /*#__PURE__*/React.createElement(Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices))));
|
|
@@ -77,6 +83,7 @@ export var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
|
77
83
|
return ChoiceInfo;
|
|
78
84
|
}(Component);
|
|
79
85
|
ChoiceInfo.propTypes = {
|
|
86
|
+
itemId: PropTypes.number,
|
|
80
87
|
choices: PropTypes.arrayOf(PropTypes.shape({
|
|
81
88
|
body: PropTypes.string,
|
|
82
89
|
correct: PropTypes.bool,
|
package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js
CHANGED
|
@@ -22,6 +22,7 @@ var styles = {
|
|
|
22
22
|
import { ChoiceInfo } from "./ChoiceInfo/presenter.js";
|
|
23
23
|
import t from '@instructure/quiz-i18n/es/format-message';
|
|
24
24
|
import { answerSummaryPropType } from "../propTypes.js";
|
|
25
|
+
import { PropTypes } from '@instructure/quiz-interactions';
|
|
25
26
|
export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
|
|
26
27
|
_inherits(AnswerSummaryTable, _Component);
|
|
27
28
|
|
|
@@ -42,12 +43,14 @@ export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class =
|
|
|
42
43
|
var _this$props$answerSum = _this.props.answerSummary,
|
|
43
44
|
choices = _this$props$answerSum.choices,
|
|
44
45
|
no_answer = _this$props$answerSum.no_answer;
|
|
46
|
+
var itemId = _this.props.itemId;
|
|
45
47
|
return /*#__PURE__*/React.createElement("div", {
|
|
46
48
|
className: styles.tableWrapper
|
|
47
49
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
48
50
|
margin: "large 0 small 0",
|
|
49
51
|
level: "h3"
|
|
50
52
|
}, t('Answer Frequency Summary')), /*#__PURE__*/React.createElement(ChoiceInfo, {
|
|
53
|
+
itemId: itemId,
|
|
51
54
|
choices: choices,
|
|
52
55
|
noAnswer: no_answer
|
|
53
56
|
}));
|
|
@@ -58,5 +61,6 @@ export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class =
|
|
|
58
61
|
|
|
59
62
|
return AnswerSummaryTable;
|
|
60
63
|
}(Component), _class2.propTypes = {
|
|
64
|
+
itemId: PropTypes.number,
|
|
61
65
|
answerSummary: answerSummaryPropType
|
|
62
66
|
}.isRequired, _temp)) || _class);
|
package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js
CHANGED
|
@@ -174,13 +174,13 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
|
|
|
174
174
|
margin: "none medium none none"
|
|
175
175
|
}, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
|
|
176
176
|
metricKey: "pearson_correlation",
|
|
177
|
-
label: t('
|
|
177
|
+
label: t('Corrected Item-Total Correlation Coefficient'),
|
|
178
178
|
value: t.number(scores.pearson_correlation),
|
|
179
179
|
popoverDescription: pearsonCorrelation
|
|
180
180
|
}))))));
|
|
181
181
|
};
|
|
182
182
|
|
|
183
|
-
_this.renderAnswerSummaryTable = function (answer_summary, isSupportedTable, metricsClass) {
|
|
183
|
+
_this.renderAnswerSummaryTable = function (itemId, answer_summary, isSupportedTable, metricsClass) {
|
|
184
184
|
return /*#__PURE__*/React.createElement("div", {
|
|
185
185
|
className: metricsClass
|
|
186
186
|
}, isSupportedTable && /*#__PURE__*/React.createElement(Flex, {
|
|
@@ -188,6 +188,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
|
|
|
188
188
|
}, /*#__PURE__*/React.createElement(Flex.Item, {
|
|
189
189
|
size: "55%"
|
|
190
190
|
}, /*#__PURE__*/React.createElement(AnswerSummaryTable, {
|
|
191
|
+
itemId: itemId,
|
|
191
192
|
answerSummary: answer_summary
|
|
192
193
|
}))));
|
|
193
194
|
};
|
|
@@ -202,6 +203,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
|
|
|
202
203
|
answer_summary = _this$props$itemAnaly.answer_summary,
|
|
203
204
|
metadata = _this$props$itemAnaly.metadata,
|
|
204
205
|
scores = _this$props$itemAnaly.scores;
|
|
206
|
+
var itemId = metadata.item_id;
|
|
205
207
|
var isSupportedTable = supportedTables.includes(metadata.interaction_type);
|
|
206
208
|
var metricsClass = classnames(_defineProperty({}, styles.hiddenMetrics, !this.state.metricsExpanded));
|
|
207
209
|
var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, !this.state.bodyExpanded));
|
|
@@ -230,7 +232,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
|
|
|
230
232
|
shouldShrink: true,
|
|
231
233
|
overflowY: "hidden",
|
|
232
234
|
size: !this.state.bodyExpanded ? '48px' : void 0
|
|
233
|
-
}, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderAnswerSummaryTable(answer_summary, isSupportedTable, metricsClass))));
|
|
235
|
+
}, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
|
|
234
236
|
}
|
|
235
237
|
}]);
|
|
236
238
|
|
|
@@ -27,10 +27,6 @@ var _index = _interopRequireDefault(require("../Row/index.js"));
|
|
|
27
27
|
|
|
28
28
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
29
|
|
|
30
|
-
var _ref = /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
|
|
31
|
-
width: "46px"
|
|
32
|
-
});
|
|
33
|
-
|
|
34
30
|
var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
35
31
|
(0, _inherits2.default)(ChoiceInfo, _Component);
|
|
36
32
|
|
|
@@ -77,15 +73,26 @@ var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
|
77
73
|
value: function render() {
|
|
78
74
|
var _this$props = this.props,
|
|
79
75
|
choices = _this$props.choices,
|
|
80
|
-
noAnswer = _this$props.noAnswer
|
|
76
|
+
noAnswer = _this$props.noAnswer,
|
|
77
|
+
itemId = _this$props.itemId;
|
|
81
78
|
var numberOfChoices = choices.length;
|
|
79
|
+
var spacingHeaderId = "answer-frequency-summary-spacing-".concat(itemId);
|
|
80
|
+
var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
|
|
81
|
+
var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
|
|
82
|
+
var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
|
|
82
83
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
|
|
83
84
|
caption: (0, _formatMessage.default)('Answer Frequency Summary')
|
|
84
|
-
}, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null,
|
|
85
|
+
}, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
|
|
86
|
+
id: spacingHeaderId,
|
|
87
|
+
width: "46px"
|
|
88
|
+
}), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
|
|
89
|
+
id: answerHeaderId,
|
|
85
90
|
height: "47px"
|
|
86
91
|
}, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
|
|
92
|
+
id: respondentsHeaderId,
|
|
87
93
|
height: "47px"
|
|
88
94
|
}, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
|
|
95
|
+
id: percentageHeaderId,
|
|
89
96
|
height: "47px",
|
|
90
97
|
textAlign: "center"
|
|
91
98
|
}, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices))));
|
|
@@ -97,6 +104,7 @@ var ChoiceInfo = /*#__PURE__*/function (_Component) {
|
|
|
97
104
|
|
|
98
105
|
exports.ChoiceInfo = ChoiceInfo;
|
|
99
106
|
ChoiceInfo.propTypes = {
|
|
107
|
+
itemId: _propTypes.default.number,
|
|
100
108
|
choices: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
101
109
|
body: _propTypes.default.string,
|
|
102
110
|
correct: _propTypes.default.bool,
|
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/presenter.js
CHANGED
|
@@ -29,6 +29,8 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
|
|
|
29
29
|
|
|
30
30
|
var _propTypes = require("../propTypes.js");
|
|
31
31
|
|
|
32
|
+
var _quizInteractions = require("@instructure/quiz-interactions");
|
|
33
|
+
|
|
32
34
|
var _dec, _class, _class2, _temp;
|
|
33
35
|
|
|
34
36
|
var styles = {
|
|
@@ -62,12 +64,14 @@ var AnswerSummaryTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
|
|
|
62
64
|
var _this$props$answerSum = _this.props.answerSummary,
|
|
63
65
|
choices = _this$props$answerSum.choices,
|
|
64
66
|
no_answer = _this$props$answerSum.no_answer;
|
|
67
|
+
var itemId = _this.props.itemId;
|
|
65
68
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
69
|
className: styles.tableWrapper
|
|
67
70
|
}, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
|
|
68
71
|
margin: "large 0 small 0",
|
|
69
72
|
level: "h3"
|
|
70
73
|
}, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_presenter.ChoiceInfo, {
|
|
74
|
+
itemId: itemId,
|
|
71
75
|
choices: choices,
|
|
72
76
|
noAnswer: no_answer
|
|
73
77
|
}));
|
|
@@ -78,6 +82,7 @@ var AnswerSummaryTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
|
|
|
78
82
|
|
|
79
83
|
return AnswerSummaryTable;
|
|
80
84
|
}(_react.Component), _class2.propTypes = {
|
|
85
|
+
itemId: _quizInteractions.PropTypes.number,
|
|
81
86
|
answerSummary: _propTypes.answerSummaryPropType
|
|
82
87
|
}.isRequired, _temp)) || _class);
|
|
83
88
|
exports.AnswerSummaryTable = AnswerSummaryTable;
|
package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js
CHANGED
|
@@ -206,13 +206,13 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
|
|
|
206
206
|
margin: "none medium none none"
|
|
207
207
|
}, /*#__PURE__*/_react.default.createElement(_index4.default, {
|
|
208
208
|
metricKey: "pearson_correlation",
|
|
209
|
-
label: (0, _formatMessage.default)('
|
|
209
|
+
label: (0, _formatMessage.default)('Corrected Item-Total Correlation Coefficient'),
|
|
210
210
|
value: _formatMessage.default.number(scores.pearson_correlation),
|
|
211
211
|
popoverDescription: _popoverContent.pearsonCorrelation
|
|
212
212
|
}))))));
|
|
213
213
|
};
|
|
214
214
|
|
|
215
|
-
_this.renderAnswerSummaryTable = function (answer_summary, isSupportedTable, metricsClass) {
|
|
215
|
+
_this.renderAnswerSummaryTable = function (itemId, answer_summary, isSupportedTable, metricsClass) {
|
|
216
216
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
217
217
|
className: metricsClass
|
|
218
218
|
}, isSupportedTable && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
|
|
@@ -220,6 +220,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
|
|
|
220
220
|
}, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
|
|
221
221
|
size: "55%"
|
|
222
222
|
}, /*#__PURE__*/_react.default.createElement(_index5.default, {
|
|
223
|
+
itemId: itemId,
|
|
223
224
|
answerSummary: answer_summary
|
|
224
225
|
}))));
|
|
225
226
|
};
|
|
@@ -234,6 +235,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
|
|
|
234
235
|
answer_summary = _this$props$itemAnaly.answer_summary,
|
|
235
236
|
metadata = _this$props$itemAnaly.metadata,
|
|
236
237
|
scores = _this$props$itemAnaly.scores;
|
|
238
|
+
var itemId = metadata.item_id;
|
|
237
239
|
var isSupportedTable = supportedTables.includes(metadata.interaction_type);
|
|
238
240
|
var metricsClass = (0, _classnames3.default)((0, _defineProperty2.default)({}, styles.hiddenMetrics, !this.state.metricsExpanded));
|
|
239
241
|
var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, !this.state.bodyExpanded));
|
|
@@ -262,7 +264,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
|
|
|
262
264
|
shouldShrink: true,
|
|
263
265
|
overflowY: "hidden",
|
|
264
266
|
size: !this.state.bodyExpanded ? '48px' : void 0
|
|
265
|
-
}, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(answer_summary, isSupportedTable, metricsClass))));
|
|
267
|
+
}, this.renderRichContent(metadata.item_body, itemBodyClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
|
|
266
268
|
}
|
|
267
269
|
}]);
|
|
268
270
|
NewItemAnalysis.displayName = "NewItemAnalysis";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/quiz-core",
|
|
3
|
-
"version": "17.63.1-rc.
|
|
3
|
+
"version": "17.63.1-rc.9+04b8256df",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The Quiz React SDK by Instructure Inc.",
|
|
6
6
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@instructure/outcomes-ui": "^2.1.9",
|
|
44
|
-
"@instructure/quiz-common": "17.63.1-rc.
|
|
45
|
-
"@instructure/quiz-i18n": "17.63.1-rc.
|
|
46
|
-
"@instructure/quiz-interactions": "17.63.1-rc.
|
|
47
|
-
"@instructure/quiz-number-input": "17.63.1-rc.
|
|
48
|
-
"@instructure/quiz-rce": "17.63.1-rc.
|
|
44
|
+
"@instructure/quiz-common": "17.63.1-rc.9+04b8256df",
|
|
45
|
+
"@instructure/quiz-i18n": "17.63.1-rc.9+04b8256df",
|
|
46
|
+
"@instructure/quiz-interactions": "17.63.1-rc.9+04b8256df",
|
|
47
|
+
"@instructure/quiz-number-input": "17.63.1-rc.9+04b8256df",
|
|
48
|
+
"@instructure/quiz-rce": "17.63.1-rc.9+04b8256df",
|
|
49
49
|
"@instructure/ui-a11y-content": "^7.20.0",
|
|
50
50
|
"@instructure/ui-alerts": "^7.20.0",
|
|
51
51
|
"@instructure/ui-avatar": "^7.20.0",
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
"eventemitter3": "^3.1.0",
|
|
107
107
|
"humps": "^2.0.0",
|
|
108
108
|
"immutable": "^3.8.1",
|
|
109
|
-
"instructure-validations": "17.63.1-rc.
|
|
109
|
+
"instructure-validations": "17.63.1-rc.9+04b8256df",
|
|
110
110
|
"ipaddr.js": "^1.5.4",
|
|
111
111
|
"isomorphic-fetch": "^2.2.0",
|
|
112
112
|
"isuuid": "^0.1.0",
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
"intl": "^1.2.4",
|
|
158
158
|
"jquery": "^2.2.3",
|
|
159
159
|
"most-subject": "^5.3.0",
|
|
160
|
-
"quiz-presets": "17.63.1-rc.
|
|
160
|
+
"quiz-presets": "17.63.1-rc.9+04b8256df",
|
|
161
161
|
"react": "^16.8.6",
|
|
162
162
|
"react-addons-test-utils": "^15.6.2",
|
|
163
163
|
"react-dom": "^16.8.6",
|
|
@@ -173,5 +173,5 @@
|
|
|
173
173
|
"publishConfig": {
|
|
174
174
|
"access": "public"
|
|
175
175
|
},
|
|
176
|
-
"gitHead": "
|
|
176
|
+
"gitHead": "04b8256df99a5b90afd76c80237f2fc91dfb6953"
|
|
177
177
|
}
|