@instructure/quiz-core 20.7.1-rc.9 → 20.8.1-rc.0

package/lib/banks/components/SharingModal/asyncSearch.js

@@ -59,6 +59,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
+      shareableSubaccounts: [],
       shareableCourses: [],
       shareableUsers: []
     };
@@ -70,7 +71,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
     };
 
     _this.handleHideOptions = function () {
-      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
+      var allOptions = [].concat((0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableSubaccounts)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableCourses)), (0, _toConsumableArray2.default)(_this.filterOptions(_this.state.shareableUsers))); // an option matching user input exists
 
       if (allOptions.length === 1) {
         var onlyOption = allOptions[0]; // automatically select the matching option
@@ -191,7 +192,8 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
 
     _this.search = (0, _debounce.default)(_this.props.debounceDelay, function (value) {
       var shouldSearchPeople = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_USER;
-      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE; // TODO add the promise cancellation for avoiding having disordered requests
+      var shouldSearchCourses = !_this.props.searchType || _this.props.searchType === _quizCommon.SHARED_WITH_COURSE;
+      var shouldSearchSubaccounts = _this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT; // TODO add the promise cancellation for avoiding having disordered requests
 
       if (shouldSearchPeople) {
         _this.props.getShareableUsers(value).then(function (shareableUsers) {
@@ -216,6 +218,18 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
           });
         });
       }
+
+      if (shouldSearchSubaccounts) {
+        _this.props.getShareableSubaccounts(value).then(function (shareableSubaccounts) {
+          var filteredAccounts = _this.filterOptions(shareableSubaccounts);
+
+          _this.setState({
+            shareableSubaccounts: shareableSubaccounts,
+            highlightedOptionId: filteredAccounts.length ? filteredAccounts[0].uuid : _this.state.highlightedOptionId,
+            isLoading: false
+          });
+        });
+      }
     });
     return _this;
   }
@@ -243,6 +257,16 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         });
       }
 
+      var account = (0, _find.default)({
+        uuid: id
+      }, this.state.shareableSubaccounts);
+
+      if (account) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, account), {}, {
+          entityType: _quizCommon.SHARED_WITH_ACCOUNT
+        });
+      }
+
       return (0, _find.default)({
         uuid: id
       }, this.props.selectedOption);
@@ -257,7 +281,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
           key: option.uuid,
           id: option.uuid,
           index: index,
-          text: option.fullName || option.title,
+          text: option.fullName || option.title || option.name,
           onClick: _this2.dismissTag
         });
       });
@@ -309,6 +333,24 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         }, course.title);
       }));
     }
+  }, {
+    key: "renderSubaccountsOptions",
+    value: function renderSubaccountsOptions(subaccounts) {
+      var _this6 = this;
+
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
+        key: _quizCommon.SHARED_WITH_ACCOUNT,
+        renderLabel: (0, _formatMessage.default)('Accounts')
+      }, subaccounts.map(function (subaccount) {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+          // eslint-disable-next-line react/jsx-no-literals
+          "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
+          id: subaccount.uuid,
+          key: subaccount.uuid,
+          isHighlighted: subaccount.uuid === _this6.state.highlightedOptionId
+        }, subaccount.name);
+      }));
+    }
   }, {
     key: "emptyOption",
     value: function emptyOption() {
@@ -338,6 +380,12 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         groups.push(this.renderCoursesOptions(courses));
       }
 
+      var subaccounts = this.filterOptions(this.state.shareableSubaccounts);
+
+      if (subaccounts.length) {
+        groups.push(this.renderSubaccountsOptions(subaccounts));
+      }
+
       return groups.length ? groups : /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
@@ -346,17 +394,27 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
         size: "x-small"
       }) : this.emptyOption());
     }
+  }, {
+    key: "placeholder",
+    value: function placeholder() {
+      if (this.props.searchType === _quizCommon.SHARED_WITH_ACCOUNT) {
+        return (0, _formatMessage.default)('Enter subaccount name');
+      } else if (this.props.searchType === _quizCommon.SHARED_WITH_COURSE) {
+        return (0, _formatMessage.default)('Enter course name or course id');
+      } else {
+        return (0, _formatMessage.default)('Enter name or login id');
+      }
+    }
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
           inputValue = _this$state.inputValue,
           isShowingOptions = _this$state.isShowingOptions;
-      var placeholder = this.props.searchType === _quizCommon.SHARED_WITH_COURSE ? (0, _formatMessage.default)('Enter course name or course id') : (0, _formatMessage.default)('Enter name or login id');
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: (0, _formatMessage.default)('Share With'),
-        placeholder: placeholder,
+        placeholder: this.placeholder(),
         inputValue: inputValue,
         isShowingOptions: isShowingOptions,
         inputRef: this.setInputRef,
@@ -383,6 +441,7 @@ AsyncSearch.propTypes = {
   onSelectionChange: _propTypes.default.func.isRequired,
   getShareableCourses: _propTypes.default.func.isRequired,
   getShareableUsers: _propTypes.default.func.isRequired,
+  getShareableSubaccounts: _propTypes.default.func.isRequired,
   searchType: _propTypes.default.string,
   selectedOption: _propTypes.default.arrayOf(_propTypes.default.shape({
     avatar: _propTypes.default.string,

package/lib/banks/components/SharingModal/presenter.js

@@ -119,7 +119,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       var size = _this.props.sharedBanks.size;
 
       if (size >= 0 && size !== _this.props.bank.sharedCount || size === 0) {
-        _this.props.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo);
+        _this.props.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo, _this.props.getSubaccountInfo);
       } else {
         // eslint-disable-next-line react/no-did-mount-set-state
         _this.setState({
@@ -291,7 +291,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
           id: entity.uuid,
           entityType: entity.entityType,
           entityId: entity.uuid,
-          title: entity.fullName || entity.title,
+          title: entity.fullName || entity.title || entity.name,
           avatar: entity.avatar,
           email: entity.email,
           permission: _this.state.searchPermission
@@ -415,6 +415,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_asyncSearch.default, {
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
+          getShareableSubaccounts: _this.props.getShareableSubaccounts,
           improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
           minChars: _this.props.minChars,
           onSelectionChange: _this.handleSearchSelectionChange,
@@ -602,6 +603,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   bank: _reactImmutableProptypes.default.record.isRequired,
   currentUser: _propTypes.default.shape({
     bank_admin: _propTypes.default.bool,
+    can_share_banks_with_subaccounts: _propTypes.default.bool,
     email: _propTypes.default.string,
     enrollment_names: _propTypes.default.arrayOf(_propTypes.default.string),
     full_name: _propTypes.default.string,
@@ -615,6 +617,8 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   getShareableUsers: _propTypes.default.func.isRequired,
   getSharedBanks: _propTypes.default.func.isRequired,
   getUserInfo: _propTypes.default.func.isRequired,
+  getShareableSubaccounts: _propTypes.default.func.isRequired,
+  getSubaccountInfo: _propTypes.default.func.isRequired,
   improvedBankSharingEnabled: _propTypes.default.bool,
   isOpen: _propTypes.default.bool,
   minChars: _propTypes.default.number,

package/lib/building/components/resources/BanksTray/presenter.js

@@ -136,8 +136,10 @@ var BanksTray = /*#__PURE__*/function (_Component) {
           getCourseInfo: this.props.getCourseInfo,
           getCourseAssignments: this.props.getCourseAssignments,
           getUserInfo: this.props.getUserInfo,
+          getSubaccountInfo: this.props.getSubaccountInfo,
           getShareableCourses: this.props.getShareableCourses,
           getShareableUsers: this.props.getShareableUsers,
+          getShareableSubaccounts: this.props.getShareableSubaccounts,
           minChars: this.props.minChars,
           onShare: this.props.onShare,
           scope: this.props.itemBanksScope
@@ -200,6 +202,7 @@ BanksTray.propTypes = {
   clear: _propTypes.default.func.isRequired,
   currentUser: _propTypes.default.shape({
     bank_admin: _propTypes.default.bool,
+    can_share_banks_with_subaccounts: _propTypes.default.bool,
     email: _propTypes.default.string,
     enrollment_names: _propTypes.default.arrayOf(_propTypes.default.string),
     full_name: _propTypes.default.string,
@@ -211,6 +214,8 @@ BanksTray.propTypes = {
   getUserInfo: _propTypes.default.func,
   getShareableCourses: _propTypes.default.func,
   getShareableUsers: _propTypes.default.func,
+  getShareableSubaccounts: _propTypes.default.func,
+  getSubaccountInfo: _propTypes.default.func,
   minChars: _propTypes.default.number,
   newActiveBank: _propTypes.default.func.isRequired,
   newActiveBankEntry: _propTypes.default.func.isRequired,
@@ -233,6 +238,8 @@ BanksTray.defaultProps = {
   currentUser: null,
   getShareableCourses: null,
   getShareableUsers: null,
+  getShareableSubaccounts: null,
+  getSubaccountInfo: null,
   minChars: void 0,
   getCourseInfo: null,
   getCourseAssignments: null,

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _presenter.ChoiceTypeWithInfo;
+  }
+});
+
+var _presenter = require("./presenter.js");

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

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChoiceTypeWithInfo = 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 _propTypes2 = require("../../../propTypes.js");
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _index = _interopRequireDefault(require("../../shared/ChoiceTypeTable/index.js"));
+
+var _uiText = require("@instructure/ui-text");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var ChoiceTypeWithInfo = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ChoiceTypeWithInfo, _Component);
+
+  var _super = (0, _createSuper2.default)(ChoiceTypeWithInfo);
+
+  function ChoiceTypeWithInfo() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ChoiceTypeWithInfo);
+
+    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.renderTable = function () {
+      var _this$props = _this.props,
+          itemId = _this$props.itemId,
+          choices = _this$props.choices,
+          index = _this$props.index;
+      var tableId = "".concat(itemId, "_").concat(index, "_choiceGroup");
+      var tableContainerSizeClass = '';
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        itemId: tableId,
+        choices: choices,
+        tableContainerSizeClass: tableContainerSizeClass
+      });
+    };
+
+    _this.renderEmptyRequirement = function () {
+      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, null, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        padding: "medium none none none"
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, (0, _formatMessage.default)('There are no entries for this requirement.'))));
+    };
+
+    _this.render = function () {
+      var _this$props2 = _this.props,
+          headLine = _this$props2.headLine,
+          choices = _this$props2.choices;
+      var areThereChoices = Array.isArray(choices) && choices.length > 0;
+      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "column",
+        justifyItems: "start"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        overflowY: "visible",
+        shouldGrow: true,
+        shouldShrink: true
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "column",
+        justifyItems: "start"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        padding: "none none none none",
+        overflowY: "hidden"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row",
+        alignItems: "start"
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        shouldGrow: true,
+        margin: "none none none none"
+      }, headLine))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        shouldShrink: true,
+        padding: "none none medium none"
+      }, areThereChoices ? _this.renderTable() : _this.renderEmptyRequirement()))));
+    };
+
+    return _this;
+  }
+
+  return ChoiceTypeWithInfo;
+}(_react.Component);
+
+exports.ChoiceTypeWithInfo = ChoiceTypeWithInfo;
+ChoiceTypeWithInfo.propTypes = {
+  itemId: _propTypes.default.number.isRequired,
+  index: _propTypes.default.number.isRequired,
+  choices: _propTypes2.choiceTypeObject.isRequired,
+  headLine: _propTypes.default.node,
+  styles: _propTypes.default.object
+}.isRequired;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _presenter.NumericType;
+  }
+});
+
+var _presenter = require("./presenter.js");

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

@@ -0,0 +1,281 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumericType = 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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = _interopRequireDefault(require("../shared/AfsTableWrapper/index.js"));
+
+var _presenter = require("../shared/AfsPartsContainer/presenter.js");
+
+var _index2 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
+
+var _index3 = _interopRequireDefault(require("../shared/ExpandableCard/index.js"));
+
+var _uiText = require("@instructure/ui-text");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index4 = _interopRequireDefault(require("../shared/ChoiceTypeTable/index.js"));
+
+var _emotion = require("@instructure/emotion");
+
+var _index5 = _interopRequireDefault(require("./ChoiceTypeWithInfo/index.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _propTypes2 = require("../../propTypes.js");
+
+var _dec, _class, _class2, _temp;
+
+var NumericType = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NumericType, _Component);
+
+  var _super = (0, _createSuper2.default)(NumericType);
+
+  function NumericType() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, NumericType);
+
+    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.renderIncorrectTable = function () {
+      var _this$props = _this.props,
+          itemId = _this$props.itemId,
+          answerSummary = _this$props.answerSummary;
+      var incorrect_answer_choices = answerSummary.requirements.incorrect_answer_choices;
+      var tableId = "".concat(itemId, "_incorrect_choices");
+      var tableContainerSizeClass = '';
+      return (0, _emotion.jsx)(_index4.default, {
+        itemId: tableId,
+        choices: incorrect_answer_choices,
+        tableContainerSizeClass: tableContainerSizeClass
+      });
+    };
+
+    _this.getPreciseTypeTranslatable = function (precisionType) {
+      switch (precisionType) {
+        case 'significantDigits':
+          return (0, _formatMessage.default)('Significant Digits');
+
+        case 'decimals':
+          return (0, _formatMessage.default)('Decimal Places');
+
+        default:
+          return precisionType;
+      }
+    };
+
+    _this.renderPreciseResponse = function (correct_answers) {
+      var typeString = "".concat((0, _formatMessage.default)('Correct answer'), " - ").concat((0, _formatMessage.default)('Precise Response'), " ");
+      var answerString = "".concat((0, _formatMessage.default)('Answer'), ": ").concat(correct_answers.value, " ");
+      var precisionString = "".concat((0, _formatMessage.default)('Precision'), ": ").concat(correct_answers.precision, " ");
+
+      var translatablePrecisionType = _this.getPreciseTypeTranslatable(correct_answers.precision_type);
+
+      var precisionTypeString = "".concat((0, _formatMessage.default)('Type'), ": ").concat(translatablePrecisionType, " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize",
+        weight: "bold"
+      }, typeString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, answerString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, precisionString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, precisionTypeString));
+    };
+
+    _this.getMarginTypeTranslatable = function (marginType) {
+      switch (marginType) {
+        case 'absolute':
+          return (0, _formatMessage.default)('Absolute');
+
+        case 'percent':
+          return (0, _formatMessage.default)('Percent');
+
+        default:
+          return marginType;
+      }
+    };
+
+    _this.renderMarginOfError = function (correct_answers) {
+      var typeString = "".concat((0, _formatMessage.default)('Correct answer'), " - ").concat((0, _formatMessage.default)('Margin Of Error'), " ");
+      var answerString = "".concat((0, _formatMessage.default)('Answer'), ": ").concat(correct_answers.value, " ");
+      var marginString = "".concat((0, _formatMessage.default)('+/- margin'), ": ").concat(correct_answers.margin, " ");
+
+      var translatableMarginType = _this.getMarginTypeTranslatable(correct_answers.margin_type);
+
+      var marginTypeString = "".concat((0, _formatMessage.default)('Type'), ": ").concat(translatableMarginType, " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize",
+        weight: "bold"
+      }, typeString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, answerString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, marginString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, marginTypeString));
+    };
+
+    _this.renderExactResponse = function (correct_answers) {
+      var typeString = "".concat((0, _formatMessage.default)('Correct answer'), " - ").concat((0, _formatMessage.default)('Exact Response'), " ");
+      var answerString = "".concat((0, _formatMessage.default)('Answer'), ": ").concat(correct_answers.value, " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize",
+        weight: "bold"
+      }, typeString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, answerString));
+    };
+
+    _this.renderWithinRange = function (correct_answers) {
+      var typeString = "".concat((0, _formatMessage.default)('Correct answer'), " - ").concat((0, _formatMessage.default)('Within A Range'), " ");
+      var startString = "".concat((0, _formatMessage.default)('Range Starts'), ": ").concat(correct_answers.start, " ");
+      var endString = "".concat((0, _formatMessage.default)('Range Ends'), ": ").concat(correct_answers.end, " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize",
+        weight: "bold"
+      }, typeString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, startString), (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize"
+      }, endString));
+    };
+
+    _this.renderUncategorized = function () {
+      var typeString = "".concat((0, _formatMessage.default)('Correct answer'), " - ").concat((0, _formatMessage.default)('Uncategorized'), " ");
+      return (0, _emotion.jsx)("div", {
+        css: _this.props.styles.groupAggregationContainer
+      }, (0, _emotion.jsx)(_uiText.Text, {
+        transform: "capitalize",
+        weight: "bold"
+      }, typeString));
+    };
+
+    _this.getHeadLineByType = function (correct_answer) {
+      switch (correct_answer.type) {
+        case 'withinARange':
+          return _this.renderWithinRange(correct_answer);
+
+        case 'exactResponse':
+          return _this.renderExactResponse(correct_answer);
+
+        case 'preciseResponse':
+          return _this.renderPreciseResponse(correct_answer);
+
+        case 'marginOfError':
+          return _this.renderMarginOfError(correct_answer);
+
+        default:
+          return _this.renderUncategorized();
+      }
+    };
+
+    _this.renderChoiceTypeWithInfo = function (correct_answer, index, itemId) {
+      var key = "ChoiceTypeWithInfo_".concat(itemId, "_").concat(index);
+      return (0, _emotion.jsx)(_index5.default, {
+        key: key,
+        itemId: itemId,
+        choices: correct_answer.choices,
+        headLine: _this.getHeadLineByType(correct_answer),
+        index: index
+      });
+    };
+
+    _this.renderCorrectChoiceTypes = function () {
+      var _this$props2 = _this.props,
+          itemId = _this$props2.itemId,
+          answerSummary = _this$props2.answerSummary;
+      var correct_answers = answerSummary.requirements.correct_answers;
+      return correct_answers.map(function (correct_answer, index) {
+        return _this.renderChoiceTypeWithInfo(correct_answer, index, itemId);
+      });
+    };
+
+    _this.renderEmptyIncorrect = function () {
+      return (0, _emotion.jsx)(_uiFlex.Flex, null, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        padding: "small none small none"
+      }, (0, _emotion.jsx)(_uiText.Text, null, (0, _formatMessage.default)('There are no incorrect answers.'))));
+    };
+
+    _this.renderEmptyCorrect = function () {
+      return (0, _emotion.jsx)(_uiFlex.Flex, null, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+        padding: "small none small none"
+      }, (0, _emotion.jsx)(_uiText.Text, null, (0, _formatMessage.default)('There are no correct answers.'))));
+    };
+
+    _this.renderAfsTable = function () {
+      var answerSummary = _this.props.answerSummary;
+      var _answerSummary$requir = answerSummary.requirements,
+          correct_answers = _answerSummary$requir.correct_answers,
+          incorrect_answer_choices = _answerSummary$requir.incorrect_answer_choices;
+      var areThereIncorrectChoices = Array.isArray(incorrect_answer_choices) && incorrect_answer_choices.length > 0;
+      var areThereCorrectAnswers = Array.isArray(correct_answers) && correct_answers.length > 0;
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index3.default, {
+        content: areThereCorrectAnswers ? _this.renderCorrectChoiceTypes() : _this.renderEmptyCorrect(),
+        headLine: (0, _emotion.jsx)(_uiText.Text, {
+          weight: "bold"
+        }, (0, _formatMessage.default)('Correct Answers'))
+      }), (0, _emotion.jsx)(_index3.default, {
+        content: areThereIncorrectChoices ? _this.renderIncorrectTable() : _this.renderEmptyIncorrect(),
+        headLine: (0, _emotion.jsx)(_uiText.Text, {
+          weight: "bold"
+        }, (0, _formatMessage.default)('Incorrect Answers'))
+      }));
+    };
+
+    _this.render = function () {
+      var _this$props3 = _this.props,
+          answerSummary = _this$props3.answerSummary,
+          itemId = _this$props3.itemId;
+      return (0, _emotion.jsx)(_index.default, null, (0, _emotion.jsx)(_presenter.AfsPartsContainer, {
+        afsTable: _this.renderAfsTable(),
+        aggregationTable: (0, _emotion.jsx)(_index2.default, {
+          itemId: itemId,
+          answerSummary: answerSummary
+        })
+      }));
+    };
+
+    return _this;
+  }
+
+  return NumericType;
+}(_react.Component), _class2.propTypes = {
+  itemId: _propTypes.default.number.isRequired,
+  answerSummary: _propTypes2.numericTypeAnswerSummaryPropType.isRequired,
+  styles: _propTypes.default.object
+}.isRequired, _temp)) || _class);
+exports.NumericType = NumericType;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/{shared/ChoiceGroupTypeTable → NumericType}/theme.js

@@ -8,8 +8,7 @@ exports.default = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
-    cardBottomMargin: spacing.xSmall,
-    cardMinWidth: '500px'
+    aggregateSpacing: spacing.small
   };
 };