@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -6,21 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pearsonCorrelation = exports.discriminationIndex = exports.difficultyIndex = void 0;
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var difficultyIndex = {
-  title: (0, _formatMessage.default)('Item Difficulty (p value)'),
-  body: (0, _formatMessage.default)('Item difficulty is the proportion of individuals who answered an item correctly. Multiplying this value by 100 equals the percentage of individuals who answered an item correctly. Values range from 0 to 1.'),
-  screenReaderLabel: (0, _formatMessage.default)('Item difficulty (p value) tooltip')
+var difficultyIndex = exports.difficultyIndex = {
+  title: (0, _formatMessage["default"])('Item Difficulty (p value)'),
+  body: (0, _formatMessage["default"])('Item difficulty is the proportion of individuals who answered an item correctly. Multiplying this value by 100 equals the percentage of individuals who answered an item correctly. Values range from 0 to 1.'),
+  screenReaderLabel: (0, _formatMessage["default"])('Item difficulty (p value) tooltip')
 };
-exports.difficultyIndex = difficultyIndex;
-var discriminationIndex = {
-  title: (0, _formatMessage.default)('Discrimination Index'),
-  body: (0, _formatMessage.default)('Discrimination index assesses the ability of an item to differentiate between the highest scoring and lowest scoring individuals. It ranges from -1 to +1. A higher value suggests good discrimination while a lower index indicates poor discrimination.'),
-  screenReaderLabel: (0, _formatMessage.default)('Discrimination index tooltip')
+var discriminationIndex = exports.discriminationIndex = {
+  title: (0, _formatMessage["default"])('Discrimination Index'),
+  body: (0, _formatMessage["default"])('Discrimination index assesses the ability of an item to differentiate between the highest scoring and lowest scoring individuals. It ranges from -1 to +1. A higher value suggests good discrimination while a lower index indicates poor discrimination.'),
+  screenReaderLabel: (0, _formatMessage["default"])('Discrimination index tooltip')
 };
-exports.discriminationIndex = discriminationIndex;
-var pearsonCorrelation = {
-  title: (0, _formatMessage.default)('Corrected Item-Total Correlation Coefficient'),
-  body: (0, _formatMessage.default)('Corrected item-total correlation coefficient is a widely used discrimination index used to assess the overall relationship between individual item scores and the total score of the quiz. Values range from -1 to +1. Values greater than +.20 are considered acceptable; low and negative values indicate unexpected scoring patterns or potential miskeys. Higher value indicates that higher scores on the item are associated with higher total scores.'),
-  screenReaderLabel: (0, _formatMessage.default)('Corrected item-total correlation coefficient tooltip')
-};
-exports.pearsonCorrelation = pearsonCorrelation;
+var pearsonCorrelation = exports.pearsonCorrelation = {
+  title: (0, _formatMessage["default"])('Corrected Item-Total Correlation Coefficient'),
+  body: (0, _formatMessage["default"])('Corrected item-total correlation coefficient is a widely used discrimination index used to assess the overall relationship between individual item scores and the total score of the quiz. Values range from -1 to +1. Values greater than +.20 are considered acceptable; low and negative values indicate unexpected scoring patterns or potential miskeys. Higher value indicates that higher scores on the item are associated with higher total scores.'),
+  screenReaderLabel: (0, _formatMessage["default"])('Corrected item-total correlation coefficient tooltip')
+};

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

@@ -7,99 +7,113 @@ Object.defineProperty(exports, "__esModule", {
 exports.NewItemAnalysis = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _uiHeading = require("@instructure/ui-heading");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
-var _styles = _interopRequireDefault(require("./styles.js"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _index = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton/index.js"));
+var _ExpandButton = _interopRequireDefault(require("../../../../../common/components/shared/ExpandButton"));
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _popoverContent = require("./popoverContent.js");
-var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
-var _index3 = _interopRequireDefault(require("../AnalysisMetric/index.js"));
-var _index4 = _interopRequireDefault(require("../AnalysisPopoverMetric/index.js"));
-var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata.js");
-var _index5 = _interopRequireDefault(require("../AnswerFrequencySummary/index.js"));
-var _propTypes2 = require("../../common/propTypes.js");
+var _theme = _interopRequireDefault(require("./theme"));
+var _popoverContent = require("./popoverContent");
+var _Card = _interopRequireDefault(require("../../../../../common/components/shared/Card"));
+var _AnalysisMetric = _interopRequireDefault(require("../AnalysisMetric"));
+var _AnalysisPopoverMetric = _interopRequireDefault(require("../AnalysisPopoverMetric"));
+var _interactionTypeMetadata = require("../../../../../common/util/interactionTypeMetadata");
+var _index = _interopRequireDefault(require("../AnswerFrequencySummary/index"));
+var _propTypes2 = require("../../common/propTypes");
 var _quizRce = require("@instructure/quiz-rce");
-var _rceChecker = require("../../../../../common/util/rceChecker.js");
+var _rceChecker = require("../../../../../common/util/rceChecker");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NewItemAnalysis;
 /** @jsx jsx */
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';
-var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NewItemAnalysis, _Component);
-  var _super = (0, _createSuper2.default)(NewItemAnalysis);
+var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
   function NewItemAnalysis() {
-    var _this;
-    (0, _classCallCheck2.default)(this, NewItemAnalysis);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, NewItemAnalysis);
     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 = {
+    _this2 = _callSuper(this, NewItemAnalysis, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       bodyExpanded: false,
       metricsExpanded: false,
       itemCardBodyHeight: 0
-    };
-    _this.mapInteractionTypeToTranslation = function (interactionType) {
+    });
+    (0, _defineProperty2["default"])(_this2, "mapInteractionTypeToTranslation", function (interactionType) {
       return (0, _interactionTypeMetadata.interactionTypesNameDictionary)({
         slug: interactionType,
-        name: (0, _formatMessage.default)('Question')
+        name: (0, _formatMessage["default"])('Question')
       });
-    };
-    _this.handleMetricToggle = function () {
-      _this.setState({
-        metricsExpanded: !_this.state.metricsExpanded
+    });
+    (0, _defineProperty2["default"])(_this2, "handleMetricToggle", function () {
+      _this2.setState({
+        metricsExpanded: !_this2.state.metricsExpanded
       });
-    };
-    _this.handleBodyToggle = function () {
-      _this.setState({
-        bodyExpanded: !_this.state.bodyExpanded
+    });
+    (0, _defineProperty2["default"])(_this2, "handleBodyToggle", function () {
+      _this2.setState({
+        bodyExpanded: !_this2.state.bodyExpanded
       });
-    };
-    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
-      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
-      return _formatMessage.default.rich('{score, number}<s>/{possible, number} PTS</s>', {
+    });
+    (0, _defineProperty2["default"])(_this2, "calculateValueWithPointsPossible", function (metricKey, metricValue) {
+      var pointsPossible = _this2.props.itemAnalysis.scores.points_possible;
+      return _formatMessage["default"].rich('{score, number}<s>/{possible, number} PTS</s>', {
         s: function s(_ref) {
           var children = _ref.children;
           return (0, _emotion.jsx)("span", {
             key: metricKey,
-            css: _this.props.styles.metricNumberContext
+            css: _this2.props.styles.metricNumberContext
           }, children);
         },
         score: metricValue,
         possible: pointsPossible
       });
-    };
-    _this.renderTitle = function (title) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderTitle", function (title) {
       return (0, _emotion.jsx)(_uiHeading.Heading, {
         margin: "0 x-large small 0",
         level: "h3",
         color: "primary"
       }, title);
-    };
-    _this.renderInteractionType = function (interactionType) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderInteractionType", function (interactionType) {
       return (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
         weight: "bold",
         transform: "capitalize"
-      }, _this.mapInteractionTypeToTranslation(interactionType));
-    };
-    _this.isBlank = function (element) {
+      }, _this2.mapInteractionTypeToTranslation(interactionType));
+    });
+    (0, _defineProperty2["default"])(_this2, "isBlank", function (element) {
       if (element.textContent) return false;
       if (!element.hasAttribute('id')) return false;
       var regex = new RegExp('^blank_.+$');
       return regex.test(element.getAttribute('id'));
-    };
-    _this.enhanceItemBody = function (itemBody) {
+    });
+    (0, _defineProperty2["default"])(_this2, "enhanceItemBody", function (itemBody) {
       var tempDoc = parser.parseFromString(itemBody, parseType);
       var errorNode = tempDoc.querySelector(parsererrorElement);
       if (errorNode) {
@@ -107,16 +121,16 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         return itemBody;
       }
       Array.from(tempDoc.querySelectorAll('span')).filter(function (span) {
-        return _this.isBlank(span);
+        return _this2.isBlank(span);
       }).forEach(function (span, index) {
         var newSpan = span.cloneNode();
-        newSpan.setAttribute('style', (0, _emotion.css)(_this.props.styles.blankSpace).styles);
+        newSpan.setAttribute('style', (0, _emotion.css)(_this2.props.styles.blankSpace).styles);
         newSpan.innerHTML = "".concat(index + 1);
         span.replaceWith(newSpan);
       });
       return tempDoc.querySelector('body').innerHTML;
-    };
-    _this.renderRichContent = function (itemBody, itemId) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderRichContent", function (itemBody, itemId) {
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         alignItems: "start"
@@ -124,21 +138,21 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         shouldShrink: true,
         shouldGrow: true
       }, (0, _emotion.jsx)("div", {
-        id: _this.itemCardBodyId(itemId),
-        css: _this.props.styles.itemBody
+        id: _this2.itemCardBodyId(itemId),
+        css: _this2.props.styles.itemBody
       }, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         content: itemBody
       }))), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none none none x-small"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.itemBodyToggleButtonWrapper
-      }, _this.isBodyHigherThanContainer() && (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_index.default, {
-        onClick: _this.handleBodyToggle,
-        title: _this.state.bodyExpanded ? (0, _formatMessage.default)('collapse question stem') : (0, _formatMessage.default)('expand question stem'),
-        isExpanded: _this.state.bodyExpanded
+        css: _this2.props.styles.itemBodyToggleButtonWrapper
+      }, _this2.isBodyHigherThanContainer() && (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_ExpandButton["default"], {
+        onClick: _this2.handleBodyToggle,
+        title: _this2.state.bodyExpanded ? (0, _formatMessage["default"])('collapse question stem') : (0, _formatMessage["default"])('expand question stem'),
+        isExpanded: _this2.state.bodyExpanded
       })))));
-    };
-    _this.renderMetrics = function (scores) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderMetrics", function (scores) {
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column"
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
@@ -150,72 +164,73 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         gap: "medium"
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_index4.default, {
+      }, (0, _emotion.jsx)(_AnalysisPopoverMetric["default"], {
         metricKey: "difficulty_index",
-        label: (0, _formatMessage.default)('Item Difficulty'),
+        label: (0, _formatMessage["default"])('Item Difficulty'),
         value: scores.difficulty_index,
         popoverDescription: _popoverContent.difficultyIndex
       })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "mean",
-        label: (0, _formatMessage.default)('Mean Earned Points'),
-        value: _this.calculateValueWithPointsPossible('mean', scores.mean)
+        label: (0, _formatMessage["default"])('Mean Earned Points'),
+        value: _this2.calculateValueWithPointsPossible('mean', scores.mean)
       })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "median",
-        label: (0, _formatMessage.default)('Median Earned Points'),
-        value: _this.calculateValueWithPointsPossible('median', scores.median)
+        label: (0, _formatMessage["default"])('Median Earned Points'),
+        value: _this2.calculateValueWithPointsPossible('median', scores.median)
       })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none large none none"
-      }, (0, _emotion.jsx)(_index4.default, {
+      }, (0, _emotion.jsx)(_AnalysisPopoverMetric["default"], {
         metricKey: "discrimination_index",
-        label: (0, _formatMessage.default)('Discrimination Index'),
+        label: (0, _formatMessage["default"])('Discrimination Index'),
         value: scores.discrimination_index,
         popoverDescription: _popoverContent.discriminationIndex
       })))), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.itemCardToggleButtonWrapper
-      }, (0, _emotion.jsx)(_index.default, {
-        onClick: _this.handleMetricToggle,
-        title: _this.state.metricsExpanded ? (0, _formatMessage.default)('collapse item card') : (0, _formatMessage.default)('expand item card'),
-        isExpanded: _this.state.metricsExpanded
+        css: _this2.props.styles.itemCardToggleButtonWrapper
+      }, (0, _emotion.jsx)(_ExpandButton["default"], {
+        onClick: _this2.handleMetricToggle,
+        title: _this2.state.metricsExpanded ? (0, _formatMessage["default"])('collapse item card') : (0, _formatMessage["default"])('expand item card'),
+        isExpanded: _this2.state.metricsExpanded
       }))), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         overflowY: "visible",
         margin: "medium none none none"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.hiddenWhenNotExpanded
+        css: _this2.props.styles.hiddenWhenNotExpanded
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricsContainer
+        css: _this2.props.styles.metricsContainer
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
-      }, (0, _emotion.jsx)(_index4.default, {
+      }, (0, _emotion.jsx)(_AnalysisPopoverMetric["default"], {
         metricKey: "pearson_correlation",
-        label: (0, _formatMessage.default)('Corrected Item-Total Correlation Coefficient'),
+        label: (0, _formatMessage["default"])('Corrected Item-Total Correlation Coefficient'),
         value: scores.pearson_correlation,
         popoverDescription: _popoverContent.pearsonCorrelation
       }))))));
-    };
-    _this.renderAnswerSummaryTable = function (itemId, answer_summary, interactionType, afsFlags) {
+    });
+    (0, _defineProperty2["default"])(_this2, "renderAnswerSummaryTable", function (itemId, answer_summary, interactionType, afsFlags) {
       return (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.hiddenWhenNotExpanded
-      }, (0, _emotion.jsx)(_index5.default, {
+        css: _this2.props.styles.hiddenWhenNotExpanded
+      }, (0, _emotion.jsx)(_index["default"], {
         itemId: itemId,
         answerSummary: answer_summary,
         interactionType: interactionType,
         afsFlags: afsFlags
       })));
-    };
-    _this.shouldEnhanceItemBody = function () {
-      var _this$props = _this.props,
-        itemAnalysis = _this$props.itemAnalysis,
-        afsFlags = _this$props.afsFlags;
+    });
+    (0, _defineProperty2["default"])(_this2, "shouldEnhanceItemBody", function () {
+      var _this2$props = _this2.props,
+        itemAnalysis = _this2$props.itemAnalysis,
+        afsFlags = _this2$props.afsFlags;
       var metadata = itemAnalysis.metadata;
       return afsFlags.fillInTheBlankEnabled && metadata.interaction_type === _quizCommon.RICH_FILL_BLANK_SLUG && metadata.item_body;
-    };
-    return _this;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(NewItemAnalysis, [{
+  (0, _inherits2["default"])(NewItemAnalysis, _Component);
+  return (0, _createClass2["default"])(NewItemAnalysis, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles({
@@ -227,14 +242,14 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       this.props.makeStyles({
         metricsExpanded: this.state.metricsExpanded,
         itemCardBodyHeight: this.state.itemCardBodyHeight,
         bodyExpanded: this.state.bodyExpanded
       });
       (0, _rceChecker.ensureRCEContentIsLoaded)().then(function () {
-        return _this2.calculateItemCardBodyHeight(_this2.props.itemAnalysis.metadata.item_id);
+        return _this3.calculateItemCardBodyHeight(_this3.props.itemAnalysis.metadata.item_id);
       });
     }
   }, {
@@ -263,17 +278,17 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "render",
     value: function render() {
       var _metadata$item_title;
-      var _this$props2 = this.props,
-        itemAnalysis = _this$props2.itemAnalysis,
-        afsFlags = _this$props2.afsFlags;
+      var _this$props = this.props,
+        itemAnalysis = _this$props.itemAnalysis,
+        afsFlags = _this$props.afsFlags;
       var answer_summary = itemAnalysis.answer_summary,
         metadata = itemAnalysis.metadata,
         scores = itemAnalysis.scores;
       var itemId = metadata.item_id;
       var interactionType = metadata.interaction_type;
-      var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage.default)('Untitled item');
+      var title = (_metadata$item_title = metadata.item_title) !== null && _metadata$item_title !== void 0 ? _metadata$item_title : (0, _formatMessage["default"])('Untitled item');
       var itemBodyEnhanced = this.shouldEnhanceItemBody() ? this.enhanceItemBody(metadata.item_body) : metadata.item_body;
-      return (0, _emotion.jsx)(_index2.default, {
+      return (0, _emotion.jsx)(_Card["default"], {
         css: this.props.styles.cardWrapper
       }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "column"
@@ -292,16 +307,13 @@ var NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         shouldShrink: true,
         padding: "small xx-small none none",
         overflowY: "hidden",
-        size: !this.state.bodyExpanded ? '60px' : void 0
+        size: !this.state.bodyExpanded ? '60px' : undefined
       }, this.renderRichContent(itemBodyEnhanced, itemId)))), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, this.renderMetrics(scores)))), this.renderAnswerSummaryTable(itemId, answer_summary, interactionType, afsFlags)));
     }
   }]);
-  NewItemAnalysis.displayName = "NewItemAnalysis";
-  return NewItemAnalysis;
-}(_react.Component), _NewItemAnalysis.displayName = 'NewItemAnalysis', _NewItemAnalysis.componentId = "Quizzes".concat(_NewItemAnalysis.displayName), _NewItemAnalysis.propTypes = {
+}(_react.Component), (0, _defineProperty2["default"])(_NewItemAnalysis, "displayName", 'NewItemAnalysis'), (0, _defineProperty2["default"])(_NewItemAnalysis, "componentId", "Quizzes".concat(_NewItemAnalysis.displayName)), (0, _defineProperty2["default"])(_NewItemAnalysis, "propTypes", {
   itemAnalysis: _propTypes2.itemAnalysisPropType,
   afsFlags: _propTypes2.afsFlags,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _NewItemAnalysis)) || _class);
-exports.NewItemAnalysis = NewItemAnalysis;
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), _NewItemAnalysis)) || _class);

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

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   var isBodyHigherThanContainer = state.itemCardBodyHeight > 48;
   return {
@@ -29,7 +31,7 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
       flexWrap: 'wrap',
       rowGap: '24px'
     },
-    hiddenWhenNotExpanded: (0, _objectSpread2.default)({
+    hiddenWhenNotExpanded: _objectSpread({
       display: 'block'
     }, !state.metricsExpanded && {
       display: 'none'
@@ -57,7 +59,7 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     itemBodyToggleButtonWrapper: {
       marginTop: '-8px'
     },
-    itemBody: (0, _objectSpread2.default)({
+    itemBody: _objectSpread({
       minHeight: '48px'
     }, isBodyHigherThanContainer && !state.bodyExpanded && {
       position: 'relative',
@@ -77,5 +79,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     breakpoints = _ref.breakpoints,
@@ -15,11 +15,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     viewPaddingRight: spacing.xxSmall,
     metricNumberContextFontSize: typography.fontSizeMedium,
     metricNumberContextFontWeight: typography.fontWeightNormal,
-    blankBorderColor: colors.tiara,
+    blankBorderColor: colors.contrasts.grey1214,
     blankBorderRadius: '14px',
     blankMinWidth: '20px',
     blankHeight: '20px'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _presenter = require("./presenter.js");
-var _default = _presenter.NewQuizAnalysis;
-exports.default = _default;
+exports["default"] = void 0;
+var _presenter = require("./presenter");
+var _default = exports["default"] = _presenter.NewQuizAnalysis;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewQuizAnalysis/popoverContent.js

@@ -4,17 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cronbachsAlpha = exports.standardDeviation = void 0;
+exports.standardDeviation = exports.cronbachsAlpha = void 0;
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var standardDeviation = {
-  title: (0, _formatMessage.default)('Standard Deviation'),
-  body: (0, _formatMessage.default)('Standard deviation is a measure of the average absolute deviation of scores around the mean. A low standard deviation indicates, on average, the scores tend to be close to the mean of the set. A high value indicates, on average, scores vary widely from the mean of the data set.'),
-  screenReaderLabel: (0, _formatMessage.default)('Standard deviation tooltip')
+var standardDeviation = exports.standardDeviation = {
+  title: (0, _formatMessage["default"])('Standard Deviation'),
+  body: (0, _formatMessage["default"])('Standard deviation is a measure of the average absolute deviation of scores around the mean. A low standard deviation indicates, on average, the scores tend to be close to the mean of the set. A high value indicates, on average, scores vary widely from the mean of the data set.'),
+  screenReaderLabel: (0, _formatMessage["default"])('Standard deviation tooltip')
 };
-exports.standardDeviation = standardDeviation;
-var cronbachsAlpha = {
-  title: (0, _formatMessage.default)("Cronbach's Alpha"),
-  body: (0, _formatMessage.default)("Cronbach's alpha is an internal consistency measure that estimates the reliability of a quiz. Values range from 0 to 1, with higher values indicating greater reliability."),
-  screenReaderLabel: (0, _formatMessage.default)("Cronbach's alpha tooltip")
-};
-exports.cronbachsAlpha = cronbachsAlpha;
+var cronbachsAlpha = exports.cronbachsAlpha = {
+  title: (0, _formatMessage["default"])("Cronbach's Alpha"),
+  body: (0, _formatMessage["default"])("Cronbach's alpha is an internal consistency measure that estimates the reliability of a quiz. Values range from 0 to 1, with higher values indicating greater reliability."),
+  screenReaderLabel: (0, _formatMessage["default"])("Cronbach's alpha tooltip")
+};