@instructure/quiz-core 17.62.0 → 17.62.1-rc.1

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/ChoiceInfo/index.js

@@ -0,0 +1,2 @@
+import { ChoiceInfo } from "./presenter.js";
+export default ChoiceInfo;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/ChoiceInfo/presenter.js

@@ -0,0 +1,90 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Table } from '@instructure/ui-table';
+import Row from "../Row/index.js";
+import PropTypes from 'prop-types';
+
+var _ref = /*#__PURE__*/React.createElement(Table.ColHeader, {
+  width: "46px"
+});
+
+export var ChoiceInfo = /*#__PURE__*/function (_Component) {
+  _inherits(ChoiceInfo, _Component);
+
+  var _super = _createSuper(ChoiceInfo);
+
+  function ChoiceInfo() {
+    var _this;
+
+    _classCallCheck(this, ChoiceInfo);
+
+    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.renderRow = function (choice, choiceIndex) {
+      return /*#__PURE__*/React.createElement(Row, {
+        key: choiceIndex,
+        choice: choice,
+        choiceIndex: choiceIndex
+      });
+    };
+
+    _this.renderNoAnswer = function (payload, choiceIndex) {
+      var asChoice = {
+        body: t('(No answer)'),
+        percentage: payload.percentage,
+        correct: false,
+        count: payload.count
+      };
+      return /*#__PURE__*/React.createElement(Row, {
+        key: choiceIndex,
+        choice: asChoice,
+        choiceIndex: choiceIndex
+      });
+    };
+
+    return _this;
+  }
+
+  _createClass(ChoiceInfo, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          choices = _this$props.choices,
+          noAnswer = _this$props.noAnswer;
+      var numberOfChoices = choices.length;
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
+        caption: t('Answer Frequency Summary')
+      }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, _ref, /*#__PURE__*/React.createElement(Table.ColHeader, {
+        height: "47px"
+      }, t('Answer')), /*#__PURE__*/React.createElement(Table.ColHeader, {
+        height: "47px"
+      }, t('Respondents')), /*#__PURE__*/React.createElement(Table.ColHeader, {
+        height: "47px",
+        textAlign: "center"
+      }, t('%')))), /*#__PURE__*/React.createElement(Table.Body, null, choices.map(this.renderRow), this.renderNoAnswer(noAnswer, numberOfChoices))));
+    }
+  }]);
+
+  ChoiceInfo.displayName = "ChoiceInfo";
+  return ChoiceInfo;
+}(Component);
+ChoiceInfo.propTypes = {
+  choices: PropTypes.arrayOf(PropTypes.shape({
+    body: PropTypes.string,
+    correct: PropTypes.bool,
+    count: PropTypes.number,
+    percentage: PropTypes.number
+  })),
+  noAnswer: PropTypes.shape({
+    count: PropTypes.number,
+    percentage: PropTypes.number
+  })
+}.isRequired;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/Row/index.js

@@ -0,0 +1,2 @@
+import { Row } from "./presenter.js";
+export default Row;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/Row/presenter.js

@@ -0,0 +1,109 @@
+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 { Table } from '@instructure/ui-table';
+import { themeable } from '@instructure/ui-themeable';
+import theme from "../theme.js";
+var styles = {
+  componentId: 'fvXKN',
+  template: function template(theme) {
+    return "\n\n.fvXKN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.fvXKN_cvRx{align-items:center;display:flex;height:48px;justify-content:center;width:46px}\n\n.fvXKN_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.fvXKN_EKAb svg{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}\n\n.fvXKN_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0;padding:").concat(theme.cellPadding || 'inherit', "}\n\n.fvXKN_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'fvXKN_rMrG',
+  'iconWrapper': 'fvXKN_cvRx',
+  'iconCorrect': 'fvXKN_EKAb',
+  'correctRowBorder': 'fvXKN_tnta',
+  'correctRowBorderRadius': 'fvXKN_fvqY'
+};
+import PropTypes from 'prop-types';
+import { IconXSolid, IconCheckSolid } from '@instructure/ui-icons';
+import classNames from 'classnames';
+import { extractTextFromHtml } from '@instructure/quiz-interactions';
+
+var _ref = /*#__PURE__*/React.createElement(IconCheckSolid, null);
+
+var _ref2 = /*#__PURE__*/React.createElement(IconXSolid, null);
+
+export var Row = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Row, _Component);
+
+  var _super = _createSuper(Row);
+
+  function Row() {
+    var _this;
+
+    _classCallCheck(this, Row);
+
+    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.renderMiddleCell = function (correct, content) {
+      var className = classNames(_defineProperty({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderLastCell = function (correct, content) {
+      var _classNames3;
+
+      var className = classNames((_classNames3 = {}, _defineProperty(_classNames3, styles.correctRowBorder, correct), _defineProperty(_classNames3, styles.correctRowBorderRadius, correct), _classNames3));
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.render = function () {
+      var correct = _this.props.choice.correct;
+      var cellPadding = correct ? '0' : _this.theme.cellPadding;
+      return /*#__PURE__*/React.createElement(Table.Row, {
+        key: _this.props.choiceIndex
+      }, /*#__PURE__*/React.createElement(Table.Cell, {
+        theme: {
+          padding: '0px'
+        }
+      }, _this.renderIcon(correct)), /*#__PURE__*/React.createElement(Table.RowHeader, {
+        theme: {
+          padding: cellPadding
+        },
+        className: styles.tableBody
+      }, _this.renderMiddleCell(correct, extractTextFromHtml(_this.props.choice.body))), /*#__PURE__*/React.createElement(Table.Cell, {
+        theme: {
+          padding: cellPadding
+        }
+      }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/React.createElement(Table.Cell, {
+        theme: {
+          padding: cellPadding
+        },
+        textAlign: "center"
+      }, _this.renderLastCell(correct, "".concat(_this.props.choice.percentage, "%"))));
+    };
+
+    return _this;
+  }
+
+  return Row;
+}(Component), _class2.propTypes = {
+  choice: PropTypes.shape({
+    body: PropTypes.string,
+    correct: PropTypes.bool,
+    count: PropTypes.number,
+    percentage: PropTypes.number
+  }),
+  choiceIndex: PropTypes.number
+}.isRequired, _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/index.js

@@ -0,0 +1,2 @@
+import { AnswerSummaryTable } from "./presenter.js";
+export default AnswerSummaryTable;

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

@@ -0,0 +1,62 @@
+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 { Heading } from '@instructure/ui-heading';
+import { themeable } from '@instructure/ui-themeable';
+import theme from "./theme.js";
+var styles = {
+  componentId: 'fvXKN',
+  template: function template(theme) {
+    return "\n\n.fvXKN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.fvXKN_cvRx{align-items:center;display:flex;height:48px;justify-content:center;width:46px}\n\n.fvXKN_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.fvXKN_EKAb svg{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}\n\n.fvXKN_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0;padding:").concat(theme.cellPadding || 'inherit', "}\n\n.fvXKN_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'fvXKN_rMrG',
+  'iconWrapper': 'fvXKN_cvRx',
+  'iconCorrect': 'fvXKN_EKAb',
+  'correctRowBorder': 'fvXKN_tnta',
+  'correctRowBorderRadius': 'fvXKN_fvqY'
+};
+import { ChoiceInfo } from "./ChoiceInfo/presenter.js";
+import t from '@instructure/quiz-i18n/es/format-message';
+import { answerSummaryPropType } from "../propTypes.js";
+export var AnswerSummaryTable = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(AnswerSummaryTable, _Component);
+
+  var _super = _createSuper(AnswerSummaryTable);
+
+  function AnswerSummaryTable() {
+    var _this;
+
+    _classCallCheck(this, AnswerSummaryTable);
+
+    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$answerSum = _this.props.answerSummary,
+          choices = _this$props$answerSum.choices,
+          no_answer = _this$props$answerSum.no_answer;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.tableWrapper
+      }, /*#__PURE__*/React.createElement(Heading, {
+        margin: "large 0 small 0",
+        level: "h3"
+      }, t('Answer Frequency Summary')), /*#__PURE__*/React.createElement(ChoiceInfo, {
+        choices: choices,
+        noAnswer: no_answer
+      }));
+    };
+
+    return _this;
+  }
+
+  return AnswerSummaryTable;
+}(Component), _class2.propTypes = {
+  answerSummary: answerSummaryPropType
+}.isRequired, _temp)) || _class);

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

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

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

@@ -9,24 +9,27 @@ var _dec, _class, _class2, _temp;
 import { Heading } from '@instructure/ui-heading';
 import React, { Component } from 'react';
 var styles = {
-  componentId: 'eLWCD',
+  componentId: 'bCOJX',
   template: function template(theme) {
-    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
+    return "\n\n.bCOJX_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.bCOJX_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.bCOJX_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bCOJX_eIAv{display:flex;position:relative}\n\n.bCOJX_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.bCOJX_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.bCOJX_byoJ{position:absolute;right:7px;top:-8px}\n\n.bCOJX_evBt{flex-wrap:wrap;justify-content:space-between}\n\n.bCOJX_pAQb,.bCOJX_evBt{display:flex;flex-direction:row}\n\n.bCOJX_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.bCOJX_dPzc{flex-direction:column}\n\n.bCOJX_dPzc,.bCOJX_dzph{display:flex;flex-basis:100%}\n\n.bCOJX_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.bCOJX_eobd{padding-top:1rem}\n\n.bCOJX_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n.bCOJX_csiQ{display:flex;flex-basis:100%}\n\n.bCOJX_fjVl{display:flex;flex-basis:50%}\n\n.bCOJX_eZLI{display:flex;flex-basis:40%}\n\n@media screen and (--tabletBreakPoint){.bCOJX_zefc{flex-basis:100%;justify-content:flex-start}.bCOJX_ePHw{flex-basis:94%}.bCOJX_eDnN{flex-basis:100%}.bCOJX_dzph{padding:0}.bCOJX_eDnN h3{padding-right:30px}.bCOJX_NpIG{right:17px}.bCOJX_eIAv{margin-bottom:20px}.bCOJX_byoJ{right:-7px}.bCOJX_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'eLWCD_eDnN',
-  'cardWrapper': 'eLWCD_eKXQ',
-  'metricNumberContext': 'eLWCD_eoBe',
-  'bodyPresentation': 'eLWCD_eIAv',
-  'bodyExcerpt': 'eLWCD_ePHw',
-  'bodyExcerptExpanded': 'eLWCD_dzsH',
-  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
-  'innerWrapper': 'eLWCD_evBt',
-  'expandableInnerWrapper': 'eLWCD_pAQb',
-  'metricsWithControls': 'eLWCD_zefc',
-  'metricGroup': 'eLWCD_dPzc',
-  'metricsRow': 'eLWCD_dzph',
-  'metricsRowPaginated': 'eLWCD_eobd',
-  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
+  'heading': 'bCOJX_eDnN',
+  'cardWrapper': 'bCOJX_eKXQ',
+  'metricNumberContext': 'bCOJX_eoBe',
+  'bodyPresentation': 'bCOJX_eIAv',
+  'bodyExcerpt': 'bCOJX_ePHw',
+  'bodyExcerptExpanded': 'bCOJX_dzsH',
+  'bodyExpandButtonWrapper': 'bCOJX_byoJ',
+  'innerWrapper': 'bCOJX_evBt',
+  'expandableInnerWrapper': 'bCOJX_pAQb',
+  'metricsWithControls': 'bCOJX_zefc',
+  'metricGroup': 'bCOJX_dPzc',
+  'metricsRow': 'bCOJX_dzph',
+  'metricsRowPaginated': 'bCOJX_eobd',
+  'itemCardToggleButtonWrapper': 'bCOJX_NpIG',
+  'expandableContent': 'bCOJX_csiQ',
+  'tableColumn': 'bCOJX_fjVl',
+  'performanceColumn': 'bCOJX_eZLI'
 };
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
@@ -39,7 +42,9 @@ import AnalysisMetric from "../AnalysisMetric/index.js";
 import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
 import classnames from 'classnames';
 import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
+import AnswerSummaryTable from "../AnswerSummaryTable/index.js";
 import { itemAnalysisPropType } from "../propTypes.js";
+var supportedTables = ['choice', 'true-false', 'multi-answer'];
 export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewItemAnalysis, _Component);
 
@@ -176,11 +181,13 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
     key: "render",
     value: function render() {
       var _this$props$itemAnaly = this.props.itemAnalysis,
+          answer_summary = _this$props$itemAnaly.answer_summary,
           metadata = _this$props$itemAnaly.metadata,
           scores = _this$props$itemAnaly.scores;
       var bodyClass = classnames(styles.bodyExcerpt, _defineProperty({}, styles.bodyExcerptExpanded, this.state.bodyExpanded));
       var headingId = this.buildItemCardHeadingId();
       var bodyId = this.buildItemCardBodyId();
+      var isSupportedTable = supportedTables.includes(metadata.interaction_type);
       return /*#__PURE__*/React.createElement(Card, {
         className: styles.cardWrapper
       }, /*#__PURE__*/React.createElement("div", {
@@ -231,7 +238,15 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
         popoverDescription: discriminationIndex
       }), this.renderExpandItemCardButton()), this.state.metricsExpanded && this.renderExpanded()))), this.state.itemExpanded && /*#__PURE__*/React.createElement("div", {
         className: styles.expandableInnerWrapper
-      }));
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.expandableContent
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.tableColumn
+      }, isSupportedTable && /*#__PURE__*/React.createElement(AnswerSummaryTable, {
+        answerSummary: answer_summary
+      })), /*#__PURE__*/React.createElement("div", {
+        className: styles.performanceColumn
+      }))));
     }
   }]);
 

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

@@ -40,5 +40,18 @@ export var itemAnalysisPropType = PropTypes.shape({
     pearson_correlation: PropTypes.number,
     points_possible: PropTypes.number,
     quartile_distribution: PropTypes.arrayOf(PropTypes.number)
+  }),
+  answer_summary: answerSummaryPropType
+});
+export var answerSummaryPropType = PropTypes.shape({
+  choices: PropTypes.arrayOf(PropTypes.shape({
+    body: PropTypes.string,
+    correct: PropTypes.bool,
+    count: PropTypes.number,
+    percentage: PropTypes.number
+  })),
+  no_answer: PropTypes.shape({
+    count: PropTypes.number,
+    percentage: PropTypes.number
   })
 });

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/ChoiceInfo/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _presenter = require("./presenter.js");
+
+var _default = _presenter.ChoiceInfo;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/ChoiceInfo/presenter.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChoiceInfo = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _index = _interopRequireDefault(require("../Row/index.js"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+  width: "46px"
+});
+
+var ChoiceInfo = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceInfo, _Component);
+
+  var _super = (0, _createSuper2.default)(ChoiceInfo);
+
+  function ChoiceInfo() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ChoiceInfo);
+
+    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.renderRow = function (choice, choiceIndex) {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        key: choiceIndex,
+        choice: choice,
+        choiceIndex: choiceIndex
+      });
+    };
+
+    _this.renderNoAnswer = function (payload, choiceIndex) {
+      var asChoice = {
+        body: (0, _formatMessage.default)('(No answer)'),
+        percentage: payload.percentage,
+        correct: false,
+        count: payload.count
+      };
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        key: choiceIndex,
+        choice: asChoice,
+        choiceIndex: choiceIndex
+      });
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ChoiceInfo, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          choices = _this$props.choices,
+          noAnswer = _this$props.noAnswer;
+      var numberOfChoices = choices.length;
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__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, _ref, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        height: "47px"
+      }, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        height: "47px"
+      }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        height: "47px",
+        textAlign: "center"
+      }, (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 = {
+  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;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/Row/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _presenter = require("./presenter.js");
+
+var _default = _presenter.Row;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/Row/presenter.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Row = 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 _uiTable = require("@instructure/ui-table");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _theme = _interopRequireDefault(require("../theme.js"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fvXKN',
+  template: function template(theme) {
+    return "\n\n.fvXKN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.fvXKN_cvRx{align-items:center;display:flex;height:48px;justify-content:center;width:46px}\n\n.fvXKN_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.fvXKN_EKAb svg{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}\n\n.fvXKN_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0;padding:").concat(theme.cellPadding || 'inherit', "}\n\n.fvXKN_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'fvXKN_rMrG',
+  'iconWrapper': 'fvXKN_cvRx',
+  'iconCorrect': 'fvXKN_EKAb',
+  'correctRowBorder': 'fvXKN_tnta',
+  'correctRowBorderRadius': 'fvXKN_fvqY'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconXSolid, null);
+
+var Row = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Row, _Component);
+
+  var _super = (0, _createSuper2.default)(Row);
+
+  function Row() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Row);
+
+    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.renderMiddleCell = function (correct, content) {
+      var className = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.correctRowBorder, correct));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.renderLastCell = function (correct, content) {
+      var _classNames3;
+
+      var className = (0, _classnames.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, styles.correctRowBorder, correct), (0, _defineProperty2.default)(_classNames3, styles.correctRowBorderRadius, correct), _classNames3));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: className
+      }, content);
+    };
+
+    _this.render = function () {
+      var correct = _this.props.choice.correct;
+      var cellPadding = correct ? '0' : _this.theme.cellPadding;
+      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+        key: _this.props.choiceIndex
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
+          padding: '0px'
+        }
+      }, _this.renderIcon(correct)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
+        theme: {
+          padding: cellPadding
+        },
+        className: styles.tableBody
+      }, _this.renderMiddleCell(correct, (0, _quizInteractions.extractTextFromHtml)(_this.props.choice.body))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
+          padding: cellPadding
+        }
+      }, _this.renderMiddleCell(correct, _this.props.choice.count)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        theme: {
+          padding: cellPadding
+        },
+        textAlign: "center"
+      }, _this.renderLastCell(correct, "".concat(_this.props.choice.percentage, "%"))));
+    };
+
+    return _this;
+  }
+
+  return Row;
+}(_react.Component), _class2.propTypes = {
+  choice: _propTypes.default.shape({
+    body: _propTypes.default.string,
+    correct: _propTypes.default.bool,
+    count: _propTypes.default.number,
+    percentage: _propTypes.default.number
+  }),
+  choiceIndex: _propTypes.default.number
+}.isRequired, _temp)) || _class);
+exports.Row = Row;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _presenter = require("./presenter.js");
+
+var _default = _presenter.AnswerSummaryTable;
+exports.default = _default;

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

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnswerSummaryTable = 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 _uiHeading = require("@instructure/ui-heading");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _presenter = require("./ChoiceInfo/presenter.js");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _propTypes = require("../propTypes.js");
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fvXKN',
+  template: function template(theme) {
+    return "\n\n.fvXKN_rMrG{display:flex;flex-basis:100%;flex-direction:column;padding-bottom:".concat(theme.tableBottomPadding || 'inherit', "}\n\n.fvXKN_cvRx{align-items:center;display:flex;height:48px;justify-content:center;width:46px}\n\n.fvXKN_EKAb{background-color:").concat(theme.colorGreen || 'inherit', ";border-radius:4px 0 0 4px}\n\n.fvXKN_EKAb svg{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}\n\n.fvXKN_tnta{border-color:").concat(theme.colorGreen || 'inherit', ";border-style:solid;border-width:2px 0;padding:").concat(theme.cellPadding || 'inherit', "}\n\n.fvXKN_fvqY{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}");
+  },
+  'tableWrapper': 'fvXKN_rMrG',
+  'iconWrapper': 'fvXKN_cvRx',
+  'iconCorrect': 'fvXKN_EKAb',
+  'correctRowBorder': 'fvXKN_tnta',
+  'correctRowBorderRadius': 'fvXKN_fvqY'
+};
+var AnswerSummaryTable = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AnswerSummaryTable, _Component);
+
+  var _super = (0, _createSuper2.default)(AnswerSummaryTable);
+
+  function AnswerSummaryTable() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AnswerSummaryTable);
+
+    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$answerSum = _this.props.answerSummary,
+          choices = _this$props$answerSum.choices,
+          no_answer = _this$props$answerSum.no_answer;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.tableWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        margin: "large 0 small 0",
+        level: "h3"
+      }, (0, _formatMessage.default)('Answer Frequency Summary')), /*#__PURE__*/_react.default.createElement(_presenter.ChoiceInfo, {
+        choices: choices,
+        noAnswer: no_answer
+      }));
+    };
+
+    return _this;
+  }
+
+  return AnswerSummaryTable;
+}(_react.Component), _class2.propTypes = {
+  answerSummary: _propTypes.answerSummaryPropType
+}.isRequired, _temp)) || _class);
+exports.AnswerSummaryTable = AnswerSummaryTable;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerSummaryTable/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 {
+    colorGreen: '#0b874b',
+    cellPadding: ' 0.75rem 0.75rem',
+    tableBottomPadding: spacing.medium
+  };
+}

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

@@ -45,30 +45,36 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
 
+var _index5 = _interopRequireDefault(require("../AnswerSummaryTable/index.js"));
+
 var _propTypes = require("../propTypes.js");
 
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'eLWCD',
+  componentId: 'bCOJX',
   template: function template(theme) {
-    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
+    return "\n\n.bCOJX_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.bCOJX_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.bCOJX_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.bCOJX_eIAv{display:flex;position:relative}\n\n.bCOJX_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.bCOJX_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.bCOJX_byoJ{position:absolute;right:7px;top:-8px}\n\n.bCOJX_evBt{flex-wrap:wrap;justify-content:space-between}\n\n.bCOJX_pAQb,.bCOJX_evBt{display:flex;flex-direction:row}\n\n.bCOJX_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.bCOJX_dPzc{flex-direction:column}\n\n.bCOJX_dPzc,.bCOJX_dzph{display:flex;flex-basis:100%}\n\n.bCOJX_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.bCOJX_eobd{padding-top:1rem}\n\n.bCOJX_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n.bCOJX_csiQ{display:flex;flex-basis:100%}\n\n.bCOJX_fjVl{display:flex;flex-basis:50%}\n\n.bCOJX_eZLI{display:flex;flex-basis:40%}\n\n@media screen and (--tabletBreakPoint){.bCOJX_zefc{flex-basis:100%;justify-content:flex-start}.bCOJX_ePHw{flex-basis:94%}.bCOJX_eDnN{flex-basis:100%}.bCOJX_dzph{padding:0}.bCOJX_eDnN h3{padding-right:30px}.bCOJX_NpIG{right:17px}.bCOJX_eIAv{margin-bottom:20px}.bCOJX_byoJ{right:-7px}.bCOJX_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'eLWCD_eDnN',
-  'cardWrapper': 'eLWCD_eKXQ',
-  'metricNumberContext': 'eLWCD_eoBe',
-  'bodyPresentation': 'eLWCD_eIAv',
-  'bodyExcerpt': 'eLWCD_ePHw',
-  'bodyExcerptExpanded': 'eLWCD_dzsH',
-  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
-  'innerWrapper': 'eLWCD_evBt',
-  'expandableInnerWrapper': 'eLWCD_pAQb',
-  'metricsWithControls': 'eLWCD_zefc',
-  'metricGroup': 'eLWCD_dPzc',
-  'metricsRow': 'eLWCD_dzph',
-  'metricsRowPaginated': 'eLWCD_eobd',
-  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
+  'heading': 'bCOJX_eDnN',
+  'cardWrapper': 'bCOJX_eKXQ',
+  'metricNumberContext': 'bCOJX_eoBe',
+  'bodyPresentation': 'bCOJX_eIAv',
+  'bodyExcerpt': 'bCOJX_ePHw',
+  'bodyExcerptExpanded': 'bCOJX_dzsH',
+  'bodyExpandButtonWrapper': 'bCOJX_byoJ',
+  'innerWrapper': 'bCOJX_evBt',
+  'expandableInnerWrapper': 'bCOJX_pAQb',
+  'metricsWithControls': 'bCOJX_zefc',
+  'metricGroup': 'bCOJX_dPzc',
+  'metricsRow': 'bCOJX_dzph',
+  'metricsRowPaginated': 'bCOJX_eobd',
+  'itemCardToggleButtonWrapper': 'bCOJX_NpIG',
+  'expandableContent': 'bCOJX_csiQ',
+  'tableColumn': 'bCOJX_fjVl',
+  'performanceColumn': 'bCOJX_eZLI'
 };
+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);
 
@@ -205,11 +211,13 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     key: "render",
     value: function render() {
       var _this$props$itemAnaly = this.props.itemAnalysis,
+          answer_summary = _this$props$itemAnaly.answer_summary,
           metadata = _this$props$itemAnaly.metadata,
           scores = _this$props$itemAnaly.scores;
       var bodyClass = (0, _classnames2.default)(styles.bodyExcerpt, (0, _defineProperty2.default)({}, styles.bodyExcerptExpanded, this.state.bodyExpanded));
       var headingId = this.buildItemCardHeadingId();
       var bodyId = this.buildItemCardBodyId();
+      var isSupportedTable = supportedTables.includes(metadata.interaction_type);
       return /*#__PURE__*/_react.default.createElement(_index2.default, {
         className: styles.cardWrapper
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -260,7 +268,15 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         popoverDescription: _popoverContent.discriminationIndex
       }), this.renderExpandItemCardButton()), this.state.metricsExpanded && this.renderExpanded()))), this.state.itemExpanded && /*#__PURE__*/_react.default.createElement("div", {
         className: styles.expandableInnerWrapper
-      }));
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.expandableContent
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.tableColumn
+      }, isSupportedTable && /*#__PURE__*/_react.default.createElement(_index5.default, {
+        answerSummary: answer_summary
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.performanceColumn
+      }))));
     }
   }]);
   NewItemAnalysis.displayName = "NewItemAnalysis";

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.itemAnalysisPropType = exports.quizAnalysisPropType = void 0;
+exports.answerSummaryPropType = exports.itemAnalysisPropType = exports.quizAnalysisPropType = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -53,7 +53,23 @@ var itemAnalysisPropType = _propTypes.default.shape({
     pearson_correlation: _propTypes.default.number,
     points_possible: _propTypes.default.number,
     quartile_distribution: _propTypes.default.arrayOf(_propTypes.default.number)
+  }),
+  answer_summary: answerSummaryPropType
+});
+
+exports.itemAnalysisPropType = itemAnalysisPropType;
+
+var answerSummaryPropType = _propTypes.default.shape({
+  choices: _propTypes.default.arrayOf(_propTypes.default.shape({
+    body: _propTypes.default.string,
+    correct: _propTypes.default.bool,
+    count: _propTypes.default.number,
+    percentage: _propTypes.default.number
+  })),
+  no_answer: _propTypes.default.shape({
+    count: _propTypes.default.number,
+    percentage: _propTypes.default.number
   })
 });
 
-exports.itemAnalysisPropType = itemAnalysisPropType;
+exports.answerSummaryPropType = answerSummaryPropType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.62.0",
+  "version": "17.62.1-rc.1+35dd3a71d",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -40,12 +40,12 @@
     "lib"
   ],
   "dependencies": {
-    "@instructure/outcomes-ui": "^2.1.8",
-    "@instructure/quiz-common": "^17.62.0",
-    "@instructure/quiz-i18n": "^17.62.0",
-    "@instructure/quiz-interactions": "^17.62.0",
-    "@instructure/quiz-number-input": "^17.62.0",
-    "@instructure/quiz-rce": "^17.62.0",
+    "@instructure/outcomes-ui": "^2.1.9",
+    "@instructure/quiz-common": "17.62.1-rc.1+35dd3a71d",
+    "@instructure/quiz-i18n": "17.62.1-rc.1+35dd3a71d",
+    "@instructure/quiz-interactions": "17.62.1-rc.1+35dd3a71d",
+    "@instructure/quiz-number-input": "17.62.1-rc.1+35dd3a71d",
+    "@instructure/quiz-rce": "17.62.1-rc.1+35dd3a71d",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^17.62.0",
+    "instructure-validations": "17.62.1-rc.1+35dd3a71d",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -138,7 +138,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^17.62.0",
+    "@instructure/quiz-scripts": "17.62.0",
     "@instructure/ui-axe-check": "^7.20.0",
     "@instructure/ui-babel-preset": "^7.20.0",
     "@instructure/ui-karma-config": "^7.20.0",
@@ -157,7 +157,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^17.62.0",
+    "quiz-presets": "17.62.1-rc.1+35dd3a71d",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -173,5 +173,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5b7dc5da5299f61d86bfa814c2f57b586c89b6e2"
+  "gitHead": "35dd3a71d48f248d35d44909b90c5ada4bb0ae37"
 }