@instructure/quiz-core 22.8.0 → 22.10.0

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

@@ -33,75 +33,87 @@ var _rceChecker = require("../../../../../common/util/rceChecker");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NewItemAnalysis;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NewItemAnalysis = /*#__PURE__*/function (_Component) {
   function NewItemAnalysis() {
-    var _this;
+    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 = _callSuper(this, NewItemAnalysis, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, NewItemAnalysis, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       bodyExpanded: false,
       metricsExpanded: false,
       itemCardBodyHeight: 0
     });
-    (0, _defineProperty2["default"])(_this, "mapInteractionTypeToTranslation", function (interactionType) {
+    (0, _defineProperty2["default"])(_this2, "mapInteractionTypeToTranslation", function (interactionType) {
       return (0, _interactionTypeMetadata.interactionTypesNameDictionary)({
         slug: interactionType,
         name: (0, _formatMessage["default"])('Question')
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleMetricToggle", function () {
-      _this.setState({
-        metricsExpanded: !_this.state.metricsExpanded
+    (0, _defineProperty2["default"])(_this2, "handleMetricToggle", function () {
+      _this2.setState({
+        metricsExpanded: !_this2.state.metricsExpanded
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleBodyToggle", function () {
-      _this.setState({
-        bodyExpanded: !_this.state.bodyExpanded
+    (0, _defineProperty2["default"])(_this2, "handleBodyToggle", function () {
+      _this2.setState({
+        bodyExpanded: !_this2.state.bodyExpanded
       });
     });
-    (0, _defineProperty2["default"])(_this, "calculateValueWithPointsPossible", function (metricKey, metricValue) {
-      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+    (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
       });
     });
-    (0, _defineProperty2["default"])(_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);
     });
-    (0, _defineProperty2["default"])(_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));
+      }, _this2.mapInteractionTypeToTranslation(interactionType));
     });
-    (0, _defineProperty2["default"])(_this, "isBlank", function (element) {
+    (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'));
     });
-    (0, _defineProperty2["default"])(_this, "enhanceItemBody", function (itemBody) {
+    (0, _defineProperty2["default"])(_this2, "enhanceItemBody", function (itemBody) {
       var tempDoc = parser.parseFromString(itemBody, parseType);
       var errorNode = tempDoc.querySelector(parsererrorElement);
       if (errorNode) {
@@ -109,16 +121,16 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
         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;
     });
-    (0, _defineProperty2["default"])(_this, "renderRichContent", function (itemBody, itemId) {
+    (0, _defineProperty2["default"])(_this2, "renderRichContent", function (itemBody, itemId) {
       return (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         alignItems: "start"
@@ -126,21 +138,21 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
         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)(_ExpandButton["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
       })))));
     });
-    (0, _defineProperty2["default"])(_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, {
@@ -162,13 +174,13 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
       }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "mean",
         label: (0, _formatMessage["default"])('Mean Earned Points'),
-        value: _this.calculateValueWithPointsPossible('mean', scores.mean)
+        value: _this2.calculateValueWithPointsPossible('mean', scores.mean)
       })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none medium none none"
       }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "median",
         label: (0, _formatMessage["default"])('Median Earned Points'),
-        value: _this.calculateValueWithPointsPossible('median', scores.median)
+        value: _this2.calculateValueWithPointsPossible('median', scores.median)
       })), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         margin: "none large none none"
       }, (0, _emotion.jsx)(_AnalysisPopoverMetric["default"], {
@@ -177,18 +189,18 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
         value: scores.discrimination_index,
         popoverDescription: _popoverContent.discriminationIndex
       })))), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.itemCardToggleButtonWrapper
+        css: _this2.props.styles.itemCardToggleButtonWrapper
       }, (0, _emotion.jsx)(_ExpandButton["default"], {
-        onClick: _this.handleMetricToggle,
-        title: _this.state.metricsExpanded ? (0, _formatMessage["default"])('collapse item card') : (0, _formatMessage["default"])('expand item card'),
-        isExpanded: _this.state.metricsExpanded
+        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)(_AnalysisPopoverMetric["default"], {
@@ -198,9 +210,9 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
         popoverDescription: _popoverContent.pearsonCorrelation
       }))))));
     });
-    (0, _defineProperty2["default"])(_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
+        css: _this2.props.styles.hiddenWhenNotExpanded
       }, (0, _emotion.jsx)(_index["default"], {
         itemId: itemId,
         answerSummary: answer_summary,
@@ -208,14 +220,14 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
         afsFlags: afsFlags
       })));
     });
-    (0, _defineProperty2["default"])(_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, _inherits2["default"])(NewItemAnalysis, _Component);
   return (0, _createClass2["default"])(NewItemAnalysis, [{
@@ -230,14 +242,14 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
   }, {
     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);
       });
     }
   }, {
@@ -266,9 +278,9 @@ var NewItemAnalysis = exports.NewItemAnalysis = (_dec = (0, _quizCommon.withStyl
     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;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 {

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

@@ -30,30 +30,42 @@ var _popoverContent = require("./popoverContent");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NewQuizAnalysis;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NewQuizAnalysis = /*#__PURE__*/function (_Component) {
   function NewQuizAnalysis() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, NewQuizAnalysis);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NewQuizAnalysis, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, NewQuizAnalysis, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       expanded: false
     });
-    (0, _defineProperty2["default"])(_this, "handleToggle", function () {
-      _this.setState({
-        expanded: !_this.state.expanded
+    (0, _defineProperty2["default"])(_this2, "handleToggle", function () {
+      _this2.setState({
+        expanded: !_this2.state.expanded
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderExpanded", function () {
-      var scores = _this.props.quizAnalysis.scores;
+    (0, _defineProperty2["default"])(_this2, "renderExpanded", function () {
+      var scores = _this2.props.quizAnalysis.scores;
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.container
+        css: _this2.props.styles.container
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricGroup
+        css: _this2.props.styles.metricGroup
       }, (0, _emotion.jsx)(_AnalysisPopoverMetric["default"], {
         metricKey: "stddev",
         value: scores === null || scores === void 0 ? void 0 : scores.stddev,
@@ -66,17 +78,17 @@ var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _quizCommon.withStyl
         popoverDescription: _popoverContent.cronbachsAlpha
       })));
     });
-    (0, _defineProperty2["default"])(_this, "renderContent", function () {
-      var quizAnalysis = _this.props.quizAnalysis;
+    (0, _defineProperty2["default"])(_this2, "renderContent", function () {
+      var quizAnalysis = _this2.props.quizAnalysis;
       var scores = quizAnalysis.scores,
         attempts = quizAnalysis.attempts;
-      var expanded = _this.state.expanded;
+      var expanded = _this2.state.expanded;
       return (0, _emotion.jsx)(_Card["default"], {
-        css: _this.props.styles.cardWrapper
+        css: _this2.props.styles.cardWrapper
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricGroup
+        css: _this2.props.styles.metricGroup
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricsWrapper
+        css: _this2.props.styles.metricsWrapper
       }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "highscore",
         label: (0, _formatMessage["default"])('High Score'),
@@ -93,7 +105,7 @@ var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _quizCommon.withStyl
         value: scores === null || scores === void 0 ? void 0 : scores.mean_percentage,
         suffix: "%"
       })), (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricsWrapper
+        css: _this2.props.styles.metricsWrapper
       }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "median_percentage",
         label: (0, _formatMessage["default"])('Median Score'),
@@ -104,16 +116,16 @@ var NewQuizAnalysis = exports.NewQuizAnalysis = (_dec = (0, _quizCommon.withStyl
         label: (0, _formatMessage["default"])('Mean Elapsed Time'),
         value: (0, _formatTimespan.formatTimeToFullNumeric)(attempts === null || attempts === void 0 ? void 0 : attempts.mean_elapsed_sec)
       })), (0, _emotion.jsx)("div", {
-        css: _this.props.styles.expandButtonContainer
+        css: _this2.props.styles.expandButtonContainer
       }, (0, _emotion.jsx)(_ExpandButton["default"], {
-        onClick: _this.handleToggle,
+        onClick: _this2.handleToggle,
         title: expanded ? (0, _formatMessage["default"])('collapse quiz analysis') : (0, _formatMessage["default"])('expand quiz analysis'),
         isExpanded: expanded
-      }))), expanded && _this.renderExpanded(), (0, _emotion.jsx)(_presenter.ScoreDistribution, {
-        decileDistribution: _this.getPreparedDecileDistribution()
+      }))), expanded && _this2.renderExpanded(), (0, _emotion.jsx)(_presenter.ScoreDistribution, {
+        decileDistribution: _this2.getPreparedDecileDistribution()
       }));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(NewQuizAnalysis, _Component);
   return (0, _createClass2["default"])(NewQuizAnalysis, [{

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

@@ -30,30 +30,42 @@ var _ExportButton = require("../ExportButton");
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NewQuizAndItemAnalysisReportCardPresenter;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisReportCardPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NewQuizAndItemAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   function NewQuizAndItemAnalysisReportCardPresenter() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, NewQuizAndItemAnalysisReportCardPresenter);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NewQuizAndItemAnalysisReportCardPresenter, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "handleGeneration", function (_event) {
+    _this2 = _callSuper(this, NewQuizAndItemAnalysisReportCardPresenter, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "handleGeneration", function (_event) {
       var filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'last_attempt';
-      _this.props.generateReports(filter);
+      _this2.props.generateReports(filter);
     });
-    (0, _defineProperty2["default"])(_this, "handleExport", function (_event) {
+    (0, _defineProperty2["default"])(_this2, "handleExport", function (_event) {
       var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _exportFormats.csvFormat;
       var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'last_attempt';
-      _this.props.exportReports(format, filter);
+      _this2.props.exportReports(format, filter);
     });
-    (0, _defineProperty2["default"])(_this, "renderMetrics", function () {
+    (0, _defineProperty2["default"])(_this2, "renderMetrics", function () {
       var _quizAnalysis$scores, _quizAnalysis$scores2, _quizAnalysis$scores3;
-      var quizAnalysis = _this.props.quizAnalysis;
+      var quizAnalysis = _this2.props.quizAnalysis;
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.metricsContainer
+        css: _this2.props.styles.metricsContainer
       }, (0, _emotion.jsx)(_AnalysisMetric["default"], {
         metricKey: "highscore",
         label: (0, _formatMessage["default"])('High Score'),
@@ -71,18 +83,18 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
         suffix: "%"
       }));
     });
-    (0, _defineProperty2["default"])(_this, "renderQuizAnalysisSummary", function () {
-      var _this$props = _this.props,
-        quizAnalysis = _this$props.quizAnalysis,
-        itemAnalyses = _this$props.itemAnalyses,
-        href = _this$props.href;
+    (0, _defineProperty2["default"])(_this2, "renderQuizAnalysisSummary", function () {
+      var _this2$props = _this2.props,
+        quizAnalysis = _this2$props.quizAnalysis,
+        itemAnalyses = _this2$props.itemAnalyses,
+        href = _this2$props.href;
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.quizAnalysisSummary
-      }, _this.renderMetrics(), (0, _emotion.jsx)(_quizCommon.Flex, {
+        css: _this2.props.styles.quizAnalysisSummary
+      }, _this2.renderMetrics(), (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.dateContainer
+        css: _this2.props.styles.dateContainer
       }, (0, _emotion.jsx)(_AnalysisUpdateDate.AnalysisUpdateDate, {
         date: quizAnalysis.created_timestamp,
         multiline: true
@@ -94,9 +106,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
         "aria-hidden": "true"
       }, (0, _formatMessage["default"])('View Report')))));
     });
-    (0, _defineProperty2["default"])(_this, "renderSpinner", function (mainText) {
+    (0, _defineProperty2["default"])(_this2, "renderSpinner", function (mainText) {
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.emptyCardBodyContainer
+        css: _this2.props.styles.emptyCardBodyContainer
       }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row"
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_Spinner["default"], {
@@ -108,9 +120,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
         "data-automation": "sdk-new-ia-report-card-spinner"
       }))));
     });
-    (0, _defineProperty2["default"])(_this, "renderGenerateReportButton", function () {
+    (0, _defineProperty2["default"])(_this2, "renderGenerateReportButton", function () {
       return (0, _emotion.jsx)(_uiLink.Link, {
-        onClick: _this.handleGeneration,
+        onClick: _this2.handleGeneration,
         role: "button",
         "data-automation": "sdk-new-ia-report-card-generate-report-button"
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Generate Quiz and Item Analysis Report')), (0, _emotion.jsx)(_uiText.Text, {
@@ -118,12 +130,12 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
         "aria-hidden": "true"
       }, (0, _formatMessage["default"])('Generate Report')));
     });
-    (0, _defineProperty2["default"])(_this, "renderReportCardFooter", function () {
-      var _this$props2 = _this.props,
-        generationInProgress = _this$props2.generationInProgress,
-        analysisError = _this$props2.analysisError;
+    (0, _defineProperty2["default"])(_this2, "renderReportCardFooter", function () {
+      var _this2$props2 = _this2.props,
+        generationInProgress = _this2$props2.generationInProgress,
+        analysisError = _this2$props2.analysisError;
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.emptyCardBodyContainer
+        css: _this2.props.styles.emptyCardBodyContainer
       }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         justifyItems: "space-between"
@@ -136,25 +148,25 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
         color: "danger"
       }, analysisError)), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldShrink: analysisError && !generationInProgress
-      }, generationInProgress ? _this.renderSpinner((0, _formatMessage["default"])('Generation In Progress')) : _this.renderGenerateReportButton())));
+      }, generationInProgress ? _this2.renderSpinner((0, _formatMessage["default"])('Generation In Progress')) : _this2.renderGenerateReportButton())));
     });
-    (0, _defineProperty2["default"])(_this, "renderExport", function () {
-      var _this$props3 = _this.props,
-        quizAnalysis = _this$props3.quizAnalysis,
-        generationInProgress = _this$props3.generationInProgress;
+    (0, _defineProperty2["default"])(_this2, "renderExport", function () {
+      var _this2$props3 = _this2.props,
+        quizAnalysis = _this2$props3.quizAnalysis,
+        generationInProgress = _this2$props3.generationInProgress;
       return (0, _emotion.jsx)(_ExportButton.ExportButton, {
         quizAnalysis: quizAnalysis,
         generationInProgress: generationInProgress,
-        handleExport: _this.handleExport
+        handleExport: _this2.handleExport
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderReportCardHeader", function () {
-      var _this$props4 = _this.props,
-        name = _this$props4.name,
-        exportEnabled = _this$props4.exportEnabled,
-        fetchInProgress = _this$props4.fetchInProgress;
+    (0, _defineProperty2["default"])(_this2, "renderReportCardHeader", function () {
+      var _this2$props4 = _this2.props,
+        name = _this2$props4.name,
+        exportEnabled = _this2$props4.exportEnabled,
+        fetchInProgress = _this2$props4.fetchInProgress;
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.titleContainer
+        css: _this2.props.styles.titleContainer
       }, (0, _emotion.jsx)(_quizCommon.Flex, {
         direction: "row",
         wrap: "wrap",
@@ -162,9 +174,9 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
       }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiText.Text, {
         size: "medium",
         weight: "bold"
-      }, name)), exportEnabled && !fetchInProgress && (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this.renderExport())));
+      }, name)), exportEnabled && !fetchInProgress && (0, _emotion.jsx)(_quizCommon.Flex.Item, null, _this2.renderExport())));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(NewQuizAndItemAnalysisReportCardPresenter, _Component);
   return (0, _createClass2["default"])(NewQuizAndItemAnalysisReportCardPresenter, [{
@@ -180,10 +192,10 @@ var NewQuizAndItemAnalysisReportCardPresenter = exports.NewQuizAndItemAnalysisRe
   }, {
     key: "render",
     value: function render() {
-      var _this$props5 = this.props,
-        fetchInProgress = _this$props5.fetchInProgress,
-        quizAnalysis = _this$props5.quizAnalysis,
-        styles = _this$props5.styles;
+      var _this$props = this.props,
+        fetchInProgress = _this$props.fetchInProgress,
+        quizAnalysis = _this$props.quizAnalysis,
+        styles = _this$props.styles;
       return (0, _emotion.jsx)(_Card["default"], {
         css: styles.reportCard,
         customStyles: styles.reportCard

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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) {
   var msMaxWidth = 'max-width: 25rem';
   var mq = "@media only screen and (".concat(msMaxWidth, ")");