@instructure/quiz-core 17.61.1-rc.0 → 17.62.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.62.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.61.0...v17.62.0) (2023-08-02)
+
+
+### Features
+
+* **reporting:** Align report cards to the new layout ([85ca56d](https://gerrit.instructure.com/quizzes-ui/commits/85ca56d8f87774404dcab22d0a5565ceb1caeaaa))
+* **Reports:** Introduce common component for item analysis ([6f2ff86](https://gerrit.instructure.com/quizzes-ui/commits/6f2ff8632f00893795b7cd725f65a6299d5e3f49))
+
+
+
+
+
 # [17.61.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.60.0...v17.61.0) (2023-08-01)
 
 

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

@@ -37,9 +37,9 @@ import { difficultyIndex, discriminationIndex, pearsonCorrelation } from "./popo
 import Card from "../../../../../common/components/shared/Card/index.js";
 import AnalysisMetric from "../AnalysisMetric/index.js";
 import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
+import { itemAnalysisPropType } from "../propTypes.js";
 export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewItemAnalysis, _Component);
 
@@ -238,25 +238,5 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
   NewItemAnalysis.displayName = "NewItemAnalysis";
   return NewItemAnalysis;
 }(Component), _class2.propTypes = {
-  itemAnalysis: PropTypes.shape({
-    attempts: PropTypes.shape({
-      students_responded: PropTypes.number,
-      students_without_response: PropTypes.number
-    }),
-    metadata: PropTypes.shape({
-      interaction_type: PropTypes.string,
-      item_body: PropTypes.string,
-      item_id: PropTypes.string,
-      item_title: PropTypes.string
-    }),
-    scores: PropTypes.shape({
-      difficulty_index: PropTypes.number,
-      discrimination_index: PropTypes.number,
-      mean: PropTypes.number,
-      median: PropTypes.number,
-      pearson_correlation: PropTypes.number,
-      points_possible: PropTypes.number,
-      quartile_distribution: PropTypes.arrayOf(PropTypes.number)
-    })
-  }).isRequired
+  itemAnalysis: itemAnalysisPropType.isRequired
 }, _temp)) || _class);

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

@@ -152,7 +152,7 @@ export var NewQuizAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
   NewQuizAnalysis.displayName = "NewQuizAnalysis";
   return NewQuizAnalysis;
 }(Component), _class2.propTypes = {
-  quizAnalysis: quizAnalysisPropType
+  quizAnalysis: quizAnalysisPropType.isRequired
 }, _class2.defaultProps = {
   quizAnalysis: {}
 }, _temp)) || _class);

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

@@ -1,120 +1,4 @@
-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;
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import t from '@instructure/quiz-i18n/es/format-message';
-import { Text } from '@instructure/ui-text';
-import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
-import { themeable } from '@instructure/ui-themeable';
-import Card from "../../../../../common/components/shared/Card/index.js";
-var styles = {
-  componentId: 'eJSiT',
-  template: function template(theme) {
-    return "\n\n.eJSiT_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding:".concat(theme.metricsPadding || 'inherit', " 0}\n\n.eJSiT_fbIL{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eJSiT_blRb{max-width:160px;padding-right:10px}");
-  },
-  'metricsContainer': 'eJSiT_bqdH',
-  'card': 'eJSiT_fbIL',
-  'dateContainer': 'eJSiT_blRb'
-};
-import theme from "./theme.js";
-import AnalysisMetric from "../AnalysisMetric/index.js";
-import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
-import { AnalysisUpdateDate } from "../AnalysisUpdateDate/index.js";
-import { quizAnalysisPropType } from "../propTypes.js";
-
-var _ref = /*#__PURE__*/React.createElement(Spinner, null);
-
-export var NewQuizAndItemAnalysisReportCard = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(NewQuizAndItemAnalysisReportCard, _Component);
-
-  var _super = _createSuper(NewQuizAndItemAnalysisReportCard);
-
-  function NewQuizAndItemAnalysisReportCard() {
-    var _this;
-
-    _classCallCheck(this, NewQuizAndItemAnalysisReportCard);
-
-    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.renderMetrics = function () {
-      var _quizAnalysis$scores, _quizAnalysis$scores2, _quizAnalysis$scores3;
-
-      var quizAnalysis = _this.props.quizAnalysis;
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.metricsContainer
-      }, /*#__PURE__*/React.createElement(AnalysisMetric, {
-        metricKey: "highscore",
-        label: t('high score'),
-        value: (_quizAnalysis$scores = quizAnalysis.scores) === null || _quizAnalysis$scores === void 0 ? void 0 : _quizAnalysis$scores.max_percentage,
-        suffix: "%"
-      }), /*#__PURE__*/React.createElement(AnalysisMetric, {
-        metricKey: "lowscore",
-        label: t('low score'),
-        value: (_quizAnalysis$scores2 = quizAnalysis.scores) === null || _quizAnalysis$scores2 === void 0 ? void 0 : _quizAnalysis$scores2.min_percentage,
-        suffix: "%"
-      }), /*#__PURE__*/React.createElement(AnalysisMetric, {
-        metricKey: "meanscore",
-        label: t('mean score'),
-        value: (_quizAnalysis$scores3 = quizAnalysis.scores) === null || _quizAnalysis$scores3 === void 0 ? void 0 : _quizAnalysis$scores3.mean_percentage,
-        suffix: "%"
-      }));
-    };
-
-    return _this;
-  }
-
-  _createClass(NewQuizAndItemAnalysisReportCard, [{
-    key: "renderContent",
-    value: function renderContent() {
-      var _this$props = this.props,
-          name = _this$props.name,
-          href = _this$props.href,
-          quizAnalysis = _this$props.quizAnalysis;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-        size: "medium",
-        weight: "bold"
-      }, name), this.renderMetrics(), /*#__PURE__*/React.createElement(Flex, {
-        direction: "row",
-        justifyItems: "space-between"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.dateContainer
-      }, /*#__PURE__*/React.createElement(AnalysisUpdateDate, {
-        date: quizAnalysis.created_timestamp,
-        multiline: true
-      })), /*#__PURE__*/React.createElement(Link, {
-        href: href
-      }, /*#__PURE__*/React.createElement(Text, {
-        size: "small"
-      }, t('View Report')))));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Card, {
-        className: styles.card
-      }, this.props.quizAnalysis ? this.renderContent() : _ref);
-    }
-  }]);
-
-  NewQuizAndItemAnalysisReportCard.displayName = "NewQuizAndItemAnalysisReportCard";
-  return NewQuizAndItemAnalysisReportCard;
-}(Component), _class2.propTypes = {
-  name: PropTypes.node,
-  href: PropTypes.string,
-  quizAnalysis: quizAnalysisPropType
-}, _class2.defaultProps = {
-  name: void 0,
-  href: void 0,
-  quizAnalysis: {}
-}, _temp)) || _class);
+import { NewQuizAndItemAnalysisReportCardPresenter } from "./presenter.js";
+import withAnalysisState from "../withAnalysisState.js";
+export var NewQuizAndItemAnalysisReportCard = withAnalysisState(NewQuizAndItemAnalysisReportCardPresenter);
 export default NewQuizAndItemAnalysisReportCard;

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

@@ -0,0 +1,119 @@
+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;
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { Link } from '@instructure/ui-link';
+import { Flex } from '@instructure/ui-flex';
+import { themeable } from '@instructure/ui-themeable';
+import Card from "../../../../../common/components/shared/Card/index.js";
+var styles = {
+  componentId: 'eJSiT',
+  template: function template(theme) {
+    return "\n\n.eJSiT_bqdH{column-gap:5px;display:flex;justify-content:space-between;padding:".concat(theme.metricsPadding || 'inherit', " 0}\n\n.eJSiT_fbIL{border-radius:").concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eJSiT_blRb{max-width:160px;padding-right:10px}");
+  },
+  'metricsContainer': 'eJSiT_bqdH',
+  'card': 'eJSiT_fbIL',
+  'dateContainer': 'eJSiT_blRb'
+};
+import theme from "./theme.js";
+import AnalysisMetric from "../AnalysisMetric/index.js";
+import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
+import { AnalysisUpdateDate } from "../AnalysisUpdateDate/index.js";
+import { quizAnalysisPropType } from "../propTypes.js";
+
+var _ref = /*#__PURE__*/React.createElement(Spinner, null);
+
+export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAndItemAnalysisReportCardPresenter, _Component);
+
+  var _super = _createSuper(NewQuizAndItemAnalysisReportCardPresenter);
+
+  function NewQuizAndItemAnalysisReportCardPresenter() {
+    var _this;
+
+    _classCallCheck(this, NewQuizAndItemAnalysisReportCardPresenter);
+
+    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.renderMetrics = function () {
+      var _quizAnalysis$scores, _quizAnalysis$scores2, _quizAnalysis$scores3;
+
+      var quizAnalysis = _this.props.quizAnalysis;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.metricsContainer
+      }, /*#__PURE__*/React.createElement(AnalysisMetric, {
+        metricKey: "highscore",
+        label: t('high score'),
+        value: (_quizAnalysis$scores = quizAnalysis.scores) === null || _quizAnalysis$scores === void 0 ? void 0 : _quizAnalysis$scores.max_percentage,
+        suffix: "%"
+      }), /*#__PURE__*/React.createElement(AnalysisMetric, {
+        metricKey: "lowscore",
+        label: t('low score'),
+        value: (_quizAnalysis$scores2 = quizAnalysis.scores) === null || _quizAnalysis$scores2 === void 0 ? void 0 : _quizAnalysis$scores2.min_percentage,
+        suffix: "%"
+      }), /*#__PURE__*/React.createElement(AnalysisMetric, {
+        metricKey: "meanscore",
+        label: t('mean score'),
+        value: (_quizAnalysis$scores3 = quizAnalysis.scores) === null || _quizAnalysis$scores3 === void 0 ? void 0 : _quizAnalysis$scores3.mean_percentage,
+        suffix: "%"
+      }));
+    };
+
+    return _this;
+  }
+
+  _createClass(NewQuizAndItemAnalysisReportCardPresenter, [{
+    key: "renderContent",
+    value: function renderContent() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          href = _this$props.href,
+          quizAnalysis = _this$props.quizAnalysis;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+        size: "medium",
+        weight: "bold"
+      }, name), this.renderMetrics(), /*#__PURE__*/React.createElement(Flex, {
+        direction: "row",
+        justifyItems: "space-between"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.dateContainer
+      }, /*#__PURE__*/React.createElement(AnalysisUpdateDate, {
+        date: quizAnalysis.created_timestamp,
+        multiline: true
+      })), /*#__PURE__*/React.createElement(Link, {
+        href: href
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, t('View Report')))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Card, {
+        className: styles.card
+      }, this.props.quizAnalysis ? this.renderContent() : _ref);
+    }
+  }]);
+
+  NewQuizAndItemAnalysisReportCardPresenter.displayName = "NewQuizAndItemAnalysisReportCardPresenter";
+  return NewQuizAndItemAnalysisReportCardPresenter;
+}(Component), _class2.propTypes = {
+  name: PropTypes.node,
+  href: PropTypes.string,
+  quizAnalysis: quizAnalysisPropType
+}, _class2.defaultProps = {
+  name: void 0,
+  href: void 0,
+  quizAnalysis: void 0
+}, _temp)) || _class);

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

@@ -1,12 +1,4 @@
-import { NewQuizAndItemAnalysis as NewQuizAndItemAnalysisPresenter } from "./presenter.js";
-import { connect } from "../../../../common/react-redux.js";
-import { getQuizAnalysis } from "../../../api/newQuizAnalysis.js";
-import { getItemAnalyses } from "../../../api/newItemAnalyses.js";
-export function mapStateToProps(_state) {
-  return {
-    getQuizAnalysis: getQuizAnalysis,
-    getItemAnalyses: getItemAnalyses
-  };
-}
-export var NewQuizAndItemAnalysis = connect(mapStateToProps)(NewQuizAndItemAnalysisPresenter);
+import { NewQuizAndItemAnalysisPresenter } from "./presenter.js";
+import withAnalysisState from "./withAnalysisState.js";
+export var NewQuizAndItemAnalysis = withAnalysisState(NewQuizAndItemAnalysisPresenter);
 export default NewQuizAndItemAnalysis;

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

@@ -1,105 +1,37 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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 PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
 import NewItemAnalysis from "./NewItemAnalysis/index.js";
-import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
+import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex } from '@instructure/ui-flex';
 import { AnalysisUpdateDate } from "./AnalysisUpdateDate/index.js";
+import { itemAnalysisPropType, quizAnalysisPropType } from "./propTypes.js";
+import PropTypes from 'prop-types';
 
-var _ref3 = /*#__PURE__*/React.createElement(Spinner, null);
-
-export var NewQuizAndItemAnalysis = /*#__PURE__*/function (_Component) {
-  _inherits(NewQuizAndItemAnalysis, _Component);
-
-  var _super = _createSuper(NewQuizAndItemAnalysis);
-
-  function NewQuizAndItemAnalysis(props) {
-    var _this;
-
-    _classCallCheck(this, NewQuizAndItemAnalysis);
-
-    _this = _super.call(this, props);
-    _this.fetchQuizAnalysis = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _this$props, activeQuizId, getQuizAnalysis, response;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _this$props = _this.props, activeQuizId = _this$props.activeQuizId, getQuizAnalysis = _this$props.getQuizAnalysis;
-              _context.next = 3;
-              return getQuizAnalysis(activeQuizId);
-
-            case 3:
-              response = _context.sent;
-
-              if (response) {
-                _this.setState({
-                  quizAnalysis: response.last_successful_analysis
-                });
-              }
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    _this.fetchItemAnalyses = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _this$props2, activeQuizId, getItemAnalyses, response;
+var _ref = /*#__PURE__*/React.createElement(Spinner, null);
 
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _this$props2 = _this.props, activeQuizId = _this$props2.activeQuizId, getItemAnalyses = _this$props2.getItemAnalyses;
-              _context2.next = 3;
-              return getItemAnalyses(activeQuizId);
+export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAndItemAnalysisPresenter, _Component);
 
-            case 3:
-              response = _context2.sent;
+  var _super = _createSuper(NewQuizAndItemAnalysisPresenter);
 
-              if (response) {
-                _this.setState({
-                  itemAnalyses: response.last_successful_analysis
-                });
-              }
+  function NewQuizAndItemAnalysisPresenter() {
+    _classCallCheck(this, NewQuizAndItemAnalysisPresenter);
 
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-    _this.state = {
-      quizAnalysis: null,
-      itemAnalyses: null
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
 
-  _createClass(NewQuizAndItemAnalysis, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.fetchQuizAnalysis();
-      this.fetchItemAnalyses();
-    }
-  }, {
+  _createClass(NewQuizAndItemAnalysisPresenter, [{
     key: "renderContent",
     value: function renderContent() {
-      var _this$state = this.state,
-          quizAnalysis = _this$state.quizAnalysis,
-          itemAnalyses = _this$state.itemAnalyses;
+      var _this$props = this.props,
+          quizAnalysis = _this$props.quizAnalysis,
+          itemAnalyses = _this$props.itemAnalyses;
       return /*#__PURE__*/React.createElement("div", {
         className: "fs-mask"
       }, /*#__PURE__*/React.createElement(Flex, {
@@ -123,24 +55,27 @@ export var NewQuizAndItemAnalysis = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$state2 = this.state,
-          quizAnalysis = _this$state2.quizAnalysis,
-          itemAnalyses = _this$state2.itemAnalyses;
+      var _this$props2 = this.props,
+          quizAnalysis = _this$props2.quizAnalysis,
+          itemAnalyses = _this$props2.itemAnalyses;
 
       if (quizAnalysis && itemAnalyses) {
         return this.renderContent();
       } else {
-        return _ref3;
+        return _ref;
       }
     }
   }]);
 
-  NewQuizAndItemAnalysis.displayName = "NewQuizAndItemAnalysis";
-  return NewQuizAndItemAnalysis;
+  NewQuizAndItemAnalysisPresenter.displayName = "NewQuizAndItemAnalysisPresenter";
+  return NewQuizAndItemAnalysisPresenter;
 }(Component);
-NewQuizAndItemAnalysis.propTypes = {
-  activeQuizId: PropTypes.string.isRequired,
-  getQuizAnalysis: PropTypes.func.isRequired,
-  getItemAnalyses: PropTypes.func.isRequired
+NewQuizAndItemAnalysisPresenter.propTypes = {
+  quizAnalysis: quizAnalysisPropType,
+  itemAnalyses: PropTypes.arrayOf(itemAnalysisPropType)
+};
+NewQuizAndItemAnalysisPresenter.defaultProps = {
+  quizAnalysis: void 0,
+  itemAnalyses: void 0
 };
-export default NewQuizAndItemAnalysis;
+export default NewQuizAndItemAnalysisPresenter;

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

@@ -20,4 +20,25 @@ export var quizAnalysisPropType = PropTypes.shape({
     students_without_attempt: PropTypes.number,
     average_attempts: PropTypes.number
   }).isRequired
-}).isRequired;
+});
+export var itemAnalysisPropType = PropTypes.shape({
+  attempts: PropTypes.shape({
+    students_responded: PropTypes.number,
+    students_without_response: PropTypes.number
+  }),
+  metadata: PropTypes.shape({
+    interaction_type: PropTypes.string,
+    item_body: PropTypes.string,
+    item_id: PropTypes.string,
+    item_title: PropTypes.string
+  }),
+  scores: PropTypes.shape({
+    difficulty_index: PropTypes.number,
+    discrimination_index: PropTypes.number,
+    mean: PropTypes.number,
+    median: PropTypes.number,
+    pearson_correlation: PropTypes.number,
+    points_possible: PropTypes.number,
+    quartile_distribution: PropTypes.arrayOf(PropTypes.number)
+  })
+});

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

@@ -0,0 +1,27 @@
+import { withAnalysisStatePresenter } from "./withAnalysisStatePresenter.js";
+import { getQuizAnalysis, getItemAnalyses, getFetchInProgress, getGenerationInProgress, getAnalysisError } from "../../../../common/selectors/analyses.js";
+import { setQuizAnalysis, setItemAnalyses, setFetchInProgress, setGenerationInProgress, setAnalysisError } from "../../../../common/actions/analyses.js";
+import { getQuizAnalysis as fetchQuizAnalysis } from "../../../api/newQuizAnalysis.js";
+import { getItemAnalyses as fetchItemAnalyses } from "../../../api/newItemAnalyses.js";
+import { connect } from "../../../../common/react-redux.js";
+import { compose } from 'redux';
+export function mapStateToProps(state) {
+  return {
+    quizAnalysis: getQuizAnalysis(state),
+    itemAnalyses: getItemAnalyses(state),
+    fetchInProgress: getFetchInProgress(state),
+    generationInProgress: getGenerationInProgress(state),
+    analysisError: getAnalysisError(state),
+    fetchQuizAnalysis: fetchQuizAnalysis,
+    fetchItemAnalyses: fetchItemAnalyses
+  };
+}
+var mapDispatchToProps = {
+  setQuizAnalysis: setQuizAnalysis,
+  setItemAnalyses: setItemAnalyses,
+  setFetchInProgress: setFetchInProgress,
+  setGenerationInProgress: setGenerationInProgress,
+  setAnalysisError: setAnalysisError
+};
+export var withAnalysisState = compose(connect(mapStateToProps, mapDispatchToProps), withAnalysisStatePresenter);
+export default withAnalysisState;