@instructure/quiz-core 18.3.1-rc.9 → 18.4.1-rc.0

package/lib/common/util/rceChecker.js

@@ -1,15 +1,47 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isNewRCEEnabled = isNewRCEEnabled;
 exports.isNewRCEAppsEnabled = isNewRCEAppsEnabled;
 exports.isNewRCERendererEnabled = isNewRCERendererEnabled;
-exports.default = void 0;
+exports.default = exports.ensureRCEContentIsLoaded = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _featureCheck = require("./featureCheck.js");
 
+var _mathRenderingUtils = require("./mathRenderingUtils.js");
+
+var _printUtils = require("./printUtils.js");
+
+var ensureRCEContentIsLoaded = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", (0, _mathRenderingUtils.ensureMathIsReady)().then(_mathRenderingUtils.ensureMathRendered).then(_printUtils.ensureImagesLoaded));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function ensureRCEContentIsLoaded() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.ensureRCEContentIsLoaded = ensureRCEContentIsLoaded;
 var newRCEFeatureName = 'use_new_rce';
 var newRCEAppsFeatureName = 'rce5_apps';
 var newRCERendererFeatureName = 'rce5_renderer';

package/lib/index.js

@@ -106,6 +106,7 @@ var _exportNames = {
   printWithCss: true,
   ensureImagesLoaded: true,
   isNewRCEEnabled: true,
+  ensureRCEContentIsLoaded: true,
   createQuizEntryRegrade: true,
   getQuizEntry: true,
   moveQuizEntry: true,
@@ -802,6 +803,12 @@ Object.defineProperty(exports, "isNewRCEEnabled", {
     return _rceChecker.isNewRCEEnabled;
   }
 });
+Object.defineProperty(exports, "ensureRCEContentIsLoaded", {
+  enumerable: true,
+  get: function get() {
+    return _rceChecker.ensureRCEContentIsLoaded;
+  }
+});
 Object.defineProperty(exports, "createQuizEntryRegrade", {
   enumerable: true,
   get: function get() {

package/lib/moderating/components/resources/AccommodationsModal/index.js

@@ -142,7 +142,7 @@ var AccommodationModal = /*#__PURE__*/function (_Component) {
         margin: "xxx-small",
         "data-automation": "sdk-moderation-cancel"
       }, (0, _formatMessage.default)('Cancel')), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-        variant: "primary",
+        color: "primary",
         onClick: this.saveAction,
         margin: "xxx-small",
         "data-automation": "sdk-moderation-save"

package/lib/moderating/components/resources/ModerateTableRow/presenter.js

@@ -319,7 +319,7 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
           }, (0, _formatMessage.default)('None'));
         } else {
           displayContent = /*#__PURE__*/_react.default.createElement(_uiList.List, {
-            variant: "unstyled"
+            isUnstyled: true
           }, accommodations.map(function (elem) {
             return /*#__PURE__*/_react.default.createElement(_uiList.List.Item, {
               key: elem.name
@@ -337,13 +337,15 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
           shouldShrink: true,
           "data-automation": "sdk-moderate-accommodations-text"
-        }, displayContent), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-          variant: "icon",
+        }, displayContent), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
           margin: "0 x-small 0 0",
-          icon: _uiIcons.IconEditLine,
+          withBackground: false,
+          withBorder: false,
+          renderIcon: _uiIcons.IconEditLine,
           onClick: this.onAccommodationsClick,
-          "data-automation": "sdk-moderate-accommodations-edit"
-        }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit student accommodations'))))));
+          "data-automation": "sdk-moderate-accommodations-edit",
+          screenReaderLabel: (0, _formatMessage.default)('Edit student accommodations')
+        }))));
       }
     }
   }, {

package/lib/moderating/components/resources/OutstandingQuizzesModal/presenter.js

@@ -164,7 +164,7 @@ var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
       }, (0, _formatMessage.default)('Cancel')), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         onClick: this.saveAction,
         margin: "xxx-small",
-        variant: "primary",
+        color: "primary",
         disabled: !this.state.quizzesSelectedAndReadyToSubmit.length,
         "data-automation": "sdk-outstanding-quizzes-submit"
       }, (0, _formatMessage.default)('Submit Manually'))));

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

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/{AnswerSummaryTable/AnswerSummaryTableRow → AnswerFrequencySummary/ChoiceType/ChoiceTypeTableRow}/presenter.js

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AnswerSummaryTableRow = void 0;
+exports.ChoiceTypeTableRow = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -54,15 +54,15 @@ var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, nu
 
 var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconXSolid, null);
 
-var AnswerSummaryTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AnswerSummaryTableRow, _Component);
+var ChoiceTypeTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceTypeTableRow, _Component);
 
-  var _super = (0, _createSuper2.default)(AnswerSummaryTableRow);
+  var _super = (0, _createSuper2.default)(ChoiceTypeTableRow);
 
-  function AnswerSummaryTableRow() {
+  function ChoiceTypeTableRow() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, AnswerSummaryTableRow);
+    (0, _classCallCheck2.default)(this, ChoiceTypeTableRow);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -136,7 +136,7 @@ var AnswerSummaryTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default,
     return _this;
   }
 
-  return AnswerSummaryTableRow;
+  return ChoiceTypeTableRow;
 }(_react.Component), _class2.displayName = 'Row', _class2.propTypes = {
   choice: _propTypes.default.shape({
     body: _propTypes.default.string,
@@ -146,4 +146,4 @@ var AnswerSummaryTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default,
   }),
   choiceIndex: _propTypes.default.number
 }.isRequired, _temp)) || _class);
-exports.AnswerSummaryTableRow = AnswerSummaryTableRow;
+exports.ChoiceTypeTableRow = ChoiceTypeTableRow;

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/{AnswerSummaryTable/ChoiceInfo → AnswerFrequencySummary/ChoiceType}/presenter.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChoiceInfo = void 0;
+exports.ChoiceType = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -23,21 +23,40 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _uiTable = require("@instructure/ui-table");
 
-var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiHeading = require("@instructure/ui-heading");
 
-var _index = _interopRequireDefault(require("../AnswerSummaryTableRow/index.js"));
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var ChoiceInfo = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ChoiceInfo, _Component);
+var _index = _interopRequireDefault(require("./ChoiceTypeTableRow/index.js"));
+
+var _propTypes2 = require("../../propTypes.js");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
 
-  var _super = (0, _createSuper2.default)(ChoiceInfo);
+var _dec, _class, _class2, _temp;
 
-  function ChoiceInfo() {
+var styles = {
+  componentId: 'ZuPLN',
+  template: function template(theme) {
+    return "\n\n.ZuPLN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}");
+  },
+  'tableWrapper': 'ZuPLN_rMrG'
+};
+var ChoiceType = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceType, _Component);
+
+  var _super = (0, _createSuper2.default)(ChoiceType);
+
+  function ChoiceType() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, ChoiceInfo);
+    (0, _classCallCheck2.default)(this, ChoiceType);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -70,19 +89,32 @@ var ChoiceInfo = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(ChoiceInfo, [{
+  (0, _createClass2.default)(ChoiceType, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          choices = _this$props.choices,
-          noAnswer = _this$props.noAnswer,
+          answerSummary = _this$props.answerSummary,
           itemId = _this$props.itemId;
+      var choices = answerSummary.choices,
+          noAnswer = answerSummary.no_answer;
       var numberOfChoices = choices.length;
       var spacingHeaderId = "answer-frequency-summary-spacing-".concat(itemId);
       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", null, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldGrow: true
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.tableWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        margin: "large 0 small 0",
+        level: "h4",
+        theme: {
+          h4FontWeight: 'normal'
+        }
+      }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__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: spacingHeaderId,
@@ -97,24 +129,13 @@ var ChoiceInfo = /*#__PURE__*/function (_Component) {
         id: percentageHeaderId,
         height: "47px",
         textAlign: "center"
-      }, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices))));
+      }, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices)))))));
     }
   }]);
-  ChoiceInfo.displayName = "ChoiceInfo";
-  return ChoiceInfo;
-}(_react.Component);
-
-exports.ChoiceInfo = ChoiceInfo;
-ChoiceInfo.propTypes = {
+  ChoiceType.displayName = "ChoiceType";
+  return ChoiceType;
+}(_react.Component), _class2.propTypes = {
   itemId: _propTypes.default.number,
-  choices: _propTypes.default.arrayOf(_propTypes.default.shape({
-    body: _propTypes.default.string,
-    correct: _propTypes.default.bool,
-    count: _propTypes.default.number,
-    percentage: _propTypes.default.number
-  })),
-  noAnswer: _propTypes.default.shape({
-    count: _propTypes.default.number,
-    percentage: _propTypes.default.number
-  })
-}.isRequired;
+  answerSummary: _propTypes2.choiceTypeAnswerSummaryPropType
+}.isRequired, _temp)) || _class);
+exports.ChoiceType = ChoiceType;

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

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

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnswerFrequencySummary = 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 _quizInteractions = require("@instructure/quiz-interactions");
+
+var _presenter = require("./ChoiceType/presenter.js");
+
+var _propTypes = require("../propTypes.js");
+
+var afsTableComponentMap = new Map();
+afsTableComponentMap.set('true-false', _presenter.ChoiceType);
+afsTableComponentMap.set('choice', _presenter.ChoiceType);
+afsTableComponentMap.set('multi-answer', _presenter.ChoiceType);
+
+var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AnswerFrequencySummary, _Component);
+
+  var _super = (0, _createSuper2.default)(AnswerFrequencySummary);
+
+  function AnswerFrequencySummary() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AnswerFrequencySummary);
+
+    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,
+          itemId = _this$props.itemId,
+          answerSummary = _this$props.answerSummary,
+          interactionType = _this$props.interactionType;
+      var AfsTableComponent = afsTableComponentMap.get(interactionType);
+
+      if (!AfsTableComponent) {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+      }
+
+      return /*#__PURE__*/_react.default.createElement(AfsTableComponent, {
+        itemId: itemId,
+        answerSummary: answerSummary
+      });
+    };
+
+    return _this;
+  }
+
+  return AnswerFrequencySummary;
+}(_react.Component);
+
+exports.AnswerFrequencySummary = AnswerFrequencySummary;
+AnswerFrequencySummary.propTypes = {
+  itemId: _quizInteractions.PropTypes.number,
+  answerSummary: _propTypes.answerSummaryPropType,
+  interactionType: _quizInteractions.PropTypes.string
+}.isRequired;

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

@@ -13,6 +13,7 @@ var _presenter = require("./presenter.js");
 
 function mapStateToProps(_state) {
   return {
+    // This would be able to switch of all AFS Tables
     showFrequencyTable: (0, _featureCheck.featureOn)('show_improved_item_analysis_frequency_table')
   };
 }

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

@@ -47,7 +47,7 @@ var _classnames3 = _interopRequireDefault(require("classnames"));
 
 var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
 
-var _index5 = _interopRequireDefault(require("../AnswerSummaryTable/index.js"));
+var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
 
 var _propTypes = require("../propTypes.js");
 
@@ -55,29 +55,28 @@ var _uiFlex = require("@instructure/ui-flex");
 
 var _quizRce = require("@instructure/quiz-rce");
 
-var _printUtils = require("../../../../../common/util/printUtils.js");
+var _rceChecker = require("../../../../../common/util/rceChecker.js");
 
 var _quizInteractions = require("@instructure/quiz-interactions");
 
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'bQIMq',
+  componentId: 'ewlJT',
   template: function template(theme) {
-    return "\n\n.bQIMq_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', "}\n\n.bQIMq_bwlc{gap:24px;justify-content:space-between;position:relative;row-gap:32px}\n\n.bQIMq_bwlc,.bQIMq_bqdH{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}\n\n.bQIMq_bqdH{row-gap:24px}\n\n.bQIMq_NpIG{position:absolute;right:").concat(theme.viewPaddingRight || 'inherit', ";top:0}\n\n.bQIMq_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bQIMq_fFDJ{display:none}\n\n.bQIMq_fxkJ{margin-top:-8px}\n\n.bQIMq_esVF{min-height:48px}\n\n.bQIMq_eTZq{position:relative}\n\n.bQIMq_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.bQIMq_fkgx{max-width:100%;width:calc(25% + 350px)}");
+    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)}");
   },
-  'cardWrapper': 'bQIMq_eKXQ',
-  'itemCardInnerContainer': 'bQIMq_bwlc',
-  'metricsContainer': 'bQIMq_bqdH',
-  'itemCardToggleButtonWrapper': 'bQIMq_NpIG',
-  'metricNumberContext': 'bQIMq_eoBe',
-  'hiddenMetrics': 'bQIMq_fFDJ',
-  'itemBodyToggleButtonWrapper': 'bQIMq_fxkJ',
-  'itemBody': 'bQIMq_esVF',
-  'hiddenItemBody': 'bQIMq_eTZq',
-  'answerSummaryTableContainer': 'bQIMq_fkgx'
+  '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'
 };
-var supportedTables = ['choice', 'true-false', 'multi-answer'];
 var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewItemAnalysis, _Component);
 
@@ -229,19 +228,16 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }))))));
     };
 
-    _this.renderAnswerSummaryTable = function (itemId, answer_summary, isSupportedTable, metricsClass) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+    _this.renderAnswerSummaryTable = function (itemId, answer_summary, metricsClass, interactionType) {
+      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
         className: metricsClass
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.answerSummaryTableContainer
-      }, isSupportedTable && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
-        direction: "row"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
-        shouldGrow: true
+        className: styles.answerFrequencySummaryContainer
       }, /*#__PURE__*/_react.default.createElement(_index5.default, {
         itemId: itemId,
-        answerSummary: answer_summary
-      })))));
+        answerSummary: answer_summary,
+        interactionType: interactionType
+      }))));
     };
 
     return _this;
@@ -252,7 +248,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     value: function componentDidMount() {
       var _this2 = this;
 
-      (0, _quizRce.ensureMathIsReady)().then(_quizRce.ensureMathRendered).then(_printUtils.ensureImagesLoaded).then(function () {
+      (0, _rceChecker.ensureRCEContentIsLoaded)().then(function () {
         return _this2.calculateItemCardBodyHeight(_this2.props.itemAnalysis.metadata.item_id);
       });
     }
@@ -291,7 +287,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
           metadata = itemAnalysis.metadata,
           scores = itemAnalysis.scores;
       var itemId = metadata.item_id;
-      var isSupportedTable = supportedTables.includes(metadata.interaction_type);
+      var interactionType = metadata.interaction_type;
       var metricsClass = (0, _classnames3.default)((0, _defineProperty2.default)({}, styles.hiddenMetrics, !this.state.metricsExpanded));
       var itemBodyClass = (0, _classnames3.default)(styles.itemBody, (0, _defineProperty2.default)({}, styles.hiddenItemBody, this.isBodyHigherThanContainer() && !this.state.bodyExpanded));
       var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage.default)('Untitled item');
@@ -315,7 +311,7 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         padding: "small xx-small none none",
         overflowY: "hidden",
         size: !this.state.bodyExpanded ? '60px' : void 0
-      }, this.renderRichContent(metadata.item_body, itemBodyClass, itemId)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), showFrequencyTable && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderAnswerSummaryTable(itemId, answer_summary, isSupportedTable, metricsClass))));
+      }, this.renderRichContent(metadata.item_body, itemBodyClass, itemId)))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, this.renderMetrics(scores, metricsClass)))), showFrequencyTable && this.renderAnswerSummaryTable(itemId, answer_summary, metricsClass, interactionType)));
     }
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";

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

@@ -187,8 +187,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _uiThemeable.themeab
       var _this$props3 = this.props,
           fetchInProgress = _this$props3.fetchInProgress,
           name = _this$props3.name,
-          quizAnalysis = _this$props3.quizAnalysis;
-      var reportCardStyles = (0, _classnames2.default)(styles.reportCard, (0, _defineProperty2.default)({}, styles.emptyReportCard, !quizAnalysis));
+          quizAnalysis = _this$props3.quizAnalysis,
+          analysisError = _this$props3.analysisError;
+      var reportCardStyles = (0, _classnames2.default)(styles.reportCard, (0, _defineProperty2.default)({}, styles.emptyReportCard, !quizAnalysis && !analysisError));
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         className: reportCardStyles
       }, /*#__PURE__*/_react.default.createElement("div", {