@instructure/quiz-core 20.7.1-rc.10 → 20.7.1-rc.11

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/index.js

@@ -0,0 +1,120 @@
+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";
+
+var _dec, _class, _class2, _temp;
+
+/** @jsx jsx */
+import { scoreDistributionType } from "../../../propTypes.js";
+import { Component } from 'react';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Table } from '@instructure/ui-table';
+import PropTypes from 'prop-types';
+import { withStyle, jsx } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var ScoreDistributionTypeTable = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(ScoreDistributionTypeTable, _Component);
+
+  var _super = _createSuper(ScoreDistributionTypeTable);
+
+  function ScoreDistributionTypeTable() {
+    var _this;
+
+    _classCallCheck(this, ScoreDistributionTypeTable);
+
+    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.renderFirstCell = function (content) {
+      return jsx("div", {
+        css: _this.props.styles.firstTextContainer
+      }, content);
+    };
+
+    _this.renderCell = function (content) {
+      return jsx("div", {
+        css: _this.props.styles.textContainer
+      }, content);
+    };
+
+    _this.renderRow = function (choice, choiceIndex) {
+      var count = choice.count,
+          score = choice.score,
+          percentage = choice.percentage;
+      return jsx(Table.Row, {
+        key: choiceIndex
+      }, jsx(Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        }
+      }, _this.renderFirstCell(score)), jsx(Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        }
+      }, _this.renderCell(count)), jsx(Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        },
+        textAlign: "center"
+      }, _this.renderCell("".concat(percentage, "%"))));
+    };
+
+    return _this;
+  }
+
+  _createClass(ScoreDistributionTypeTable, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          scores = _this$props.scores,
+          itemId = _this$props.itemId,
+          styles = _this$props.styles;
+      var pointsHeaderId = "answer-frequency-summary-points-".concat(itemId);
+      var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
+      var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
+      return jsx("div", {
+        css: styles.tableContainer
+      }, jsx(Table, {
+        caption: t('Score Frequency Summary'),
+        elementRef: this.setTableRef
+      }, jsx(Table.Head, null, jsx(Table.Row, null, jsx(Table.ColHeader, {
+        id: pointsHeaderId,
+        height: "47px"
+      }, t('Points')), jsx(Table.ColHeader, {
+        id: respondentsHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, t('Respondents')), jsx(Table.ColHeader, {
+        id: percentageHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, t('%')))), jsx(Table.Body, null, scores.map(this.renderRow))));
+    }
+  }]);
+
+  ScoreDistributionTypeTable.displayName = "ScoreDistributionTypeTable";
+  return ScoreDistributionTypeTable;
+}(Component), _class2.propTypes = {
+  itemId: PropTypes.number.isRequired,
+  scores: PropTypes.arrayOf(scoreDistributionType).isRequired,
+  // eslint-disable-next-line react/require-default-props
+  makeStyles: PropTypes.func,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: PropTypes.object
+}, _temp)) || _class);
+export default ScoreDistributionTypeTable;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/styles.js

@@ -0,0 +1,38 @@
+var generateStyle = function generateStyle(componentTheme) {
+  var borderBottom = "solid 0.0625rem ".concat(componentTheme.colorGray);
+  return {
+    tableContainer: {
+      width: 'calc(25% + 350px)',
+      maxWidth: '100%',
+      '& table': {
+        borderCollapse: 'separate',
+        borderSpacing: '0 1px',
+        '& thead tr': {
+          '& th, & td': {
+            borderBottom: borderBottom
+          }
+        },
+        '& tbody tr': {
+          '& th, & td': {
+            width: '33.33%',
+            borderBottom: borderBottom
+          },
+          '& th': {
+            fontWeight: 400
+          }
+        }
+      }
+    },
+    textContainer: {
+      height: 'calc(100% - 4px)',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    firstTextContainer: {
+      padding: componentTheme.cellPadding
+    }
+  };
+};
+
+export default generateStyle;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/theme.js

@@ -0,0 +1,11 @@
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors;
+  return {
+    tableBottomPadding: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    colorGray: colors === null || colors === void 0 ? void 0 : colors.tiara,
+    cellPadding: "".concat(spacing === null || spacing === void 0 ? void 0 : spacing.small, " ").concat(spacing === null || spacing === void 0 ? void 0 : spacing.small)
+  };
+};
+
+export default generateComponentTheme;

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

@@ -0,0 +1,55 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ScoreDistributionTypeTable from "./Table/index.js";
+import { scoreDistributionTypeAnswerSummaryPropType } from "../../propTypes.js";
+import AggregationTable from "../shared/AggregationTable/index.js";
+import { AfsPartsContainer } from "../shared/AfsPartsContainer/presenter.js";
+import AfsTableWrapper from "../shared/AfsTableWrapper/index.js";
+import t from '@instructure/quiz-i18n/es/format-message';
+export var ScoreDistributionType = /*#__PURE__*/function (_Component) {
+  _inherits(ScoreDistributionType, _Component);
+
+  var _super = _createSuper(ScoreDistributionType);
+
+  function ScoreDistributionType() {
+    var _this;
+
+    _classCallCheck(this, ScoreDistributionType);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      return /*#__PURE__*/React.createElement(AfsTableWrapper, {
+        tableHeader: t('Score Frequency Summary')
+      }, /*#__PURE__*/React.createElement(AfsPartsContainer, {
+        afsTable: /*#__PURE__*/React.createElement(ScoreDistributionTypeTable, {
+          itemId: itemId,
+          scores: answerSummary.score_distribution
+        }),
+        aggregationTable: /*#__PURE__*/React.createElement(AggregationTable, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return ScoreDistributionType;
+}(Component);
+ScoreDistributionType.propTypes = {
+  itemId: PropTypes.number,
+  answerSummary: scoreDistributionTypeAnswerSummaryPropType
+}.isRequired;
+export default ScoreDistributionType;

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

@@ -8,6 +8,7 @@ import ChoiceType from "./ChoiceType/index.js";
 import RichFillBlankType from "./RichFillBlankType/index.js";
 import AggregationType from "./AggregationType/index.js";
 import { MatchingType, OrderingType, CategorizationType } from "./MatchingType/index.js";
+import { ScoreDistributionType } from "./ScoreDistributionType/index.js";
 import { afsFlags, answerSummaryPropType } from "../propTypes.js";
 export var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
   _inherits(AnswerFrequencySummary, _Component);
@@ -62,6 +63,14 @@ export var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
       if (afsFlags.fillInTheBlankEnabled) {
         _this.afsTableComponentMap.set('rich-fill-blank', RichFillBlankType);
       }
+
+      if (afsFlags.essayEnabled) {
+        _this.afsTableComponentMap.set('essay', ScoreDistributionType);
+      }
+
+      if (afsFlags.fileUploadEnabled) {
+        _this.afsTableComponentMap.set('file-upload', ScoreDistributionType);
+      }
     };
 
     _this.render = function () {

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

@@ -28,6 +28,11 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _this.getHeader = function () {
+      var tableHeader = _this.props.tableHeader;
+      return tableHeader || t('Answer Frequency Summary');
+    };
+
     _this.render = function () {
       return jsx(Flex, {
         direction: "row",
@@ -41,7 +46,7 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
         level: "h3",
         weight: "bold",
         color: "primary"
-      }, t('Answer Frequency Summary')), _this.props.children)));
+      }, _this.getHeader()), _this.props.children)));
     };
 
     return _this;
@@ -50,5 +55,6 @@ export var AfsTableWrapper = (_dec = withStyle(generateStyle, null), _dec(_class
   return AfsTableWrapper;
 }(Component), _class2.propTypes = {
   children: PropTypes.node.isRequired,
-  styles: PropTypes.object
+  styles: PropTypes.object,
+  tableHeader: PropTypes.string
 }, _temp)) || _class);

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

@@ -13,7 +13,9 @@ function mapStateToProps(_state) {
       trueFalseEnabled: featureOn('ia_true_false_afs'),
       choiceEnabled: featureOn('ia_choice_afs'),
       multiAnswerEnabled: featureOn('ia_multi_answer_afs'),
-      fillInTheBlankEnabled: featureOn('ia_rich_fill_blank_afs')
+      fillInTheBlankEnabled: featureOn('ia_rich_fill_blank_afs'),
+      essayEnabled: featureOn('ia_essay_afs'),
+      fileUploadEnabled: featureOn('ia_file_upload_afs')
     }
   };
 }

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

@@ -50,6 +50,17 @@ export var choiceTypeAnswerSummaryPropType = PropTypes.shape({
   no_answer: aggregateDetailPropType,
   aggregate: aggregatePropType
 });
+export var scoreDistributionTypeAnswerSummaryPropType = PropTypes.shape({
+  no_answer: aggregateDetailPropType.isRequired,
+  aggregate: aggregatePropType.isRequired,
+  graded: aggregateDetailPropType.isRequired,
+  score_distribution: PropTypes.arrayOf(scoreDistributionType).isRequired
+});
+export var scoreDistributionType = PropTypes.shape({
+  count: PropTypes.number.isRequired,
+  score: PropTypes.number.isRequired,
+  percentage: PropTypes.number.isRequired
+});
 export var matchingTypeAnswerSummaryPropType = PropTypes.shape({
   questions: PropTypes.objectOf(PropTypes.shape({
     body: PropTypes.string,
@@ -77,7 +88,7 @@ export var richFillBlankTypeAnswerSummaryPropType = PropTypes.shape({
   no_answer: aggregateDetailPropType,
   aggregate: aggregatePropType
 });
-export var answerSummaryPropType = PropTypes.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType]);
+export var answerSummaryPropType = PropTypes.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType, scoreDistributionTypeAnswerSummaryPropType]);
 export var itemAnalysisPropType = PropTypes.shape({
   attempts: PropTypes.shape({
     students_responded: PropTypes.number,
@@ -109,5 +120,7 @@ export var afsFlags = PropTypes.shape({
   trueFalseEnabled: PropTypes.bool.isRequired,
   choiceEnabled: PropTypes.bool.isRequired,
   multiAnswerEnabled: PropTypes.bool.isRequired,
-  fillInTheBlankEnabled: PropTypes.bool.isRequired
+  fillInTheBlankEnabled: PropTypes.bool.isRequired,
+  essayEnabled: PropTypes.bool.isRequired,
+  fileUploadEnabled: PropTypes.bool.isRequired
 });

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ScoreDistributionTypeTable = 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 _propTypes = require("../../../propTypes.js");
+
+var _react = require("react");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _uiTable = require("@instructure/ui-table");
+
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
+
+var _emotion = require("@instructure/emotion");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var ScoreDistributionTypeTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ScoreDistributionTypeTable, _Component);
+
+  var _super = (0, _createSuper2.default)(ScoreDistributionTypeTable);
+
+  function ScoreDistributionTypeTable() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ScoreDistributionTypeTable);
+
+    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.renderFirstCell = function (content) {
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.firstTextContainer
+      }, content);
+    };
+
+    _this.renderCell = function (content) {
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.textContainer
+      }, content);
+    };
+
+    _this.renderRow = function (choice, choiceIndex) {
+      var count = choice.count,
+          score = choice.score,
+          percentage = choice.percentage;
+      return (0, _emotion.jsx)(_uiTable.Table.Row, {
+        key: choiceIndex
+      }, (0, _emotion.jsx)(_uiTable.Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        }
+      }, _this.renderFirstCell(score)), (0, _emotion.jsx)(_uiTable.Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        }
+      }, _this.renderCell(count)), (0, _emotion.jsx)(_uiTable.Table.Cell, {
+        themeOverride: {
+          padding: '0'
+        },
+        textAlign: "center"
+      }, _this.renderCell("".concat(percentage, "%"))));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ScoreDistributionTypeTable, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          scores = _this$props.scores,
+          itemId = _this$props.itemId,
+          styles = _this$props.styles;
+      var pointsHeaderId = "answer-frequency-summary-points-".concat(itemId);
+      var respondentsHeaderId = "answer-frequency-summary-respondents-".concat(itemId);
+      var percentageHeaderId = "answer-frequency-summary-percentage-".concat(itemId);
+      return (0, _emotion.jsx)("div", {
+        css: styles.tableContainer
+      }, (0, _emotion.jsx)(_uiTable.Table, {
+        caption: (0, _formatMessage.default)('Score Frequency Summary'),
+        elementRef: this.setTableRef
+      }, (0, _emotion.jsx)(_uiTable.Table.Head, null, (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+        id: pointsHeaderId,
+        height: "47px"
+      }, (0, _formatMessage.default)('Points')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+        id: respondentsHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, (0, _formatMessage.default)('Respondents')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+        id: percentageHeaderId,
+        height: "47px",
+        textAlign: "center"
+      }, (0, _formatMessage.default)('%')))), (0, _emotion.jsx)(_uiTable.Table.Body, null, scores.map(this.renderRow))));
+    }
+  }]);
+  ScoreDistributionTypeTable.displayName = "ScoreDistributionTypeTable";
+  return ScoreDistributionTypeTable;
+}(_react.Component), _class2.propTypes = {
+  itemId: _propTypes2.default.number.isRequired,
+  scores: _propTypes2.default.arrayOf(_propTypes.scoreDistributionType).isRequired,
+  // eslint-disable-next-line react/require-default-props
+  makeStyles: _propTypes2.default.func,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes2.default.object
+}, _temp)) || _class);
+exports.ScoreDistributionTypeTable = ScoreDistributionTypeTable;
+var _default = ScoreDistributionTypeTable;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/styles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  var borderBottom = "solid 0.0625rem ".concat(componentTheme.colorGray);
+  return {
+    tableContainer: {
+      width: 'calc(25% + 350px)',
+      maxWidth: '100%',
+      '& table': {
+        borderCollapse: 'separate',
+        borderSpacing: '0 1px',
+        '& thead tr': {
+          '& th, & td': {
+            borderBottom: borderBottom
+          }
+        },
+        '& tbody tr': {
+          '& th, & td': {
+            width: '33.33%',
+            borderBottom: borderBottom
+          },
+          '& th': {
+            fontWeight: 400
+          }
+        }
+      }
+    },
+    textContainer: {
+      height: 'calc(100% - 4px)',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    firstTextContainer: {
+      padding: componentTheme.cellPadding
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/ScoreDistributionType/Table/theme.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors;
+  return {
+    tableBottomPadding: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    colorGray: colors === null || colors === void 0 ? void 0 : colors.tiara,
+    cellPadding: "".concat(spacing === null || spacing === void 0 ? void 0 : spacing.small, " ").concat(spacing === null || spacing === void 0 ? void 0 : spacing.small)
+  };
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ScoreDistributionType = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = _interopRequireDefault(require("./Table/index.js"));
+
+var _propTypes2 = require("../../propTypes.js");
+
+var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
+
+var _presenter = require("../shared/AfsPartsContainer/presenter.js");
+
+var _index3 = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var ScoreDistributionType = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ScoreDistributionType, _Component);
+
+  var _super = (0, _createSuper2.default)(ScoreDistributionType);
+
+  function ScoreDistributionType() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ScoreDistributionType);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.render = function () {
+      var _this$props = _this.props,
+          answerSummary = _this$props.answerSummary,
+          itemId = _this$props.itemId;
+      return /*#__PURE__*/_react.default.createElement(_index3.default, {
+        tableHeader: (0, _formatMessage.default)('Score Frequency Summary')
+      }, /*#__PURE__*/_react.default.createElement(_presenter.AfsPartsContainer, {
+        afsTable: /*#__PURE__*/_react.default.createElement(_index.default, {
+          itemId: itemId,
+          scores: answerSummary.score_distribution
+        }),
+        aggregationTable: /*#__PURE__*/_react.default.createElement(_index2.default, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return ScoreDistributionType;
+}(_react.Component);
+
+exports.ScoreDistributionType = ScoreDistributionType;
+ScoreDistributionType.propTypes = {
+  itemId: _propTypes.default.number,
+  answerSummary: _propTypes2.scoreDistributionTypeAnswerSummaryPropType
+}.isRequired;
+var _default = ScoreDistributionType;
+exports.default = _default;

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

@@ -29,6 +29,8 @@ var _index4 = _interopRequireDefault(require("./AggregationType/index.js"));
 
 var _index5 = require("./MatchingType/index.js");
 
+var _index6 = require("./ScoreDistributionType/index.js");
+
 var _propTypes = require("../propTypes.js");
 
 var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
@@ -84,6 +86,14 @@ var AnswerFrequencySummary = /*#__PURE__*/function (_Component) {
       if (afsFlags.fillInTheBlankEnabled) {
         _this.afsTableComponentMap.set('rich-fill-blank', _index3.default);
       }
+
+      if (afsFlags.essayEnabled) {
+        _this.afsTableComponentMap.set('essay', _index6.ScoreDistributionType);
+      }
+
+      if (afsFlags.fileUploadEnabled) {
+        _this.afsTableComponentMap.set('file-upload', _index6.ScoreDistributionType);
+      }
     };
 
     _this.render = function () {

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

@@ -45,6 +45,11 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _this.getHeader = function () {
+      var tableHeader = _this.props.tableHeader;
+      return tableHeader || (0, _formatMessage.default)('Answer Frequency Summary');
+    };
+
     _this.render = function () {
       return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row",
@@ -58,7 +63,7 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
         level: "h3",
         weight: "bold",
         color: "primary"
-      }, (0, _formatMessage.default)('Answer Frequency Summary')), _this.props.children)));
+      }, _this.getHeader()), _this.props.children)));
     };
 
     return _this;
@@ -67,6 +72,7 @@ var AfsTableWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
   return AfsTableWrapper;
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.node.isRequired,
-  styles: _propTypes.default.object
+  styles: _propTypes.default.object,
+  tableHeader: _propTypes.default.string
 }, _temp)) || _class);
 exports.AfsTableWrapper = AfsTableWrapper;

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

@@ -22,7 +22,9 @@ function mapStateToProps(_state) {
       trueFalseEnabled: (0, _featureCheck.featureOn)('ia_true_false_afs'),
       choiceEnabled: (0, _featureCheck.featureOn)('ia_choice_afs'),
       multiAnswerEnabled: (0, _featureCheck.featureOn)('ia_multi_answer_afs'),
-      fillInTheBlankEnabled: (0, _featureCheck.featureOn)('ia_rich_fill_blank_afs')
+      fillInTheBlankEnabled: (0, _featureCheck.featureOn)('ia_rich_fill_blank_afs'),
+      essayEnabled: (0, _featureCheck.featureOn)('ia_essay_afs'),
+      fileUploadEnabled: (0, _featureCheck.featureOn)('ia_file_upload_afs')
     }
   };
 }

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.afsFlags = exports.itemAnalysisPropType = exports.answerSummaryPropType = exports.richFillBlankTypeAnswerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.choiceTypeObject = exports.onlyAggregatePropType = exports.aggregatePropType = exports.aggregateDetailPropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = void 0;
+exports.afsFlags = exports.itemAnalysisPropType = exports.answerSummaryPropType = exports.richFillBlankTypeAnswerSummaryPropType = exports.matchingTypeAnswerSummaryPropType = exports.scoreDistributionType = exports.scoreDistributionTypeAnswerSummaryPropType = exports.choiceTypeAnswerSummaryPropType = exports.choiceTypeObject = exports.onlyAggregatePropType = exports.aggregatePropType = exports.aggregateDetailPropType = exports.quizAnalysisPropType = exports.quizAnalysisMetadata = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -81,6 +81,23 @@ var choiceTypeAnswerSummaryPropType = _propTypes.default.shape({
 
 exports.choiceTypeAnswerSummaryPropType = choiceTypeAnswerSummaryPropType;
 
+var scoreDistributionTypeAnswerSummaryPropType = _propTypes.default.shape({
+  no_answer: aggregateDetailPropType.isRequired,
+  aggregate: aggregatePropType.isRequired,
+  graded: aggregateDetailPropType.isRequired,
+  score_distribution: _propTypes.default.arrayOf(scoreDistributionType).isRequired
+});
+
+exports.scoreDistributionTypeAnswerSummaryPropType = scoreDistributionTypeAnswerSummaryPropType;
+
+var scoreDistributionType = _propTypes.default.shape({
+  count: _propTypes.default.number.isRequired,
+  score: _propTypes.default.number.isRequired,
+  percentage: _propTypes.default.number.isRequired
+});
+
+exports.scoreDistributionType = scoreDistributionType;
+
 var matchingTypeAnswerSummaryPropType = _propTypes.default.shape({
   questions: _propTypes.default.objectOf(_propTypes.default.shape({
     body: _propTypes.default.string,
@@ -114,7 +131,7 @@ var richFillBlankTypeAnswerSummaryPropType = _propTypes.default.shape({
 
 exports.richFillBlankTypeAnswerSummaryPropType = richFillBlankTypeAnswerSummaryPropType;
 
-var answerSummaryPropType = _propTypes.default.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType]);
+var answerSummaryPropType = _propTypes.default.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType, scoreDistributionTypeAnswerSummaryPropType]);
 
 exports.answerSummaryPropType = answerSummaryPropType;
 
@@ -152,7 +169,9 @@ var afsFlags = _propTypes.default.shape({
   trueFalseEnabled: _propTypes.default.bool.isRequired,
   choiceEnabled: _propTypes.default.bool.isRequired,
   multiAnswerEnabled: _propTypes.default.bool.isRequired,
-  fillInTheBlankEnabled: _propTypes.default.bool.isRequired
+  fillInTheBlankEnabled: _propTypes.default.bool.isRequired,
+  essayEnabled: _propTypes.default.bool.isRequired,
+  fileUploadEnabled: _propTypes.default.bool.isRequired
 });
 
 exports.afsFlags = afsFlags;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.7.1-rc.10+a3e4051d4",
+  "version": "20.7.1-rc.11+fa1890974",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.1.0",
-    "@instructure/quiz-common": "20.7.1-rc.10+a3e4051d4",
-    "@instructure/quiz-i18n": "20.7.1-rc.10+a3e4051d4",
-    "@instructure/quiz-interactions": "20.7.1-rc.10+a3e4051d4",
-    "@instructure/quiz-number-input": "20.7.1-rc.10+a3e4051d4",
-    "@instructure/quiz-rce": "20.7.1-rc.10+a3e4051d4",
+    "@instructure/quiz-common": "20.7.1-rc.11+fa1890974",
+    "@instructure/quiz-i18n": "20.7.1-rc.11+fa1890974",
+    "@instructure/quiz-interactions": "20.7.1-rc.11+fa1890974",
+    "@instructure/quiz-number-input": "20.7.1-rc.11+fa1890974",
+    "@instructure/quiz-rce": "20.7.1-rc.11+fa1890974",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.7.1-rc.10+a3e4051d4",
+    "instructure-validations": "20.7.1-rc.11+fa1890974",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.7.1-rc.10+a3e4051d4",
+    "quiz-presets": "20.7.1-rc.11+fa1890974",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a3e4051d458e873dfa874b1b77d9ec85565e0b34"
+  "gitHead": "fa1890974baa639fabfc8e64371fef39cfc57bc8"
 }