@instructure/quiz-core 20.4.2-rc.2 → 20.4.2-rc.5

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

@@ -10,20 +10,21 @@ import { Heading } from '@instructure/ui-heading';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import React, { Component } from 'react';
 var styles = {
-  componentId: 'ewlJT',
+  componentId: 'eObAE',
   template: function template(theme) {
-    return "\n\n.ewlJT_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', "}\n\n.ewlJT_bwlc{gap:24px;justify-content:space-between;position:relative;row-gap:32px}\n\n.ewlJT_bwlc,.ewlJT_bqdH{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}\n\n.ewlJT_bqdH{row-gap:24px}\n\n.ewlJT_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:0}\n\n.ewlJT_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.ewlJT_fFDJ{display:none}\n\n.ewlJT_fxkJ{margin-top:-8px}\n\n.ewlJT_esVF{min-height:48px}\n\n.ewlJT_eTZq{position:relative}\n\n.ewlJT_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.ewlJT_cVld{max-width:100%;width:calc(25% + 350px)}");
+    return "\n\n.eObAE_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', "}\n\n.eObAE_bwlc{gap:24px;justify-content:space-between;position:relative;row-gap:32px}\n\n.eObAE_bwlc,.eObAE_bqdH{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}\n\n.eObAE_bqdH{row-gap:24px}\n\n.eObAE_eTaq{align-items:center;border:1px solid ").concat(theme.blankBorderColor || 'inherit', ";border-radius:").concat(theme.blankBorderRadius || 'inherit', ";display:inline-flex;height:").concat(theme.blankHeight || 'inherit', ";justify-content:center;min-width:").concat(theme.blankMinWidth || 'inherit', ";padding:2px 2px;vertical-align:middle}\n\n.eObAE_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:0}\n\n.eObAE_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eObAE_fFDJ{display:none}\n\n.eObAE_fxkJ{margin-top:-8px}\n\n.eObAE_esVF{min-height:48px}\n\n.eObAE_eTZq{position:relative}\n\n.eObAE_eTZq:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:\"\";height:48px;left:0;position:absolute;top:0;width:100%}\n\n.eObAE_cVld{max-width:100%;width:calc(25% + 350px)}");
   },
-  'cardWrapper': 'ewlJT_eKXQ',
-  'itemCardInnerContainer': 'ewlJT_bwlc',
-  'metricsContainer': 'ewlJT_bqdH',
-  'itemCardToggleButtonWrapper': 'ewlJT_NpIG',
-  'metricNumberContext': 'ewlJT_eoBe',
-  'hiddenMetrics': 'ewlJT_fFDJ',
-  'itemBodyToggleButtonWrapper': 'ewlJT_fxkJ',
-  'itemBody': 'ewlJT_esVF',
-  'hiddenItemBody': 'ewlJT_eTZq',
-  'answerFrequencySummaryContainer': 'ewlJT_cVld'
+  'cardWrapper': 'eObAE_eKXQ',
+  'itemCardInnerContainer': 'eObAE_bwlc',
+  'metricsContainer': 'eObAE_bqdH',
+  'blankSpace': 'eObAE_eTaq',
+  'itemCardToggleButtonWrapper': 'eObAE_NpIG',
+  'metricNumberContext': 'eObAE_eoBe',
+  'hiddenMetrics': 'eObAE_fFDJ',
+  'itemBodyToggleButtonWrapper': 'eObAE_fxkJ',
+  'itemBody': 'eObAE_esVF',
+  'hiddenItemBody': 'eObAE_eTZq',
+  'answerFrequencySummaryContainer': 'eObAE_cVld'
 };
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
@@ -42,6 +43,10 @@ import { Flex } from '@instructure/ui-flex';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
 import { PropTypes } from '@instructure/quiz-interactions';
+import { RICH_FILL_BLANK_SLUG } from '@instructure/quiz-common';
+var parser = new DOMParser();
+var parsererrorElement = 'parsererror';
+var parseType = 'text/html';
 export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewItemAnalysis, _Component);
 
@@ -113,6 +118,34 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }, _this.mapInteractionTypeToTranslation(interactionType));
     };
 
+    _this.isBlank = function (element) {
+      if (element.textContent) return false;
+      if (!element.hasAttribute('id')) return false;
+      var regex = new RegExp('^blank_.+$');
+      return regex.test(element.getAttribute('id'));
+    };
+
+    _this.enhanceItemBody = function (itemBody) {
+      var tempDoc = parser.parseFromString(itemBody, parseType);
+      var errorNode = tempDoc.querySelector(parsererrorElement);
+
+      if (errorNode) {
+        // eslint-disable-next-line no-console
+        console.error('Parsing failed: ', errorNode);
+        return itemBody;
+      }
+
+      Array.from(tempDoc.querySelectorAll('span')).filter(function (span) {
+        return _this.isBlank(span);
+      }).forEach(function (span, index) {
+        var newSpan = span.cloneNode();
+        newSpan.setAttribute('class', styles.blankSpace);
+        newSpan.innerHTML = "".concat(index + 1);
+        span.replaceWith(newSpan);
+      });
+      return tempDoc.querySelector('body').innerHTML;
+    };
+
     _this.renderRichContent = function (itemBody, itemBodyClass, itemId) {
       return /*#__PURE__*/React.createElement(Flex, {
         direction: "row",
@@ -203,6 +236,14 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       })));
     };
 
+    _this.shouldEnhanceItemBody = function () {
+      var _this$props = _this.props,
+          itemAnalysis = _this$props.itemAnalysis,
+          afsFlags = _this$props.afsFlags;
+      var metadata = itemAnalysis.metadata;
+      return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === RICH_FILL_BLANK_SLUG && metadata.item_body;
+    };
+
     return _this;
   }
 
@@ -243,10 +284,10 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
     value: function render() {
       var _metadata$item_title;
 
-      var _this$props = this.props,
-          showFrequencyTable = _this$props.showFrequencyTable,
-          itemAnalysis = _this$props.itemAnalysis,
-          afsFlags = _this$props.afsFlags;
+      var _this$props2 = this.props,
+          showFrequencyTable = _this$props2.showFrequencyTable,
+          itemAnalysis = _this$props2.itemAnalysis,
+          afsFlags = _this$props2.afsFlags;
       var answer_summary = itemAnalysis.answer_summary,
           metadata = itemAnalysis.metadata,
           scores = itemAnalysis.scores;
@@ -255,6 +296,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       var metricsClass = classnames(_defineProperty({}, styles.hiddenMetrics, !this.state.metricsExpanded));
       var itemBodyClass = classnames(styles.itemBody, _defineProperty({}, styles.hiddenItemBody, this.isBodyHigherThanContainer() && !this.state.bodyExpanded));
       var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : t('Untitled item');
+      var itemBodyEnhanced = this.shouldEnhanceItemBody() ? this.enhanceItemBody(metadata.item_body) : metadata.item_body;
       return /*#__PURE__*/React.createElement(Card, {
         className: styles.cardWrapper
       }, /*#__PURE__*/React.createElement(Flex, {
@@ -275,7 +317,7 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         padding: "small xx-small none none",
         overflowY: "hidden",
         size: !this.state.bodyExpanded ? '60px' : void 0
-      }, this.renderRichContent(metadata.item_body, itemBodyClass, itemId)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), showFrequencyTable && this.renderAnswerSummaryTable(itemId, answer_summary, metricsClass, interactionType, afsFlags)));
+      }, this.renderRichContent(itemBodyEnhanced, itemBodyClass, itemId)))), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderMetrics(scores, metricsClass)))), showFrequencyTable && this.renderAnswerSummaryTable(itemId, answer_summary, metricsClass, interactionType, afsFlags)));
     }
   }]);
 

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js

@@ -1,12 +1,17 @@
 export default function generator(_ref) {
   var spacing = _ref.spacing,
       breakpoints = _ref.breakpoints,
-      typography = _ref.typography;
+      typography = _ref.typography,
+      colors = _ref.colors;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
     viewPaddingRight: spacing.xxSmall,
     metricNumberContextFontSize: typography.fontSizeMedium,
-    metricNumberContextFontWeight: typography.fontWeightNormal
+    metricNumberContextFontWeight: typography.fontWeightNormal,
+    blankBorderColor: colors.tiara,
+    blankBorderRadius: '14px',
+    blankMinWidth: '20px',
+    blankHeight: '20px'
   };
 }

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

@@ -26,11 +26,11 @@ export var quizAnalysisPropType = PropTypes.shape({
     average_attempts: PropTypes.number
   }).isRequired
 });
-var aggregateDetailPropType = PropTypes.shape({
+export var aggregateDetailPropType = PropTypes.shape({
   count: PropTypes.number.isRequired,
   percentage: PropTypes.number.isRequired
 });
-var aggregatePropType = PropTypes.shape({
+export var aggregatePropType = PropTypes.shape({
   correct: aggregateDetailPropType.isRequired,
   incorrect: aggregateDetailPropType.isRequired,
   partial_correct: aggregateDetailPropType
@@ -39,14 +39,16 @@ export var onlyAggregatePropType = PropTypes.shape({
   no_answer: aggregateDetailPropType,
   aggregate: aggregatePropType
 });
+export var choiceTypeObject = PropTypes.shape({
+  body: PropTypes.string,
+  correct: PropTypes.bool,
+  count: PropTypes.number,
+  percentage: PropTypes.number
+});
 export var choiceTypeAnswerSummaryPropType = PropTypes.shape({
-  choices: PropTypes.arrayOf(PropTypes.shape({
-    body: PropTypes.string,
-    correct: PropTypes.bool,
-    count: PropTypes.number,
-    percentage: PropTypes.number
-  })),
-  no_answer: aggregateDetailPropType
+  choices: PropTypes.arrayOf(choiceTypeObject),
+  no_answer: aggregateDetailPropType,
+  aggregate: aggregatePropType
 });
 export var matchingTypeAnswerSummaryPropType = PropTypes.shape({
   questions: PropTypes.objectOf(PropTypes.shape({
@@ -57,9 +59,25 @@ export var matchingTypeAnswerSummaryPropType = PropTypes.shape({
       body: PropTypes.string,
       distractor: PropTypes.bool
     }))
-  }))
+  })),
+  no_answer: aggregateDetailPropType,
+  aggregate: aggregatePropType
+});
+export var richFillBlankTypeAnswerSummaryPropType = PropTypes.shape({
+  blanks: PropTypes.arrayOf(PropTypes.shape({
+    choices: PropTypes.arrayOf(choiceTypeObject),
+    blank_text: PropTypes.string,
+    blank_type: PropTypes.string,
+    no_answer: PropTypes.number,
+    aggregate: PropTypes.shape({
+      correct: PropTypes.number,
+      incorrect: PropTypes.number
+    })
+  })),
+  no_answer: aggregateDetailPropType,
+  aggregate: aggregatePropType
 });
-export var answerSummaryPropType = PropTypes.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType]);
+export var answerSummaryPropType = PropTypes.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType]);
 export var itemAnalysisPropType = PropTypes.shape({
   attempts: PropTypes.shape({
     students_responded: PropTypes.number,
@@ -90,5 +108,6 @@ export var afsFlags = PropTypes.shape({
   categorizationEnabled: PropTypes.bool.isRequired,
   trueFalseEnabled: PropTypes.bool.isRequired,
   choiceEnabled: PropTypes.bool.isRequired,
-  multiAnswerEnabled: PropTypes.bool.isRequired
+  multiAnswerEnabled: PropTypes.bool.isRequired,
+  fillInTheBlankEnabled: PropTypes.bool.isRequired
 });

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

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _index = _interopRequireDefault(require("./ChoiceTypeTable/index.js"));
+var _index = _interopRequireDefault(require("../shared/ChoiceTypeTable/index.js"));
 
 var _propTypes2 = require("../../propTypes.js");
 
@@ -52,7 +52,7 @@ var ChoiceType = /*#__PURE__*/function (_Component) {
       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
+          choices: answerSummary.choices
         }),
         aggregationTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
           itemId: itemId,

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

@@ -138,6 +138,7 @@ var MatchingTypeTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
           padding: '0 0 0 0'
         }
       }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, correct ? "".concat((0, _formatMessage.default)('Correct answer'), ": ").concat(count) : count), /*#__PURE__*/_react.default.createElement("div", {
+        "aria-hidden": "true",
         className: containerClassNames
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row",

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/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.RichFillBlankType;
+  }
+});
+
+var _presenter = require("./presenter.js");

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

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichFillBlankType = 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 = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = require("../../propTypes.js");
+
+var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
+
+var _presenter = require("../shared/AfsPartsContainer/presenter.js");
+
+var _index2 = _interopRequireDefault(require("../shared/ChoiceGroupTypeTable/index.js"));
+
+var _uiText = require("@instructure/ui-text");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index3 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
+
+var _emotion = require("@instructure/emotion");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var RichFillBlankType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(RichFillBlankType, _Component);
+
+  var _super = (0, _createSuper2.default)(RichFillBlankType);
+
+  function RichFillBlankType() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, RichFillBlankType);
+
+    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.renderBlankInfo = function (blank) {
+      var _blank$aggregate, _blank$aggregate2;
+
+      var correctCount = (blank === null || blank === void 0 ? void 0 : (_blank$aggregate = blank.aggregate) === null || _blank$aggregate === void 0 ? void 0 : _blank$aggregate.correct) || 0;
+      var incorrectCount = (blank === null || blank === void 0 ? void 0 : (_blank$aggregate2 = blank.aggregate) === null || _blank$aggregate2 === void 0 ? void 0 : _blank$aggregate2.incorrect) || 0;
+      var noAnswer = (blank === null || blank === void 0 ? void 0 : blank.no_answer) || 0;
+      var correctString = "".concat((0, _formatMessage.default)('Correct'), ": ").concat(correctCount, " ");
+      var incorrectString = "".concat((0, _formatMessage.default)('Incorrect'), ": ").concat(incorrectCount, " ");
+      var noAnswerString = "".concat((0, _formatMessage.default)('No Answer'), ": ").concat(noAnswer, " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, null, correctString), (0, _emotion.jsx)(_uiText.Text, null, incorrectString), (0, _emotion.jsx)(_uiText.Text, null, noAnswerString));
+    };
+
+    _this.renderGroup = function (key, itemId, blank, index) {
+      return (0, _emotion.jsx)(_index2.default, {
+        key: key,
+        itemId: itemId,
+        blank: blank,
+        blankInfo: _this.renderBlankInfo(blank),
+        index: index
+      });
+    };
+
+    _this.renderGroups = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      var blanks = answerSummary.blanks;
+      return blanks.map(function (blank, index) {
+        var key = "ChoiceGroupTypeTable_".concat(index);
+        return _this.renderGroup(key, itemId, blank, index);
+      });
+    };
+
+    _this.render = function () {
+      var _this$props2 = _this.props,
+          answerSummary = _this$props2.answerSummary,
+          itemId = _this$props2.itemId;
+      return (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_presenter.AfsPartsContainer, {
+        afsTable: _this.renderGroups(),
+        aggregationTable: (0, _emotion.jsx)(_index3.default, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return RichFillBlankType;
+}(_react.Component), _class2.propTypes = {
+  itemId: _propTypes.default.number.isRequired,
+  answerSummary: _propTypes2.richFillBlankTypeAnswerSummaryPropType.isRequired,
+  styles: _propTypes.default.object
+}.isRequired, _temp)) || _class);
+exports.RichFillBlankType = RichFillBlankType;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    groupAggregationContainer: {
+      display: 'flex',
+      gap: componentTheme.aggregateSpacing
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/theme.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    aggregateSpacing: spacing.xSmall
+  };
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -23,9 +23,11 @@ var _index = _interopRequireDefault(require("./LegacyChoiceType/index.js"));
 
 var _index2 = _interopRequireDefault(require("./ChoiceType/index.js"));
 
-var _index3 = _interopRequireDefault(require("./AggregationType/index.js"));
+var _index3 = _interopRequireDefault(require("./RichFillBlankType/index.js"));
 
-var _index4 = require("./MatchingType/index.js");
+var _index4 = _interopRequireDefault(require("./AggregationType/index.js"));
+
+var _index5 = require("./MatchingType/index.js");
 
 var _propTypes = require("../propTypes.js");
 
@@ -48,23 +50,23 @@ var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
 
     _this.addAfsComponentsByFlags = function (afsFlags) {
       if (afsFlags.formulaEnabled) {
-        _this.afsTableComponentMap.set('formula', _index3.default);
+        _this.afsTableComponentMap.set('formula', _index4.default);
       }
 
       if (afsFlags.hotSpotEnabled) {
-        _this.afsTableComponentMap.set('hot-spot', _index3.default);
+        _this.afsTableComponentMap.set('hot-spot', _index4.default);
       }
 
       if (afsFlags.matchingEnabled) {
-        _this.afsTableComponentMap.set('matching', _index4.MatchingType);
+        _this.afsTableComponentMap.set('matching', _index5.MatchingType);
       }
 
       if (afsFlags.orderingEnabled) {
-        _this.afsTableComponentMap.set('ordering', _index4.OrderingType);
+        _this.afsTableComponentMap.set('ordering', _index5.OrderingType);
       }
 
       if (afsFlags.categorizationEnabled) {
-        _this.afsTableComponentMap.set('categorization', _index4.CategorizationType);
+        _this.afsTableComponentMap.set('categorization', _index5.CategorizationType);
       }
 
       if (afsFlags.trueFalseEnabled) {
@@ -78,6 +80,10 @@ var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
       if (afsFlags.multiAnswerEnabled) {
         _this.afsTableComponentMap.set('multi-answer', _index2.default);
       }
+
+      if (afsFlags.fillInTheBlankEnabled) {
+        _this.afsTableComponentMap.set('rich-fill-blank', _index3.default);
+      }
     };
 
     _this.render = function () {

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

@@ -23,8 +23,6 @@ var _uiTable = require("@instructure/ui-table");
 
 var _propTypes = require("../../../propTypes.js");
 
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 
 var _uiIcons = require("@instructure/ui-icons");
@@ -124,7 +122,7 @@ var AggregationTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         themeOverride: {
           padding: '0px'
         }
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, label), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         direction: "row",
         alignItems: "center"
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceGroupTypeTable/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.ChoiceGroupTypeTable;
+  }
+});
+
+var _presenter = require("./presenter.js");