@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.
@@ -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, _ref, /*#__PURE__*/React.createElement(Table.ColHeader, {
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,
@@ -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);
@@ -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('Pearson Correlation Coefficient'),
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, _ref, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
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,
@@ -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;
@@ -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)('Pearson Correlation Coefficient'),
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.7+db67b32a0",
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.7+db67b32a0",
45
- "@instructure/quiz-i18n": "17.63.1-rc.7+db67b32a0",
46
- "@instructure/quiz-interactions": "17.63.1-rc.7+db67b32a0",
47
- "@instructure/quiz-number-input": "17.63.1-rc.7+db67b32a0",
48
- "@instructure/quiz-rce": "17.63.1-rc.7+db67b32a0",
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.7+db67b32a0",
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.7+db67b32a0",
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": "db67b32a0cab3d1af9fb67bbee8acad5589578a4"
176
+ "gitHead": "04b8256df99a5b90afd76c80237f2fc91dfb6953"
177
177
  }