@instructure/quiz-core 19.1.1-rc.0 → 19.1.1-rc.2

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -168,7 +168,7 @@ export var MatchingTypeTable = (_dec = themeable(theme, styles), _dec(_class = (
         id: questionRowHeaderId,
         key: questionRowHeaderId,
         themeOverride: {
-          padding: '12px 0 12px 0'
+          padding: '12px 12px 12px 0'
         }
       }, questionBody), answerCells);
     };

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/popoverContent.js

@@ -0,0 +1,6 @@
+import t from '@instructure/quiz-i18n/es/format-message';
+export var noAnswerMissing = {
+  title: t('No Response'),
+  body: t('No response is considered as Incorrect answer in this question type.'),
+  screenReaderLabel: t('No response tooltip')
+};

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -36,6 +36,8 @@ var styles = {
 import { Flex } from '@instructure/ui-flex';
 import classNames from 'classnames';
 import { Text } from '@instructure/ui-text';
+import MetricPopover from "../../../MetricPopover/index.js";
+import { noAnswerMissing } from "./popoverContent.js";
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';
@@ -66,15 +68,18 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderHeaderRow = function () {
+      var popover = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
       var itemId = _this.props.itemId;
       var answerHeaderId = "answer-frequency-summary-aggregate-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-aggregate-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-aggregate-percentage-".concat(itemId);
       return /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: answerHeaderId
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React.createElement(Flex, {
+        gap: "x-small"
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("span", {
         className: classNames(styles.firstHeaderCell)
-      }, t('Result'))), /*#__PURE__*/React.createElement(Table.ColHeader, {
+      }, t('Result'))), /*#__PURE__*/React.createElement(Flex.Item, null, popover && /*#__PURE__*/React.createElement(MetricPopover, noAnswerMissing)))), /*#__PURE__*/React.createElement(Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
       }, t('Respondents')), /*#__PURE__*/React.createElement(Table.ColHeader, {
@@ -196,11 +201,12 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
     };
 
     _this.render = function () {
+      var popover = !_this.noAnswerExist();
       return /*#__PURE__*/React.createElement("div", {
         className: classNames(styles.collapsingTable, styles[_this.getColorProfile()])
       }, /*#__PURE__*/React.createElement(Table, {
         caption: t('Answer Frequency Summary Aggregates')
-      }, _this.renderHeaderRow(), /*#__PURE__*/React.createElement(Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.partialCorrectExist() && _this.renderPartialCorrect(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
+      }, _this.renderHeaderRow(popover), /*#__PURE__*/React.createElement(Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.partialCorrectExist() && _this.renderPartialCorrect(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
     };
 
     return _this;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -195,7 +195,7 @@ var MatchingTypeTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
         id: questionRowHeaderId,
         key: questionRowHeaderId,
         themeOverride: {
-          padding: '12px 0 12px 0'
+          padding: '12px 12px 12px 0'
         }
       }, questionBody), answerCells);
     };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/popoverContent.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noAnswerMissing = void 0;
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var noAnswerMissing = {
+  title: (0, _formatMessage.default)('No Response'),
+  body: (0, _formatMessage.default)('No response is considered as Incorrect answer in this question type.'),
+  screenReaderLabel: (0, _formatMessage.default)('No response tooltip')
+};
+exports.noAnswerMissing = noAnswerMissing;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -39,6 +39,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _uiText = require("@instructure/ui-text");
 
+var _index = _interopRequireDefault(require("../../../MetricPopover/index.js"));
+
+var _popoverContent = require("./popoverContent.js");
+
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -91,15 +95,18 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderHeaderRow = function () {
+      var popover = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
       var itemId = _this.props.itemId;
       var answerHeaderId = "answer-frequency-summary-aggregate-answer-".concat(itemId);
       var respondentsHeaderId = "answer-frequency-summary-aggregate-respondents-".concat(itemId);
       var percentageHeaderId = "answer-frequency-summary-aggregate-percentage-".concat(itemId);
       return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: answerHeaderId
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        gap: "x-small"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(styles.firstHeaderCell)
-      }, (0, _formatMessage.default)('Result'))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Result'))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, popover && /*#__PURE__*/_react.default.createElement(_index.default, _popoverContent.noAnswerMissing)))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
         id: respondentsHeaderId,
         textAlign: "center"
       }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
@@ -221,11 +228,12 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
     };
 
     _this.render = function () {
+      var popover = !_this.noAnswerExist();
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(styles.collapsingTable, styles[_this.getColorProfile()])
       }, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
         caption: (0, _formatMessage.default)('Answer Frequency Summary Aggregates')
-      }, _this.renderHeaderRow(), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.partialCorrectExist() && _this.renderPartialCorrect(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
+      }, _this.renderHeaderRow(popover), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, _this.correctExist() && _this.renderCorrect(), _this.partialCorrectExist() && _this.renderPartialCorrect(), _this.incorrectExist() && _this.renderIncorrect(), _this.noAnswerExist() && _this.renderNoAnswer())));
     };
 
     return _this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "19.1.1-rc.0+aff5e6e8e",
+  "version": "19.1.1-rc.2+b34539c0f",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.48.3",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "19.1.1-rc.0+aff5e6e8e",
-    "@instructure/quiz-i18n": "19.1.1-rc.0+aff5e6e8e",
-    "@instructure/quiz-interactions": "19.1.1-rc.0+aff5e6e8e",
-    "@instructure/quiz-number-input": "19.1.1-rc.0+aff5e6e8e",
-    "@instructure/quiz-rce": "19.1.1-rc.0+aff5e6e8e",
+    "@instructure/quiz-common": "19.1.1-rc.2+b34539c0f",
+    "@instructure/quiz-i18n": "19.1.1-rc.2+b34539c0f",
+    "@instructure/quiz-interactions": "19.1.1-rc.2+b34539c0f",
+    "@instructure/quiz-number-input": "19.1.1-rc.2+b34539c0f",
+    "@instructure/quiz-rce": "19.1.1-rc.2+b34539c0f",
     "@instructure/ui-a11y-content": "^8.48.3",
     "@instructure/ui-alerts": "^8.48.3",
     "@instructure/ui-avatar": "^8.48.3",
@@ -110,7 +110,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "19.1.1-rc.0+aff5e6e8e",
+    "instructure-validations": "19.1.1-rc.2+b34539c0f",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -162,7 +162,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "19.1.1-rc.0+aff5e6e8e",
+    "quiz-presets": "19.1.1-rc.2+b34539c0f",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -178,5 +178,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "aff5e6e8e83aabf450738bff775e27b7e08008aa"
+  "gitHead": "b34539c0fd70d9f128a0ace9056768751d48aa91"
 }