@instructure/quiz-core 20.7.1-rc.7 → 20.8.0

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

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandableCard = 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 = require("react");
+
+var _index = _interopRequireDefault(require("../../../../../../../common/components/shared/Card/index.js"));
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _emotion = require("@instructure/emotion");
+
+var _index2 = _interopRequireDefault(require("../../../../../../../common/components/shared/ExpandButton/index.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _dec, _class, _class2, _temp;
+
+var ExpandableCard = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ExpandableCard, _Component);
+
+  var _super = (0, _createSuper2.default)(ExpandableCard);
+
+  function ExpandableCard() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ExpandableCard);
+
+    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.state = {
+      bodyExpanded: false
+    };
+
+    _this.handleBodyToggle = function () {
+      _this.setState({
+        bodyExpanded: !_this.state.bodyExpanded
+      });
+    };
+
+    _this.renderGroup = function () {
+      var headLine = _this.props.headLine;
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "row",
+        alignItems: "start"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        shouldGrow: true,
+        margin: "xx-small none none none"
+      }, headLine), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        margin: "none none none x-small"
+      }, (0, _emotion.jsx)(_index2.default, {
+        onClick: _this.handleBodyToggle,
+        title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse group result') : (0, _formatMessage.default)('expand group result'),
+        isExpanded: _this.state.bodyExpanded
+      })));
+    };
+
+    _this.renderBody = function () {
+      var _this$props = _this.props,
+          content = _this$props.content,
+          styles = _this$props.styles;
+      var bodyContainer = styles.bodyContainer;
+      return (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        padding: "x-small small x-small small"
+      }, (0, _emotion.jsx)("div", {
+        css: bodyContainer
+      }, content));
+    };
+
+    _this.render = function () {
+      var styles = _this.props.styles;
+      var groupWrapper = styles.groupWrapper;
+      var bodyExpanded = _this.state.bodyExpanded;
+      return (0, _emotion.jsx)("div", {
+        css: groupWrapper
+      }, (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "column",
+        justifyItems: "start"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true,
+        overflowY: "visible"
+      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+        direction: "column",
+        justifyItems: "start"
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        padding: "x-small small x-small small",
+        overflowY: "hidden"
+      }, _this.renderGroup()), bodyExpanded && _this.renderBody())))));
+    };
+
+    return _this;
+  }
+
+  return ExpandableCard;
+}(_react.Component), _class2.propTypes = {
+  headLine: _propTypes.default.node,
+  content: _propTypes.default.node,
+  styles: _propTypes.default.object
+}.isRequired, _temp)) || _class);
+exports.ExpandableCard = ExpandableCard;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/{ChoiceGroupTypeTable → ExpandableCard}/styles.js

@@ -13,8 +13,9 @@ var generateStyle = function generateStyle(componentTheme) {
       minWidth: componentTheme.cardMinWidth,
       maxWidth: '100%'
     },
-    cardWrapper: {
-      margin: "0 0 ".concat(componentTheme.cardBottomMargin, " 0")
+    bodyContainer: {
+      overflow: 'auto',
+      maxHeight: '600px'
     }
   };
 };

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ExpandableCard/theme.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateComponentTheme = function generateComponentTheme() {
+  return {
+    cardMinWidth: '500px'
+  };
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -22,7 +22,10 @@ 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'),
+      numericEnabled: (0, _featureCheck.featureOn)('ia_numeric_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.numericTypeAnswerSummaryPropType = 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"));
 
@@ -51,14 +51,14 @@ exports.aggregateDetailPropType = aggregateDetailPropType;
 
 var aggregatePropType = _propTypes.default.shape({
   correct: aggregateDetailPropType.isRequired,
-  incorrect: aggregateDetailPropType.isRequired,
-  partial_correct: aggregateDetailPropType
+  incorrect: aggregateDetailPropType.isRequired
 });
 
 exports.aggregatePropType = aggregatePropType;
 
 var onlyAggregatePropType = _propTypes.default.shape({
   no_answer: aggregateDetailPropType,
+  graded: aggregateDetailPropType,
   aggregate: aggregatePropType
 });
 
@@ -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,52 @@ var richFillBlankTypeAnswerSummaryPropType = _propTypes.default.shape({
 
 exports.richFillBlankTypeAnswerSummaryPropType = richFillBlankTypeAnswerSummaryPropType;
 
-var answerSummaryPropType = _propTypes.default.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType]);
+var withinARangeTypeObject = _propTypes.default.shape({
+  end: _propTypes.default.string.isRequired,
+  start: _propTypes.default.string.isRequired,
+  choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired,
+  type: _propTypes.default.string.isRequired
+});
+
+var marginOfErrorTypeObject = _propTypes.default.shape({
+  margin: _propTypes.default.string.isRequired,
+  margin_type: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired,
+  choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired
+});
+
+var exactResponseTypeObject = _propTypes.default.shape({
+  value: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired,
+  choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired
+});
+
+var preciseResponseTypeObject = _propTypes.default.shape({
+  value: _propTypes.default.string.isRequired,
+  precision: _propTypes.default.string.isRequired,
+  precision_type: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired,
+  choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired
+});
+
+var uncategorizedTypeObject = _propTypes.default.shape({
+  type: _propTypes.default.string.isRequired,
+  choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired
+});
+
+var numericRequirementTypeObject = _propTypes.default.oneOfType([withinARangeTypeObject, marginOfErrorTypeObject, exactResponseTypeObject, preciseResponseTypeObject, uncategorizedTypeObject]);
+
+var numericTypeAnswerSummaryPropType = _propTypes.default.shape({
+  requirement: _propTypes.default.shape({
+    correct_answers: _propTypes.default.arrayOf(numericRequirementTypeObject).isRequired,
+    incorrect_answer_choices: _propTypes.default.arrayOf(choiceTypeObject).isRequired
+  })
+});
+
+exports.numericTypeAnswerSummaryPropType = numericTypeAnswerSummaryPropType;
+
+var answerSummaryPropType = _propTypes.default.oneOfType([choiceTypeAnswerSummaryPropType, onlyAggregatePropType, matchingTypeAnswerSummaryPropType, richFillBlankTypeAnswerSummaryPropType, scoreDistributionTypeAnswerSummaryPropType]);
 
 exports.answerSummaryPropType = answerSummaryPropType;
 
@@ -152,7 +214,10 @@ 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,
+  numericEnabled: _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.7+4c21df766",
+  "version": "20.8.0",
   "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.7+4c21df766",
-    "@instructure/quiz-i18n": "20.7.1-rc.7+4c21df766",
-    "@instructure/quiz-interactions": "20.7.1-rc.7+4c21df766",
-    "@instructure/quiz-number-input": "20.7.1-rc.7+4c21df766",
-    "@instructure/quiz-rce": "20.7.1-rc.7+4c21df766",
+    "@instructure/quiz-common": "^20.8.0",
+    "@instructure/quiz-i18n": "^20.8.0",
+    "@instructure/quiz-interactions": "^20.8.0",
+    "@instructure/quiz-number-input": "^20.8.0",
+    "@instructure/quiz-rce": "^20.8.0",
     "@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.7+4c21df766",
+    "instructure-validations": "^20.8.0",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +143,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "20.7.0",
+    "@instructure/quiz-scripts": "^20.8.0",
     "@instructure/ui-axe-check": "^8.51.0",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.7.1-rc.7+4c21df766",
+    "quiz-presets": "^20.8.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c21df766169812f225024117a853613158c265a"
+  "gitHead": "18da7f69fb9bae61a56a7794b7a9e935fb9a8340"
 }