@instructure/quiz-core 17.19.2 → 17.20.0

package/lib/reporting/components/charts/QuintileDistribution/presenter.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.QuintileDistribution = 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 _propTypes = require("prop-types");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiTable = require("@instructure/ui-table");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index = _interopRequireDefault(require("../Distribution/index.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'chSyh',
+  template: function template(theme) {
+    return "\n\n.chSyh_cKHw{color:".concat(theme.barLabelColor || 'inherit', ";font-family:").concat(theme.barLabelFontFamily || 'inherit', ";font-size:").concat(theme.barLabelFontSize || 'inherit', ";text-anchor:middle}");
+  },
+  'barLabel': 'chSyh_cKHw'
+};
+var QuintileDistribution = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuintileDistribution, _Component);
+
+  var _super = (0, _createSuper2.default)(QuintileDistribution);
+
+  function QuintileDistribution() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, QuintileDistribution);
+
+    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._calculateAxis = function (_, _2, xAxis) {
+      xAxis.tickFormat(_this.calculateLabelForIndex);
+    };
+
+    _this.calculateLabelForIndex = function (d) {
+      var numBars = _this.props.visualDistribution.length;
+      var lower = Math.floor(d * 100 / numBars);
+      var upper = Math.floor((d + 1) * 100 / numBars - (d < numBars - 1 ? 1 : 0));
+      return (0, _formatMessage.default)('{lower, number}-{upper, number}%', {
+        lower: lower,
+        upper: upper
+      });
+    };
+
+    _this._renderNumbers = function (svg, x, y, applyTransition, barContainer, height) {
+      var chartData = _this.props.visualDistribution;
+      var numbers = barContainer.selectAll('text').data(chartData);
+      var texts = numbers.enter().insert('text', 'rect').classed(styles.barLabel, true).text(function (d) {
+        return d;
+      }).attr('x', function (d, i) {
+        return x(i) + x.bandwidth() / 2;
+      });
+      applyTransition(texts, function (texts) {
+        return texts.attr('y', height + 12);
+      }, function (texts) {
+        return texts.attr('y', function (d) {
+          return y(d) - 6;
+        });
+      }, function (transition) {
+        return transition.delay(function (d, i) {
+          return (_this.props.animateDelay || 0) * (1 + i / _this.props.visualDistribution.length);
+        });
+      });
+      numbers.exit().remove();
+    };
+
+    _this._renderTable = function () {
+      return /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+        caption: (0, _formatMessage.default)('Score percentiles chart data')
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: "score-percentiles-chart-data-score-percentile-range"
+      }, (0, _formatMessage.default)('Score Percentile Range')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: "score-percentiles-chart-data-count"
+      }, (0, _formatMessage.default)('Count')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, _this.renderTableRows())));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(QuintileDistribution, [{
+    key: "renderTableRows",
+    value: function renderTableRows() {
+      var _this2 = this;
+
+      var chartData = this.props.visualDistribution;
+      return chartData.map(function (count, index) {
+        var label = _this2.calculateLabelForIndex(index);
+
+        return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+          key: "".concat(label, ":").concat(count)
+          /* eslint-disable-line react/jsx-no-literals */
+
+        }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, label), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, null, count));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var props = Object.assign({}, this.props, {
+        calculateAxis: this._calculateAxis,
+        renderTable: this._renderTable,
+        updateChart: this._renderNumbers
+      });
+      return /*#__PURE__*/_react.default.createElement(_index.default, props);
+    }
+  }]);
+  QuintileDistribution.displayName = "QuintileDistribution";
+  return QuintileDistribution;
+}(_react.Component), _class2.propTypes = {
+  animateDelay: _propTypes.PropTypes.number,
+  animateDuration: _propTypes.PropTypes.number,
+  barPaddingInner: _propTypes.PropTypes.number,
+  // Spacing between bars, so each is visible, could be accomplished by borders
+  barPaddingOuter: _propTypes.PropTypes.number,
+  // Spacing between bars, so each is visible, could be accomplished by borders
+  barPaddingTop: _propTypes.PropTypes.number,
+  chartHeight: _propTypes.PropTypes.number.isRequired,
+  // Height in pixels
+  chartWidth: _propTypes.PropTypes.number,
+
+  /* *
+   * * a fallback minimal distribution for tab-able, keyboard navigable buckets
+   * * typically this will be ~ 10 buckets
+   * */
+  summaryDistribution: _propTypes.PropTypes.arrayOf(_propTypes.PropTypes.node),
+
+  /* *
+   * * A list of score values for each bucket.  Size of this array determines the number of buckets
+   * */
+  visualDistribution: _propTypes.PropTypes.arrayOf(_propTypes.PropTypes.node).isRequired
+}, _class2.defaultProps = {
+  animateDelay: 200,
+  animateDuration: 900,
+  barPaddingInner: 0.375,
+  barPaddingOuter: 0.1875,
+  barPaddingTop: 24,
+  chartHeight: 200,
+  // Height in pixels
+  chartWidth: void 0,
+  summaryDistribution: void 0,
+  visualDistribution: []
+}, _temp)) || _class);
+exports.QuintileDistribution = QuintileDistribution;
+var _default = QuintileDistribution;
+exports.default = _default;

package/lib/reporting/components/charts/QuintileDistribution/theme.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var colors = _ref.colors,
+      typography = _ref.typography;
+  return {
+    barLabelColor: colors.textDarkest,
+    barLabelFontFamily: typography.fontFamily,
+    barLabelFontSize: typography.fontSizeXSmall
+  };
+}

package/lib/reporting/components/itemAnalysis/AnswerFrequencySummary/AnswerFrequencySummary.examples.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _immutable = require("immutable");
+
+var _ItemAnalysis = _interopRequireDefault(require("../../../../common/records/ItemAnalysis.js"));
+
+var standardItemAnalysis = new _ItemAnalysis.default((0, _immutable.fromJS)({
+  itemId: '3',
+  itemAnalysis: {
+    scoreInfo: {
+      resultSum: 5,
+      resultCount: 1
+    },
+    unansweredInfo: 1,
+    choiceInfo: [{
+      choiceCount: 2,
+      id: 'id',
+      itemBody: '<p>Item&gt;Body</p>',
+      correct: true
+    }, {
+      choiceCount: 3,
+      id: 'not_id',
+      itemBody: 'choice Item Body not correct',
+      correct: false
+    }, {
+      choiceCount: 4,
+      id: 'not_id_again',
+      itemBody: 'choice Item Body not correct still',
+      correct: false
+    }]
+  }
+}));
+var _default = {
+  propValues: {
+    itemAnalysis: [standardItemAnalysis]
+  }
+};
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/AnswerFrequencySummary/index.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AnswerFrequencySummary = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _immutable = require("immutable");
+
+var _d3Scale = require("d3-scale");
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiTable = require("@instructure/ui-table");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'deQQP',
+  template: function template(theme) {
+    return "\n\n@keyframes deQQP_dFUU{to{opacity:1;transform:translateZ(0)}}\n\n.deQQP_caGd{animation-duration:0.3s;animation-fill-mode:forwards;animation-name:deQQP_dFUU;opacity:0.01;transform:translateZ(0)}\n\n.deQQP_caGd td,.deQQP_caGd th{border-bottom-color:".concat(theme.contentCellBorderColor || 'inherit', ";padding-left:0.35rem;padding-right:0.35rem}\n\n.deQQP_ddmB td,.deQQP_ddmB th{padding-bottom:").concat(theme.answerRowCellPadding || 'inherit', ";padding-top:").concat(theme.answerRowCellPadding || 'inherit', ";white-space:nowrap}\n\n.deQQP_dOeq{background-color:").concat(theme.answerRowCorrectBackgroundColor || 'inherit', "}\n\n.deQQP_dOeq .deQQP_cLIq{color:").concat(theme.answerRowAnswerIconColor || 'inherit', "}\n\n.deQQP_dOeq .deQQP_ccwL,.deQQP_dOeq .deQQP_bFWU{font-weight:").concat(theme.answerRowCorrectTextFieldFontWeight || 'inherit', "}\n\n.deQQP_dOeq .deQQP_fKwc{background:").concat(theme.answerRowCorrectBarBackgroundColor || 'inherit', "}\n\ntd.deQQP_cLIq{color:").concat(theme.answerIconColor || 'inherit', ";font-size:").concat(theme.answerIconFontSize || 'inherit', ";width:1%}\n\nth.deQQP_bFWU{font-weight:").concat(theme.answerTextfieldFontWeight || 'inherit', ";max-width:12rem;overflow:hidden}\n\n.deQQP_fTiR{text-align:right;width:1%}\n\n[dir=ltr] .deQQP_fTiR,[dir=rtl] .deQQP_fTiR{text-align:right}\n\ntd.deQQP_fTiR{color:").concat(theme.respondentLinkColor || 'inherit', "}\n\ntd.deQQP_lHsH{color:").concat(theme.respondentLinkPresentColor || 'inherit', "}\n\n.deQQP_ccwL{text-align:right;width:1%}\n\n[dir=ltr] .deQQP_ccwL,[dir=rtl] .deQQP_ccwL{text-align:right}\n\ntd.deQQP_ccwL{padding-left:").concat(theme.answerRatioPaddingLeft || 'inherit', "}\n\ntd.deQQP_dEZf{border-bottom-color:transparent;height:2.3rem;min-width:7rem;padding:0;width:7rem}\n\n.deQQP_fKwc{background:").concat(theme.barBackgroundColor || 'inherit', ";height:100%;min-width:").concat(theme.barMinWidth || 'inherit', ";position:relative;transition:").concat(theme.barTransition || 'inherit', "}\n\n@media screen and (--phoneBreakPoint){th.deQQP_bFWU{max-width:0}th.deQQP_fTiR{max-width:3rem;overflow:hidden;text-overflow:ellipsis}}");
+  },
+  'content': 'deQQP_caGd',
+  'contentAnimation': 'deQQP_dFUU',
+  'answerRow': 'deQQP_ddmB',
+  'answerRowCorrect': 'deQQP_dOeq',
+  'answerIcon': 'deQQP_cLIq',
+  'answerRatio': 'deQQP_ccwL',
+  'answerTextfield': 'deQQP_bFWU',
+  'bar': 'deQQP_fKwc',
+  'respondentLink': 'deQQP_fTiR',
+  'respondentLinkPresent': 'deQQP_lHsH',
+  'answerDistributionCell': 'deQQP_dEZf'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCheckSolid, null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconXSolid, null);
+
+var AnswerFrequencySummary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__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.renderAnswerTableRow = function (choiceInfo, choiceIndex) {
+      var _classNames, _classNames2;
+
+      var choiceSum = _this.props.itemAnalysis.choiceCountSum();
+
+      var choiceBody = _this.renderChoiceBody(choiceInfo);
+
+      var rowClassNames = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.answerRow, true), (0, _defineProperty2.default)(_classNames, styles.answerRowCorrect, _this.isCorrect(choiceInfo)), _classNames));
+      var respondentClassNames = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, styles.respondentLink, true), (0, _defineProperty2.default)(_classNames2, styles.respondentLinkPresent, choiceInfo.get('choiceCount') > 0), _classNames2));
+      return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+        key: choiceIndex,
+        className: rowClassNames
+      }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        className: styles.answerIcon
+      }, _this.isCorrect(choiceInfo) ? _ref : _ref2, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, _this.getBarTitle(choiceInfo))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.RowHeader, {
+        className: styles.answerTextfield
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        title: choiceBody
+      }, choiceBody)), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        className: respondentClassNames
+      }, _formatMessage.default.number(Math.floor(choiceInfo.get('choiceCount')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        className: styles.answerRatio
+      }, choiceSum > 0 ? _formatMessage.default.number(choiceInfo.get('choiceCount') / choiceSum, 'percent') : 0), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+        className: styles.answerDistributionCell,
+        "aria-hidden": "true"
+      }, _this.renderBarPlot(choiceInfo)));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AnswerFrequencySummary, [{
+    key: "getBarStyles",
+    value: function getBarStyles(choiceInfo) {
+      var highest = this.props.itemAnalysis.choiceCountMax();
+      var xScale = (0, _d3Scale.scaleLinear)() // linear scale against domain, range
+      .domain([highest, 0]) // bounds
+      .range([100, 0]); // to percent of column width
+
+      return {
+        width: "".concat(xScale(choiceInfo.get('choiceCount')), "%")
+      };
+    }
+  }, {
+    key: "isCorrect",
+    value: function isCorrect(choiceInfo) {
+      return choiceInfo !== this.unansweredChoiceInfo && choiceInfo.get('correct');
+    }
+  }, {
+    key: "getBarTitle",
+    value: function getBarTitle(choiceInfo) {
+      return this.isCorrect(choiceInfo) ? (0, _formatMessage.default)('Correct Answer') : (0, _formatMessage.default)('Incorrect Answer');
+    }
+  }, {
+    key: "renderBarPlot",
+    value: function renderBarPlot(choiceInfo) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.bar,
+        style: this.getBarStyles(choiceInfo),
+        alt: (0, _formatMessage.default)('Graph bar'),
+        title: this.getBarTitle(choiceInfo)
+      });
+    }
+  }, {
+    key: "renderChoiceBody",
+    value: function renderChoiceBody(choiceInfo) {
+      var text = (0, _quizInteractions.extractTextFromHtml)(choiceInfo.get('itemBody'));
+      if (text.length > 0) return text;
+      return this.getBarTitle(choiceInfo);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var choiceInfo = this.props.itemAnalysis.choiceInfo();
+      this.unansweredChoiceInfo = (0, _immutable.fromJS)({
+        itemBody: (0, _formatMessage.default)('(No answer)'),
+        choiceCount: this.props.itemAnalysis.unansweredInfo()
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.content,
+        "data-automation": "sdk-reporting-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: "answer-frequency-summary-is-correct"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Is Correct?'))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: "answer-frequency-sumary-answer"
+      }, (0, _formatMessage.default)('Answer')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: "answer-frequency-summary-respondents",
+        className: styles.respondentLink
+      }, (0, _formatMessage.default)('Respondents')), /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+        id: "answer-frequency-summary-answer-ratio",
+        className: styles.answerRatio
+      }, (0, _formatMessage.default)('%')))), /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, choiceInfo.toArray().map(this.renderAnswerTableRow), this.renderAnswerTableRow(this.unansweredChoiceInfo, choiceInfo.size))));
+    }
+  }]);
+  AnswerFrequencySummary.displayName = "AnswerFrequencySummary";
+  return AnswerFrequencySummary;
+}(_react.Component), _class2.propTypes = {
+  itemAnalysis: _reactImmutableProptypes.default.record.isRequired
+}, _temp)) || _class);
+exports.AnswerFrequencySummary = AnswerFrequencySummary;
+var _default = AnswerFrequencySummary;
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/AnswerFrequencySummary/theme.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var breakpoints = _ref.breakpoints,
+      colors = _ref.colors,
+      spacing = _ref.spacing,
+      typography = _ref.typography,
+      borders = _ref.borders,
+      transitions = _ref.transitions;
+  return {
+    contentCellBorderColor: colors.tiara,
+    answerRowCellPadding: spacing.xSmall,
+    answerRowCorrectBackgroundColor: colors.white,
+    answerRowAnswerIconColor: colors.shamrock,
+    answerRowCorrectTextFieldFontWeight: typography.fontWeightBold,
+    answerRowCorrectBarBackgroundColor: colors.shamrock,
+    answerIconFontSize: typography.fontSizeXSmall,
+    answerIconColor: colors.ash,
+    answerTextfieldFontWeight: typography.fontWeightNormal,
+    respondentLinkColor: colors.ash,
+    respondentLinkPresentColor: colors.electric,
+    answerRatioPaddingLeft: spacing.small,
+    barMinWidth: borders.widthSmall,
+    barBackgroundColor: colors.licorice,
+    phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
+    barTransition: "width ".concat(transitions.duration)
+  };
+}

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/ItemAnalysisRow.examples.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _immutable = require("immutable");
+
+var _ItemAnalysis = _interopRequireDefault(require("../../../../common/records/ItemAnalysis.js"));
+
+var standardItemAnalysis = new _ItemAnalysis.default((0, _immutable.fromJS)({
+  itemId: '3',
+  itemBody: 'This is the item body',
+  itemAnalysis: {
+    scoreInfo: {
+      resultSum: 5,
+      resultCount: 1
+    },
+    unansweredInfo: 1,
+    difficultyInfo: {
+      responseCount: 5,
+      correctAnswerCount: 1
+    },
+    choiceInfo: [{
+      choiceCount: 2,
+      id: 'id',
+      itemBody: '<p>Item&gt;Body</p>',
+      correct: true
+    }, {
+      choiceCount: 3,
+      id: 'not_id',
+      itemBody: 'choice Item Body not correct',
+      correct: false
+    }, {
+      choiceCount: 4,
+      id: 'not_id_again',
+      itemBody: 'choice Item Body not correct still',
+      correct: false
+    }],
+    quintile: [1, 2, 3, 4, 5]
+  }
+}));
+var _default = {
+  propValues: {
+    animateDelay: [0],
+    animateDuration: [0],
+    expanded: [true],
+    itemAnalysis: [standardItemAnalysis],
+    itemId: ['3'],
+    position: [0],
+    toggleExpanded: [Function.prototype],
+    outcomesEndpoint: [''],
+    outcomesToken: [''],
+    screenreaderNotification: [Function.prototype]
+  }
+};
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.mapDispatchToProps = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _alerts = require("../../../../common/actions/alerts.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    screenreaderNotification: (0, _redux.bindActionCreators)(_alerts.screenreaderNotification, dispatch)
+  };
+};
+
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var _default = (0, _reactRedux.connect)(null, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;