@instructure/quiz-core 19.0.0 → 19.0.1-rc.0

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/index.js

@@ -0,0 +1 @@
+export { ChoiceTypeTable as default } from "./presenter.js";

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/presenter.js

@@ -0,0 +1,169 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
+import React, { Component } from 'react';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Table } from '@instructure/ui-table';
+import { themeable } from '@instructure/ui-themeable';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import PropTypes from 'prop-types';
+import { choiceTypeAnswerSummaryPropType } from "../../../propTypes.js";
+var styles = {
+  componentId: 'TErmM',
+  template: function template(theme) {
+    return "\n\n.TErmM_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.TErmM_SVtU{max-width:100%;width:calc(25% + 350px)}\n\n.TErmM_SVtU table tbody tr th{font-weight:400;height:1px;width:33.33%}\n\n.TErmM_SVtU table tbody tr td{height:1px;width:33.33%}\n\n.TErmM_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.TErmM_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.TErmM_EKAb svg{fill:#fff}\n\n.TErmM_cCmC{align-items:center;display:flex;height:calc(100% - 4px);justify-content:center}\n\n.TErmM_dJVn{padding:").concat(theme.cellPadding || 'inherit', "}\n\n.TErmM_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0}\n\n.TErmM_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'TErmM_rMrG',
+  'tableContainer': 'TErmM_SVtU',
+  'iconWrapper': 'TErmM_cvRx',
+  'iconCorrect': 'TErmM_EKAb',
+  'textContainer': 'TErmM_cCmC',
+  'firstTextContainer': 'TErmM_dJVn',
+  'correctRowBorder': 'TErmM_tnta',
+  'correctRowBorderRadius': 'TErmM_fvqY'
+};
+import theme from "./theme.js";
+import classNames from 'classnames';
+import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
+import { extractTextFromHtml } from '@instructure/quiz-interactions';
+import { Flex } from '@instructure/ui-flex';
+import { Text } from '@instructure/ui-text';
+
+var _ref = /*#__PURE__*/React.createElement(IconCheckSolid, null);
+
+var _ref2 = /*#__PURE__*/React.createElement(IconXSolid, null);
+
+export var ChoiceTypeTable = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ChoiceTypeTable, _Component);
+
+  var _super = _createSuper(ChoiceTypeTable);
+
+  function ChoiceTypeTable() {
+    var _this;
+
+    _classCallCheck(this, ChoiceTypeTable);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderIcon = function (correct) {
+      var className = classNames(styles.iconWrapper, _defineProperty({}, styles.iconCorrect, correct));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, correct ? _ref : _ref2);
+    };
+
+    _this.renderFirstCell = function (correct, content) {
+      var className = classNames(styles.firstTextContainer, _defineProperty({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderMiddleCell = function (correct, content) {
+      var className = classNames(styles.textContainer, _defineProperty({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderLastCell = function (correct, content) {
+      var _classNames4;
+
+      var className = classNames(styles.textContainer, (_classNames4 = {}, _defineProperty(_classNames4, styles.correctRowBorder, correct), _defineProperty(_classNames4, styles.correctRowBorderRadius, correct), _classNames4));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.answerLabel = function (correct) {
+      return correct ? t('Correct answer') : t('Incorrect answer');
+    };
+
+    _this.extractChoiceText = function (choiceBody, correct) {
+      var text = extractTextFromHtml(choiceBody);
+      if (text.trim().length > 0) return text;
+      return _this.answerLabel(correct);
+    };
+
+    _this.renderRow = function (choice, choiceIndex) {
+      var correct = choice.correct,
+          body = choice.body;
+
+      var extractedBody = _this.extractChoiceText(body, correct);
+
+      var screenReaderContent = "".concat(_this.answerLabel(correct), ": ").concat(extractedBody);
+      return /*#__PURE__*/React.createElement(Table.Row, {
+        key: choiceIndex
+      }, /*#__PURE__*/React.createElement(Table.RowHeader, {
+        theme: {
+          padding: '0'
+        }
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, screenReaderContent), /*#__PURE__*/React.createElement(Flex, {
+        direction: "row",
+        alignItems: "center"
+      }, /*#__PURE__*/React.createElement(Flex.Item, {
+        width: "46px",
+        textAlign: "center",
+        align: "stretch"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classNames(styles.iconWrapper)
+      }, _this.renderIcon(correct))), /*#__PURE__*/React.createElement(Flex.Item, {
+        shouldShrink: true,
+        shouldGrow: true
+      }, /*#__PURE__*/React.createElement(Text, null, _this.renderFirstCell(correct, extractedBody))))), /*#__PURE__*/React.createElement(Table.Cell, {
+        theme: {
+          padding: '0'
+        }
+      }, _this.renderMiddleCell(correct, choice.count)), /*#__PURE__*/React.createElement(Table.Cell, {
+        theme: {
+          padding: '0'
+        },
+        textAlign: "center"
+      }, _this.renderLastCell(correct, "".concat(choice.percentage, "%"))));
+    };
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      var choices = answerSummary.choices;
+      var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
+      var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
+      var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames(styles.tableContainer)
+      }, /*#__PURE__*/React.createElement(Table, {
+        caption: t('Answer Frequency Summary')
+      }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
+        id: answerHeaderId,
+        height: "47px",
+        theme: {
+          padding: '0 0 0 57px'
+        }
+      }, t('Answer')), /*#__PURE__*/React.createElement(Table.ColHeader, {
+        id: respondentsHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, t('Respondents')), /*#__PURE__*/React.createElement(Table.ColHeader, {
+        id: percentageHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, t('%')))), /*#__PURE__*/React.createElement(Table.Body, null, choices.map(_this.renderRow))));
+    };
+
+    return _this;
+  }
+
+  return ChoiceTypeTable;
+}(Component), _class2.propTypes = {
+  itemId: PropTypes.number,
+  answerSummary: choiceTypeAnswerSummaryPropType
+}.isRequired, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/theme.js

@@ -0,0 +1,8 @@
+export default function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    tableBottomPadding: spacing.medium,
+    colorGreen: '#0b874b',
+    cellPadding: '0.75rem 0.75rem'
+  };
+}

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/index.js

@@ -0,0 +1 @@
+export { ChoiceType as default } from "./presenter.js";

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/presenter.js

@@ -0,0 +1,51 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ChoiceTypeTable from "./ChoiceTypeTable/index.js";
+import { choiceTypeAnswerSummaryPropType } from "../../propTypes.js";
+import AggregationTable from "../shared/AggregationTable/index.js";
+import { AfsPartsContainer } from "../shared/AfsPartsContainer/presenter.js";
+import AfsTableWrapper from "../shared/AfsTableWrapper/index.js";
+export var ChoiceType = /*#__PURE__*/function (_Component) {
+  _inherits(ChoiceType, _Component);
+
+  var _super = _createSuper(ChoiceType);
+
+  function ChoiceType() {
+    var _this;
+
+    _classCallCheck(this, ChoiceType);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      return /*#__PURE__*/React.createElement(AfsTableWrapper, null, /*#__PURE__*/React.createElement(AfsPartsContainer, {
+        afsTable: /*#__PURE__*/React.createElement(ChoiceTypeTable, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        }),
+        aggregationTable: /*#__PURE__*/React.createElement(AggregationTable, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return ChoiceType;
+}(Component);
+ChoiceType.propTypes = {
+  itemId: PropTypes.number,
+  answerSummary: choiceTypeAnswerSummaryPropType
+}.isRequired;

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

@@ -30,6 +30,7 @@ import MatchingTypeOrderer from "../utils/matchingTypeOrderer.js";
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import classNames from 'classnames';
 import theme from "./theme.js";
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 
 var _ref = /*#__PURE__*/React.createElement(IconCheckSolid, null);
 
@@ -86,6 +87,10 @@ export var MatchingTypeTable = (_dec = themeable(theme, styles), _dec(_class = (
       }, answer.body)));
     };
 
+    _this.answerLabel = function (correct) {
+      return correct ? t('Correct answer') : t('Incorrect answer');
+    };
+
     _this.renderCell = function (questionKey, answerKey) {
       var _classNames;
 
@@ -99,13 +104,15 @@ export var MatchingTypeTable = (_dec = themeable(theme, styles), _dec(_class = (
           count = answer.count;
       var answerNumberCellId = "answer-number-cell-".concat(questionKey, "-").concat(answerKey, "-").concat(itemId);
       var containerClassNames = classNames((_classNames = {}, _defineProperty(_classNames, styles.correctRowBorder, answer.correct), _defineProperty(_classNames, styles.correctRowBorderRadius, answer.correct), _classNames));
+      var correctAnswerText = t('Correct answer');
+      var screenReaderContent = correct ? "".concat(correctAnswerText, ": ").concat(count) : count;
       return /*#__PURE__*/React.createElement(Table.Cell, {
         id: answerNumberCellId,
         key: answerNumberCellId,
         themeOverride: {
           padding: '0 0 0 0'
         }
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, screenReaderContent), /*#__PURE__*/React.createElement("div", {
         className: containerClassNames
       }, /*#__PURE__*/React.createElement(Flex, {
         direction: "row",

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

@@ -4,6 +4,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { PropTypes } from '@instructure/quiz-interactions';
 import LegacyChoiceType from "./LegacyChoiceType/index.js";
+import ChoiceType from "./ChoiceType/index.js";
 import AggregationType from "./AggregationType/index.js";
 import { MatchingType, OrderingType, CategorizationType } from "./MatchingType/index.js";
 import { afsFlags, answerSummaryPropType } from "../propTypes.js";
@@ -44,6 +45,10 @@ export var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
       if (afsFlags.categorizationEnabled) {
         _this.afsTableComponentMap.set('categorization', CategorizationType);
       }
+
+      if (afsFlags.trueFalseEnabled) {
+        _this.afsTableComponentMap.set('true-false', ChoiceType);
+      }
     };
 
     _this.render = function () {

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

@@ -14,23 +14,24 @@ import { IconCheckSolid, IconXSolid, IconNoSolid, IconOvalHalfSolid } from '@ins
 import { themeable } from '@instructure/ui-themeable';
 import theme from "./theme.js";
 var styles = {
-  componentId: 'UvxSZ',
+  componentId: 'fSsSV',
   template: function template(theme) {
-    return "\n\n.UvxSZ_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.UvxSZ_fPIL{min-width:500px}\n\n.UvxSZ_fPIL table{border-collapse:separate;border-spacing:0 12px}\n\n.UvxSZ_fPIL thead th{border-color:".concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}\n\n.UvxSZ_fPIL table tbody tr td{border-style:solid;border-width:2px 0 2px 0;width:33.33%}\n\n.UvxSZ_fPIL table tbody tr th:first-child{border-radius:4px 0 0 4px;border-style:solid;border-width:2px 0 2px 2px;font-weight:400}\n\n.UvxSZ_fPIL table tbody tr td:last-child{border-radius:0 4px 4px 0;border-style:solid;border-width:2px 2px 2px 0}\n\n.UvxSZ_fZpZ table tbody tr:first-child td,.UvxSZ_fZpZ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_fZpZ table tbody tr:nth-child(2) td,.UvxSZ_fZpZ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:first-child td,.UvxSZ_dgTJ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:nth-child(2) td,.UvxSZ_dgTJ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:nth-child(3) td,.UvxSZ_dgTJ table tbody tr:nth-child(3) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:first-child td,.UvxSZ_bUPM table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(2) td,.UvxSZ_bUPM table tbody tr:nth-child(2) th{border-color:").concat(theme.colorBlue || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(3) td,.UvxSZ_bUPM table tbody tr:nth-child(3) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(4) td,.UvxSZ_bUPM table tbody tr:nth-child(4) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_bvau{background-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_cxOH{background-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_eRkO{background-color:").concat(theme.colorBlue || 'inherit', "}\n\n.UvxSZ_eKcq{background-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_euQM{padding:12px 0 12px 10px}\n\n.UvxSZ_fuuc{padding-left:45px}\n\n.UvxSZ_vDgC svg{fill:#fff}\n\n.UvxSZ_fHMm{border-color:").concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}");
+    return "\n\n.fSsSV_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.fSsSV_fPIL{min-width:500px}\n\n.fSsSV_fPIL table{border-collapse:separate;border-spacing:0 12px}\n\n.fSsSV_fPIL thead th{border-color:".concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}\n\n.fSsSV_fPIL table tbody tr td{border-style:solid;border-width:2px 0 2px 0;width:33.33%}\n\n.fSsSV_fPIL table tbody tr th:first-child{border-radius:4px 0 0 4px;border-style:solid;border-width:2px 0 2px 2px;font-weight:400}\n\n.fSsSV_fPIL table tbody tr td:last-child{border-radius:0 4px 4px 0;border-style:solid;border-width:2px 2px 2px 0}\n\n.fSsSV_dzqP table tbody tr:first-child td,.fSsSV_dzqP table tbody tr:first-child th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_fZpZ table tbody tr:first-child td,.fSsSV_fZpZ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_fZpZ table tbody tr:nth-child(2) td,.fSsSV_fZpZ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:first-child td,.fSsSV_dgTJ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:nth-child(2) td,.fSsSV_dgTJ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:nth-child(3) td,.fSsSV_dgTJ table tbody tr:nth-child(3) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:first-child td,.fSsSV_bUPM table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(2) td,.fSsSV_bUPM table tbody tr:nth-child(2) th{border-color:").concat(theme.colorBlue || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(3) td,.fSsSV_bUPM table tbody tr:nth-child(3) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(4) td,.fSsSV_bUPM table tbody tr:nth-child(4) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_bvau{background-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_cxOH{background-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_eRkO{background-color:").concat(theme.colorBlue || 'inherit', "}\n\n.fSsSV_eKcq{background-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_euQM{padding:12px 0 12px 10px}\n\n.fSsSV_fuuc{padding-left:45px}\n\n.fSsSV_vDgC svg{fill:#fff}\n\n.fSsSV_fHMm{border-color:").concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}");
   },
-  'iconWrapper': 'UvxSZ_cvRx',
-  'collapsingTable': 'UvxSZ_fPIL',
-  'correctIncorrect': 'UvxSZ_fZpZ',
-  'correctIncorrectNoanswer': 'UvxSZ_dgTJ',
-  'correctIncorrectNoanswerPartial': 'UvxSZ_bUPM',
-  'correctBackground': 'UvxSZ_bvau',
-  'incorrectBackground': 'UvxSZ_cxOH',
-  'partialCorrectBackground': 'UvxSZ_eRkO',
-  'noAnswerBackground': 'UvxSZ_eKcq',
-  'labelWrapper': 'UvxSZ_euQM',
-  'firstHeaderCell': 'UvxSZ_fuuc',
-  'iconWhite': 'UvxSZ_vDgC',
-  'headerCell': 'UvxSZ_fHMm'
+  'iconWrapper': 'fSsSV_cvRx',
+  'collapsingTable': 'fSsSV_fPIL',
+  'onlyNoanswer': 'fSsSV_dzqP',
+  'correctIncorrect': 'fSsSV_fZpZ',
+  'correctIncorrectNoanswer': 'fSsSV_dgTJ',
+  'correctIncorrectNoanswerPartial': 'fSsSV_bUPM',
+  'correctBackground': 'fSsSV_bvau',
+  'incorrectBackground': 'fSsSV_cxOH',
+  'partialCorrectBackground': 'fSsSV_eRkO',
+  'noAnswerBackground': 'fSsSV_eKcq',
+  'labelWrapper': 'fSsSV_euQM',
+  'firstHeaderCell': 'fSsSV_fuuc',
+  'iconWhite': 'fSsSV_vDgC',
+  'headerCell': 'fSsSV_fHMm'
 };
 import { Flex } from '@instructure/ui-flex';
 import classNames from 'classnames';
@@ -117,12 +118,22 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       }, /*#__PURE__*/React.createElement(Text, null, concatenatedPercentage)));
     };
 
-    _this.isPartialCorrectExist = function () {
+    _this.partialCorrectExist = function () {
       var aggregate = _this.props.answerSummary.aggregate;
       return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.partial_correct);
     };
 
-    _this.isNoAnswerExist = function () {
+    _this.correctExist = function () {
+      var aggregate = _this.props.answerSummary.aggregate;
+      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.correct);
+    };
+
+    _this.incorrectExist = function () {
+      var aggregate = _this.props.answerSummary.aggregate;
+      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
+    };
+
+    _this.noAnswerExist = function () {
       var no_answer = _this.props.answerSummary.no_answer;
       return !!no_answer;
     };
@@ -132,7 +143,7 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       var correct = aggregate.correct;
       var correctCount = correct.count || 0;
       var correctPercentage = correct.percentage || 0;
-      var correctLabel = _this.isPartialCorrectExist() ? t('Answered fully correctly') : t('Answered correctly');
+      var correctLabel = _this.partialCorrectExist() ? t('Answered fully correctly') : t('Answered correctly');
       return _this.renderRow(correctKey, _ref, correctLabel, correctCount, correctPercentage);
     };
 
@@ -150,7 +161,7 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
       var incorrect = aggregate.incorrect;
       var incorrectCount = incorrect.count || 0;
       var incorrectPercentage = incorrect.percentage || 0;
-      var incorrectLabel = _this.isPartialCorrectExist() ? t('Answered fully incorrectly') : t('Answered incorrectly');
+      var incorrectLabel = _this.partialCorrectExist() ? t('Answered fully incorrectly') : t('Answered incorrectly');
       return _this.renderRow(incorrectKey, _ref3, incorrectLabel, incorrectCount, incorrectPercentage);
     };
 
@@ -165,10 +176,18 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
     _this.getColorProfile = function () {
       var colorProfile;
 
-      if (!_this.isPartialCorrectExist() && _this.isNoAnswerExist()) {
+      var correctIncorrectNoAnswerPartial = _this.partialCorrectExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
+      var correctIncorrectNoAnswer = !_this.partialCorrectExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
+      var onlyNoAnswer = _this.noAnswerExist() && !_this.partialCorrectExist() && !_this.correctExist() && !_this.incorrectExist();
+
+      if (correctIncorrectNoAnswer) {
         colorProfile = 'correctIncorrectNoanswer';
-      } else if (_this.isPartialCorrectExist() && _this.isNoAnswerExist()) {
+      } else if (correctIncorrectNoAnswerPartial) {
         colorProfile = 'correctIncorrectNoanswerPartial';
+      } else if (onlyNoAnswer) {
+        colorProfile = 'onlyNoanswer';
       } else {
         colorProfile = 'correctIncorrect';
       }
@@ -181,7 +200,7 @@ export var AggregationTable = (_dec = themeable(theme, styles), _dec(_class = (_
         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.renderCorrect(), _this.isPartialCorrectExist() && _this.renderPartialCorrect(), _this.renderIncorrect(), _this.isNoAnswerExist() && _this.renderNoAnswer())));
+      }, _this.renderHeaderRow(), /*#__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/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/index.js

@@ -11,7 +11,8 @@ function mapStateToProps(_state) {
       matchingEnabled: featureOn('ia_matching_afs'),
       orderingEnabled: featureOn('ia_ordering_afs'),
       hotSpotEnabled: featureOn('ia_hot_spot_afs'),
-      categorizationEnabled: featureOn('ia_categorization_afs')
+      categorizationEnabled: featureOn('ia_categorization_afs'),
+      trueFalseEnabled: featureOn('ia_true_false_afs')
     }
   };
 }

package/es/reporting/components/resources/NewQuizAndItemAnalysis/propTypes.js

@@ -87,5 +87,6 @@ export var afsFlags = PropTypes.shape({
   matchingEnabled: PropTypes.bool.isRequired,
   hotSpotEnabled: PropTypes.bool.isRequired,
   orderingEnabled: PropTypes.bool.isRequired,
-  categorizationEnabled: PropTypes.bool.isRequired
+  categorizationEnabled: PropTypes.bool.isRequired,
+  trueFalseEnabled: PropTypes.bool.isRequired
 });

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _presenter.ChoiceTypeTable;
+  }
+});
+
+var _presenter = require("./presenter.js");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/presenter.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChoiceTypeTable = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _uiTable = require("@instructure/ui-table");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = require("../../../propTypes.js");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiText = require("@instructure/ui-text");
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'TErmM',
+  template: function template(theme) {
+    return "\n\n.TErmM_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.TErmM_SVtU{max-width:100%;width:calc(25% + 350px)}\n\n.TErmM_SVtU table tbody tr th{font-weight:400;height:1px;width:33.33%}\n\n.TErmM_SVtU table tbody tr td{height:1px;width:33.33%}\n\n.TErmM_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.TErmM_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.TErmM_EKAb svg{fill:#fff}\n\n.TErmM_cCmC{align-items:center;display:flex;height:calc(100% - 4px);justify-content:center}\n\n.TErmM_dJVn{padding:").concat(theme.cellPadding || 'inherit', "}\n\n.TErmM_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0}\n\n.TErmM_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'TErmM_rMrG',
+  'tableContainer': 'TErmM_SVtU',
+  'iconWrapper': 'TErmM_cvRx',
+  'iconCorrect': 'TErmM_EKAb',
+  'textContainer': 'TErmM_cCmC',
+  'firstTextContainer': 'TErmM_dJVn',
+  'correctRowBorder': 'TErmM_tnta',
+  'correctRowBorderRadius': 'TErmM_fvqY'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconXSolid, null);
+
+var ChoiceTypeTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceTypeTable, _Component);
+
+  var _super = (0, _createSuper2.default)(ChoiceTypeTable);
+
+  function ChoiceTypeTable() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ChoiceTypeTable);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.renderIcon = function (correct) {
+      var className = (0, _classnames.default)(styles.iconWrapper, (0, _defineProperty2.default)({}, styles.iconCorrect, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, correct ? _ref : _ref2);
+    };
+
+    _this.renderFirstCell = function (correct, content) {
+      var className = (0, _classnames.default)(styles.firstTextContainer, (0, _defineProperty2.default)({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderMiddleCell = function (correct, content) {
+      var className = (0, _classnames.default)(styles.textContainer, (0, _defineProperty2.default)({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderLastCell = function (correct, content) {
+      var _classNames4;
+
+      var className = (0, _classnames.default)(styles.textContainer, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, styles.correctRowBorder, correct), (0, _defineProperty2.default)(_classNames4, styles.correctRowBorderRadius, correct), _classNames4));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.answerLabel = function (correct) {
+      return correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer');
+    };
+
+    _this.extractChoiceText = function (choiceBody, correct) {
+      var text = (0, _quizInteractions.extractTextFromHtml)(choiceBody);
+      if (text.trim().length > 0) return text;
+      return _this.answerLabel(correct);
+    };
+
+    _this.renderRow = function (choice, choiceIndex) {
+      var correct = choice.correct,
+          body = choice.body;
+
+      var extractedBody = _this.extractChoiceText(body, correct);
+
+      var screenReaderContent = "".concat(_this.answerLabel(correct), ": ").concat(extractedBody);
+      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+        key: choiceIndex
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
+        theme: {
+          padding: '0'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, screenReaderContent), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row",
+        alignItems: "center"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        width: "46px",
+        textAlign: "center",
+        align: "stretch"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(styles.iconWrapper)
+      }, _this.renderIcon(correct))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        shouldGrow: true
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, _this.renderFirstCell(correct, extractedBody))))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
+          padding: '0'
+        }
+      }, _this.renderMiddleCell(correct, choice.count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
+          padding: '0'
+        },
+        textAlign: "center"
+      }, _this.renderLastCell(correct, "".concat(choice.percentage, "%"))));
+    };
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      var choices = answerSummary.choices;
+      var answerHeaderId = "answer-frequency-summary-answer-".concat(itemId);
+      var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
+      var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(styles.tableContainer)
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+        caption: (0, _formatMessage.default)('Answer Frequency Summary')
+      }, /*#__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,
+        height: "47px",
+        theme: {
+          padding: '0 0 0 57px'
+        }
+      }, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: respondentsHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: percentageHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choices.map(_this.renderRow))));
+    };
+
+    return _this;
+  }
+
+  return ChoiceTypeTable;
+}(_react.Component), _class2.propTypes = {
+  itemId: _propTypes.default.number,
+  answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType
+}.isRequired, _temp)) || _class);
+exports.ChoiceTypeTable = ChoiceTypeTable;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/ChoiceTypeTable/theme.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    tableBottomPadding: spacing.medium,
+    colorGreen: '#0b874b',
+    cellPadding: '0.75rem 0.75rem'
+  };
+}

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _presenter.ChoiceType;
+  }
+});
+
+var _presenter = require("./presenter.js");

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ChoiceType/presenter.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChoiceType = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = _interopRequireDefault(require("./ChoiceTypeTable/index.js"));
+
+var _propTypes2 = require("../../propTypes.js");
+
+var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
+
+var _presenter = require("../shared/AfsPartsContainer/presenter.js");
+
+var _index3 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
+
+var ChoiceType = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceType, _Component);
+
+  var _super = (0, _createSuper2.default)(ChoiceType);
+
+  function ChoiceType() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ChoiceType);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      return /*#__PURE__*/_react.default.createElement(_index3.default, null, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
+        afsTable: /*#__PURE__*/_react.default.createElement(_index.default, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        }),
+        aggregationTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return ChoiceType;
+}(_react.Component);
+
+exports.ChoiceType = ChoiceType;
+ChoiceType.propTypes = {
+  itemId: _propTypes.default.number,
+  answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType
+}.isRequired;

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

@@ -41,6 +41,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _dec, _class, _class2, _temp;
 
 var styles = {
@@ -112,6 +114,10 @@ var MatchingTypeTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
       }, answer.body)));
     };
 
+    _this.answerLabel = function (correct) {
+      return correct ? (0, _formatMessage.default)('Correct answer') : (0, _formatMessage.default)('Incorrect answer');
+    };
+
     _this.renderCell = function (questionKey, answerKey) {
       var _classNames;
 
@@ -125,13 +131,15 @@ var MatchingTypeTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
           count = answer.count;
       var answerNumberCellId = "answer-number-cell-".concat(questionKey, "-").concat(answerKey, "-").concat(itemId);
       var containerClassNames = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.correctRowBorder, answer.correct), (0, _defineProperty2.default)(_classNames, styles.correctRowBorderRadius, answer.correct), _classNames));
+      var correctAnswerText = (0, _formatMessage.default)('Correct answer');
+      var screenReaderContent = correct ? "".concat(correctAnswerText, ": ").concat(count) : count;
       return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
         id: answerNumberCellId,
         key: answerNumberCellId,
         themeOverride: {
           padding: '0 0 0 0'
         }
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, screenReaderContent), /*#__PURE__*/_react.default.createElement("div", {
         className: containerClassNames
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row",

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

@@ -21,9 +21,11 @@ var _quizInteractions = require("@instructure/quiz-interactions");
 
 var _index = _interopRequireDefault(require("./LegacyChoiceType/index.js"));
 
-var _index2 = _interopRequireDefault(require("./AggregationType/index.js"));
+var _index2 = _interopRequireDefault(require("./ChoiceType/index.js"));
 
-var _index3 = require("./MatchingType/index.js");
+var _index3 = _interopRequireDefault(require("./AggregationType/index.js"));
+
+var _index4 = require("./MatchingType/index.js");
 
 var _propTypes = require("../propTypes.js");
 
@@ -46,23 +48,27 @@ var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
 
     _this.addAfsComponentsByFlags = function (afsFlags) {
       if (afsFlags.formulaEnabled) {
-        _this.afsTableComponentMap.set('formula', _index2.default);
+        _this.afsTableComponentMap.set('formula', _index3.default);
       }
 
       if (afsFlags.hotSpotEnabled) {
-        _this.afsTableComponentMap.set('hot-spot', _index2.default);
+        _this.afsTableComponentMap.set('hot-spot', _index3.default);
       }
 
       if (afsFlags.matchingEnabled) {
-        _this.afsTableComponentMap.set('matching', _index3.MatchingType);
+        _this.afsTableComponentMap.set('matching', _index4.MatchingType);
       }
 
       if (afsFlags.orderingEnabled) {
-        _this.afsTableComponentMap.set('ordering', _index3.OrderingType);
+        _this.afsTableComponentMap.set('ordering', _index4.OrderingType);
       }
 
       if (afsFlags.categorizationEnabled) {
-        _this.afsTableComponentMap.set('categorization', _index3.CategorizationType);
+        _this.afsTableComponentMap.set('categorization', _index4.CategorizationType);
+      }
+
+      if (afsFlags.trueFalseEnabled) {
+        _this.afsTableComponentMap.set('true-false', _index2.default);
       }
     };
 

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

@@ -42,23 +42,24 @@ var _uiText = require("@instructure/ui-text");
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'UvxSZ',
+  componentId: 'fSsSV',
   template: function template(theme) {
-    return "\n\n.UvxSZ_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.UvxSZ_fPIL{min-width:500px}\n\n.UvxSZ_fPIL table{border-collapse:separate;border-spacing:0 12px}\n\n.UvxSZ_fPIL thead th{border-color:".concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}\n\n.UvxSZ_fPIL table tbody tr td{border-style:solid;border-width:2px 0 2px 0;width:33.33%}\n\n.UvxSZ_fPIL table tbody tr th:first-child{border-radius:4px 0 0 4px;border-style:solid;border-width:2px 0 2px 2px;font-weight:400}\n\n.UvxSZ_fPIL table tbody tr td:last-child{border-radius:0 4px 4px 0;border-style:solid;border-width:2px 2px 2px 0}\n\n.UvxSZ_fZpZ table tbody tr:first-child td,.UvxSZ_fZpZ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_fZpZ table tbody tr:nth-child(2) td,.UvxSZ_fZpZ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:first-child td,.UvxSZ_dgTJ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:nth-child(2) td,.UvxSZ_dgTJ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_dgTJ table tbody tr:nth-child(3) td,.UvxSZ_dgTJ table tbody tr:nth-child(3) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:first-child td,.UvxSZ_bUPM table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(2) td,.UvxSZ_bUPM table tbody tr:nth-child(2) th{border-color:").concat(theme.colorBlue || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(3) td,.UvxSZ_bUPM table tbody tr:nth-child(3) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_bUPM table tbody tr:nth-child(4) td,.UvxSZ_bUPM table tbody tr:nth-child(4) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_bvau{background-color:").concat(theme.colorGreen || 'inherit', "}\n\n.UvxSZ_cxOH{background-color:").concat(theme.colorRed || 'inherit', "}\n\n.UvxSZ_eRkO{background-color:").concat(theme.colorBlue || 'inherit', "}\n\n.UvxSZ_eKcq{background-color:").concat(theme.colorGrey || 'inherit', "}\n\n.UvxSZ_euQM{padding:12px 0 12px 10px}\n\n.UvxSZ_fuuc{padding-left:45px}\n\n.UvxSZ_vDgC svg{fill:#fff}\n\n.UvxSZ_fHMm{border-color:").concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}");
+    return "\n\n.fSsSV_cvRx{align-items:center;display:flex;height:100%;justify-content:center;min-height:47px;width:46px}\n\n.fSsSV_fPIL{min-width:500px}\n\n.fSsSV_fPIL table{border-collapse:separate;border-spacing:0 12px}\n\n.fSsSV_fPIL thead th{border-color:".concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}\n\n.fSsSV_fPIL table tbody tr td{border-style:solid;border-width:2px 0 2px 0;width:33.33%}\n\n.fSsSV_fPIL table tbody tr th:first-child{border-radius:4px 0 0 4px;border-style:solid;border-width:2px 0 2px 2px;font-weight:400}\n\n.fSsSV_fPIL table tbody tr td:last-child{border-radius:0 4px 4px 0;border-style:solid;border-width:2px 2px 2px 0}\n\n.fSsSV_dzqP table tbody tr:first-child td,.fSsSV_dzqP table tbody tr:first-child th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_fZpZ table tbody tr:first-child td,.fSsSV_fZpZ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_fZpZ table tbody tr:nth-child(2) td,.fSsSV_fZpZ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:first-child td,.fSsSV_dgTJ table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:nth-child(2) td,.fSsSV_dgTJ table tbody tr:nth-child(2) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_dgTJ table tbody tr:nth-child(3) td,.fSsSV_dgTJ table tbody tr:nth-child(3) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:first-child td,.fSsSV_bUPM table tbody tr:first-child th{border-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(2) td,.fSsSV_bUPM table tbody tr:nth-child(2) th{border-color:").concat(theme.colorBlue || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(3) td,.fSsSV_bUPM table tbody tr:nth-child(3) th{border-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_bUPM table tbody tr:nth-child(4) td,.fSsSV_bUPM table tbody tr:nth-child(4) th{border-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_bvau{background-color:").concat(theme.colorGreen || 'inherit', "}\n\n.fSsSV_cxOH{background-color:").concat(theme.colorRed || 'inherit', "}\n\n.fSsSV_eRkO{background-color:").concat(theme.colorBlue || 'inherit', "}\n\n.fSsSV_eKcq{background-color:").concat(theme.colorGrey || 'inherit', "}\n\n.fSsSV_euQM{padding:12px 0 12px 10px}\n\n.fSsSV_fuuc{padding-left:45px}\n\n.fSsSV_vDgC svg{fill:#fff}\n\n.fSsSV_fHMm{border-color:").concat(theme.colorHeaderBottomBorder || 'inherit', ";border-style:solid;border-width:0 0 1px 0}");
   },
-  'iconWrapper': 'UvxSZ_cvRx',
-  'collapsingTable': 'UvxSZ_fPIL',
-  'correctIncorrect': 'UvxSZ_fZpZ',
-  'correctIncorrectNoanswer': 'UvxSZ_dgTJ',
-  'correctIncorrectNoanswerPartial': 'UvxSZ_bUPM',
-  'correctBackground': 'UvxSZ_bvau',
-  'incorrectBackground': 'UvxSZ_cxOH',
-  'partialCorrectBackground': 'UvxSZ_eRkO',
-  'noAnswerBackground': 'UvxSZ_eKcq',
-  'labelWrapper': 'UvxSZ_euQM',
-  'firstHeaderCell': 'UvxSZ_fuuc',
-  'iconWhite': 'UvxSZ_vDgC',
-  'headerCell': 'UvxSZ_fHMm'
+  'iconWrapper': 'fSsSV_cvRx',
+  'collapsingTable': 'fSsSV_fPIL',
+  'onlyNoanswer': 'fSsSV_dzqP',
+  'correctIncorrect': 'fSsSV_fZpZ',
+  'correctIncorrectNoanswer': 'fSsSV_dgTJ',
+  'correctIncorrectNoanswerPartial': 'fSsSV_bUPM',
+  'correctBackground': 'fSsSV_bvau',
+  'incorrectBackground': 'fSsSV_cxOH',
+  'partialCorrectBackground': 'fSsSV_eRkO',
+  'noAnswerBackground': 'fSsSV_eKcq',
+  'labelWrapper': 'fSsSV_euQM',
+  'firstHeaderCell': 'fSsSV_fuuc',
+  'iconWhite': 'fSsSV_vDgC',
+  'headerCell': 'fSsSV_fHMm'
 };
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
@@ -142,12 +143,22 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, concatenatedPercentage)));
     };
 
-    _this.isPartialCorrectExist = function () {
+    _this.partialCorrectExist = function () {
       var aggregate = _this.props.answerSummary.aggregate;
       return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.partial_correct);
     };
 
-    _this.isNoAnswerExist = function () {
+    _this.correctExist = function () {
+      var aggregate = _this.props.answerSummary.aggregate;
+      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.correct);
+    };
+
+    _this.incorrectExist = function () {
+      var aggregate = _this.props.answerSummary.aggregate;
+      return !!(aggregate === null || aggregate === void 0 ? void 0 : aggregate.incorrect);
+    };
+
+    _this.noAnswerExist = function () {
       var no_answer = _this.props.answerSummary.no_answer;
       return !!no_answer;
     };
@@ -157,7 +168,7 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       var correct = aggregate.correct;
       var correctCount = correct.count || 0;
       var correctPercentage = correct.percentage || 0;
-      var correctLabel = _this.isPartialCorrectExist() ? (0, _formatMessage.default)('Answered fully correctly') : (0, _formatMessage.default)('Answered correctly');
+      var correctLabel = _this.partialCorrectExist() ? (0, _formatMessage.default)('Answered fully correctly') : (0, _formatMessage.default)('Answered correctly');
       return _this.renderRow(correctKey, _ref, correctLabel, correctCount, correctPercentage);
     };
 
@@ -175,7 +186,7 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       var incorrect = aggregate.incorrect;
       var incorrectCount = incorrect.count || 0;
       var incorrectPercentage = incorrect.percentage || 0;
-      var incorrectLabel = _this.isPartialCorrectExist() ? (0, _formatMessage.default)('Answered fully incorrectly') : (0, _formatMessage.default)('Answered incorrectly');
+      var incorrectLabel = _this.partialCorrectExist() ? (0, _formatMessage.default)('Answered fully incorrectly') : (0, _formatMessage.default)('Answered incorrectly');
       return _this.renderRow(incorrectKey, _ref3, incorrectLabel, incorrectCount, incorrectPercentage);
     };
 
@@ -190,10 +201,18 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
     _this.getColorProfile = function () {
       var colorProfile;
 
-      if (!_this.isPartialCorrectExist() && _this.isNoAnswerExist()) {
+      var correctIncorrectNoAnswerPartial = _this.partialCorrectExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
+      var correctIncorrectNoAnswer = !_this.partialCorrectExist() && _this.noAnswerExist() && _this.correctExist() && _this.incorrectExist();
+
+      var onlyNoAnswer = _this.noAnswerExist() && !_this.partialCorrectExist() && !_this.correctExist() && !_this.incorrectExist();
+
+      if (correctIncorrectNoAnswer) {
         colorProfile = 'correctIncorrectNoanswer';
-      } else if (_this.isPartialCorrectExist() && _this.isNoAnswerExist()) {
+      } else if (correctIncorrectNoAnswerPartial) {
         colorProfile = 'correctIncorrectNoanswerPartial';
+      } else if (onlyNoAnswer) {
+        colorProfile = 'onlyNoanswer';
       } else {
         colorProfile = 'correctIncorrect';
       }
@@ -206,7 +225,7 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         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.renderCorrect(), _this.isPartialCorrectExist() && _this.renderPartialCorrect(), _this.renderIncorrect(), _this.isNoAnswerExist() && _this.renderNoAnswer())));
+      }, _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())));
     };
 
     return _this;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/index.js

@@ -20,7 +20,8 @@ function mapStateToProps(_state) {
       matchingEnabled: (0, _featureCheck.featureOn)('ia_matching_afs'),
       orderingEnabled: (0, _featureCheck.featureOn)('ia_ordering_afs'),
       hotSpotEnabled: (0, _featureCheck.featureOn)('ia_hot_spot_afs'),
-      categorizationEnabled: (0, _featureCheck.featureOn)('ia_categorization_afs')
+      categorizationEnabled: (0, _featureCheck.featureOn)('ia_categorization_afs'),
+      trueFalseEnabled: (0, _featureCheck.featureOn)('ia_true_false_afs')
     }
   };
 }

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/propTypes.js

@@ -120,7 +120,8 @@ var afsFlags = _propTypes.default.shape({
   matchingEnabled: _propTypes.default.bool.isRequired,
   hotSpotEnabled: _propTypes.default.bool.isRequired,
   orderingEnabled: _propTypes.default.bool.isRequired,
-  categorizationEnabled: _propTypes.default.bool.isRequired
+  categorizationEnabled: _propTypes.default.bool.isRequired,
+  trueFalseEnabled: _propTypes.default.bool.isRequired
 });
 
 exports.afsFlags = afsFlags;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "19.0.0",
+  "version": "19.0.1-rc.0+f1b45ad5e",
   "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.0.0",
-    "@instructure/quiz-i18n": "^19.0.0",
-    "@instructure/quiz-interactions": "^19.0.0",
-    "@instructure/quiz-number-input": "^19.0.0",
-    "@instructure/quiz-rce": "^19.0.0",
+    "@instructure/quiz-common": "19.0.1-rc.0+f1b45ad5e",
+    "@instructure/quiz-i18n": "19.0.1-rc.0+f1b45ad5e",
+    "@instructure/quiz-interactions": "19.0.1-rc.0+f1b45ad5e",
+    "@instructure/quiz-number-input": "19.0.1-rc.0+f1b45ad5e",
+    "@instructure/quiz-rce": "19.0.1-rc.0+f1b45ad5e",
     "@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.0.0",
+    "instructure-validations": "19.0.1-rc.0+f1b45ad5e",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -142,7 +142,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^19.0.0",
+    "@instructure/quiz-scripts": "19.0.0",
     "@instructure/ui-axe-check": "^8.48.3",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -161,7 +161,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^19.0.0",
+    "quiz-presets": "19.0.1-rc.0+f1b45ad5e",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -177,5 +177,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "080cbf2be218e316025a6be3e28db729dd215126"
+  "gitHead": "f1b45ad5ed1c53c9b8929d4acdf3e0b3a6445389"
 }