@instructure/quiz-core 22.17.0 → 22.18.0

package/lib/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -1,102 +1,13 @@
-/** @jsx jsx */ function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _get_prototype_of(o) {
-    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of(o);
-}
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
-function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
-    return _assert_this_initialized(self);
-}
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-import { Component } from 'react';
+/** @jsx jsx */ import { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
-import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
+import { formatDateShort } from '@instructure/quiz-i18n';
+import { getLocale } from '@instructure/quiz-common/locale';
+import { getTimezone } from '@instructure/quiz-common/timezone';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
 import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import Card from '../../../../common/components/shared/Card';
 import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
@@ -105,241 +16,196 @@ import QuizAnalysisOverview from '../../../../reporting/components/quizAnalysis/
 import MetricsListItem from '../../MetricsListItem';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-var _withI18nSupport;
-export var QuizAndItemAnalysis = /*#__PURE__*/ function(_superClass) {
-    "use strict";
-    _inherits(QuizAndItemAnalysis, _superClass);
-    function QuizAndItemAnalysis() {
-        _class_call_check(this, QuizAndItemAnalysis);
-        return _call_super(this, QuizAndItemAnalysis, arguments);
-    }
-    _create_class(QuizAndItemAnalysis, [
-        {
-            key: "getAnalyses",
-            value: function getAnalyses(activeQuizId) {
-                this.props.getExistingQuiz(activeQuizId);
-                this.props.getItemAnalyses(activeQuizId);
-                this.props.getQuizAnalysis(activeQuizId);
-            }
-        },
-        {
-            key: "componentDidMount",
-            value: function componentDidMount() {
-                this.getAnalyses(this.props.activeQuizId);
-            }
-        },
-        {
-            key: "UNSAFE_componentWillUpdate",
-            value: function UNSAFE_componentWillUpdate(nextProps) {
-                if (this.props.activeQuizId !== nextProps.activeQuizId) {
-                    this.getAnalyses(nextProps.activeQuizId);
-                }
-            }
-        },
-        {
-            key: "generateItemAnalysisMetrics",
-            value: function generateItemAnalysisMetrics(itemAnalysis) {
-                var _this = this;
-                var metrics = [];
-                var mean = t.rich('{score}<0>/{possible, number} pts</0>', {
-                    0: function(param) {
-                        var children = param.children;
-                        return /*#__PURE__*/ jsx("span", {
-                            key: "mean",
-                            css: _this.props.styles.metricNote
-                        }, children);
-                    },
-                    score: itemAnalysis.meanScore(this.locale) || 0,
-                    possible: itemAnalysis.pointsPossible
-                });
-                this.props.itemMetrics.forEach(function(key) {
-                    switch(key){
-                        case 'difficultyIndex':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "difficultyIndex",
-                                renderLabel: t('Difficulty Index'),
-                                renderValue: itemAnalysis.difficultyIndex(_this.locale),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'discriminationIndex':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "discriminationIndex",
-                                renderLabel: t('Discrimination Index'),
-                                renderValue: itemAnalysis.discriminationIndex(_this.locale),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'rpb':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "rpb",
-                                renderLabel: t('RPB'),
-                                renderValue: itemAnalysis.pointBiserial(_this.locale),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'meanEarnedScore':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "meanEarnedScore",
-                                renderLabel: t('Mean Earned Score'),
-                                renderValue: mean,
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                    }
-                });
-                return metrics;
-            }
-        },
-        {
-            key: "generateQuizAnalysisMetrics",
-            value: function generateQuizAnalysisMetrics(quizAnalysis) {
-                var _this = this;
-                var metrics = [];
-                var formattedElapsedTime = /*#__PURE__*/ jsx(FormattedDuration, {
-                    seconds: quizAnalysis.meanElapsedTime()
-                });
-                this.props.quizMetrics.forEach(function(key) {
-                    switch(key){
-                        case 'highScore':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "highScore",
-                                renderLabel: t('High Score'),
-                                renderValue: quizAnalysis.highScore(),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'lowScore':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "lowScore",
-                                renderLabel: t('Low Score'),
-                                renderValue: quizAnalysis.lowScore(),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'meanScore':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "meanScore",
-                                renderLabel: t('Mean Score'),
-                                renderValue: quizAnalysis.meanScore(),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'standardDeviation':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "standardDeviation",
-                                renderLabel: t('Standard Deviation'),
-                                renderValue: quizAnalysis.standardDeviation(),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'meanElapsedTime':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "meanElapsedTime",
-                                renderLabel: t('Mean Elapsed Time'),
-                                renderValue: formattedElapsedTime,
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                        case 'cronbachsAlpha':
-                            metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
-                                key: "cronbachsAlpha",
-                                renderLabel: t("Cronbach's Alpha"),
-                                renderValue: quizAnalysis.cronbachsAlpha(),
-                                customStyles: _this.props.styles.metric,
-                                isGroupChild: true
-                            }));
-                            break;
-                    }
-                });
-                return metrics;
-            }
-        },
-        {
-            key: "renderItemAnalysisRows",
-            value: function renderItemAnalysisRows() {
-                var _this = this;
-                var _this_props = this.props, animateDelay = _this_props.animateDelay, animateDuration = _this_props.animateDuration, quiz = _this_props.quiz, openRows = _this_props.openRows, activeQuizId = _this_props.activeQuizId, toggleItemAnalysisRowExpanded = _this_props.toggleItemAnalysisRowExpanded;
-                var itemAnalyses = quiz.getItemAnalyses();
-                if (itemAnalyses.size <= 0) {
-                    return;
-                }
-                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.title
-                }, /*#__PURE__*/ jsx(Heading, {
-                    level: "h3",
-                    as: "h2",
-                    color: "primary"
-                }, t('Item Analysis'))), itemAnalyses.toArray().map(function(itemAnalysis, i) {
-                    var itemMetrics = _this.generateItemAnalysisMetrics(itemAnalysis);
-                    return /*#__PURE__*/ jsx(ItemAnalysisRow, {
-                        animateDelay: animateDelay,
-                        animateDuration: animateDuration,
-                        expanded: openRows[itemAnalysis.itemId],
-                        itemAnalysis: itemAnalysis,
-                        itemId: itemAnalysis.itemId,
-                        key: itemAnalysis.itemId,
-                        position: i + 1,
-                        quizId: activeQuizId,
-                        toggleExpanded: toggleItemAnalysisRowExpanded,
-                        outcomesEndpoint: _this.props.outcomesEndpoint,
-                        outcomesToken: _this.props.outcomesToken
-                    }, itemMetrics);
-                }));
-            }
-        },
-        {
-            key: "renderNotFound",
-            value: function renderNotFound() {
-                return /*#__PURE__*/ jsx(Card, {
-                    css: this.props.styles.emptyText
-                }, t('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
-                    lastReportDate: this.formatDateShort(new Date('2024-01-31'))
-                }));
-            }
-        },
-        {
-            key: "renderContent",
-            value: function renderContent() {
-                var _this_props = this.props, animateDelay = _this_props.animateDelay, animateDuration = _this_props.animateDuration, quiz = _this_props.quiz, quizAnalysis = _this_props.quizAnalysis;
-                var quizMetrics = this.generateQuizAnalysisMetrics(quizAnalysis);
-                return /*#__PURE__*/ jsx("div", {
-                    className: "fs-mask"
-                }, /*#__PURE__*/ jsx(QuizAnalysisOverview, {
-                    animateDelay: animateDelay,
-                    animateDuration: animateDuration,
-                    quizAnalysis: quizAnalysis,
-                    quizTitle: quiz.title
-                }, quizMetrics), quizAnalysis.isPresent() && this.renderItemAnalysisRows());
+function QuizAndItemAnalysis(props, context) {
+    var activeQuizId = props.activeQuizId, animateDelay = props.animateDelay, animateDuration = props.animateDuration, getExistingQuiz = props.getExistingQuiz, getItemAnalyses = props.getItemAnalyses, getQuizAnalysis = props.getQuizAnalysis, itemMetrics = props.itemMetrics, openRows = props.openRows, outcomesEndpoint = props.outcomesEndpoint, outcomesToken = props.outcomesToken, quiz = props.quiz, quizAnalysis = props.quizAnalysis, quizAnalysisNotFound = props.quizAnalysisNotFound, quizMetrics = props.quizMetrics, styles = props.styles, toggleItemAnalysisRowExpanded = props.toggleItemAnalysisRowExpanded;
+    // Get locale and timezone from props or context (replaces withI18nSupport)
+    var locale = getLocale(props, context);
+    var timezone = getTimezone(props, context);
+    // Fetch analyses on mount and when activeQuizId changes
+    useEffect(function() {
+        getExistingQuiz(activeQuizId);
+        getItemAnalyses(activeQuizId);
+        getQuizAnalysis(activeQuizId);
+    }, [
+        activeQuizId
+    ]);
+    function generateItemAnalysisMetrics(itemAnalysis) {
+        var metrics = [];
+        var mean = t.rich('{score}<0>/{possible, number} pts</0>', {
+            0: function(param) {
+                var children = param.children;
+                return /*#__PURE__*/ jsx("span", {
+                    key: "mean",
+                    css: styles.metricNote
+                }, children);
+            },
+            score: itemAnalysis.meanScore(locale) || 0,
+            possible: itemAnalysis.pointsPossible
+        });
+        itemMetrics.forEach(function(key) {
+            switch(key){
+                case 'difficultyIndex':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "difficultyIndex",
+                        renderLabel: t('Difficulty Index'),
+                        renderValue: itemAnalysis.difficultyIndex(locale),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'discriminationIndex':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "discriminationIndex",
+                        renderLabel: t('Discrimination Index'),
+                        renderValue: itemAnalysis.discriminationIndex(locale),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'rpb':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "rpb",
+                        renderLabel: t('RPB'),
+                        renderValue: itemAnalysis.pointBiserial(locale),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'meanEarnedScore':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "meanEarnedScore",
+                        renderLabel: t('Mean Earned Score'),
+                        renderValue: mean,
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
             }
-        },
-        {
-            key: "render",
-            value: function render() {
-                if (this.props.quizAnalysisNotFound) {
-                    return this.renderNotFound();
-                } else if (this.props.quiz.isLoaded() && this.props.quizAnalysis && this.props.quizAnalysis.isLoaded()) {
-                    return this.renderContent();
-                } else {
-                    return /*#__PURE__*/ jsx(Spinner, null);
-                }
+        });
+        return metrics;
+    }
+    function generateQuizAnalysisMetrics(quizAnalysisParam) {
+        var metrics = [];
+        var formattedElapsedTime = /*#__PURE__*/ jsx(FormattedDuration, {
+            seconds: quizAnalysisParam.meanElapsedTime()
+        });
+        quizMetrics.forEach(function(key) {
+            switch(key){
+                case 'highScore':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "highScore",
+                        renderLabel: t('High Score'),
+                        renderValue: quizAnalysisParam.highScore(),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'lowScore':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "lowScore",
+                        renderLabel: t('Low Score'),
+                        renderValue: quizAnalysisParam.lowScore(),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'meanScore':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "meanScore",
+                        renderLabel: t('Mean Score'),
+                        renderValue: quizAnalysisParam.meanScore(),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'standardDeviation':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "standardDeviation",
+                        renderLabel: t('Standard Deviation'),
+                        renderValue: quizAnalysisParam.standardDeviation(),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'meanElapsedTime':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "meanElapsedTime",
+                        renderLabel: t('Mean Elapsed Time'),
+                        renderValue: formattedElapsedTime,
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
+                case 'cronbachsAlpha':
+                    metrics.push(/*#__PURE__*/ jsx(MetricsListItem, {
+                        key: "cronbachsAlpha",
+                        renderLabel: t("Cronbach's Alpha"),
+                        renderValue: quizAnalysisParam.cronbachsAlpha(),
+                        customStyles: styles.metric,
+                        isGroupChild: true
+                    }));
+                    break;
             }
+        });
+        return metrics;
+    }
+    function renderItemAnalysisRows() {
+        var itemAnalyses = quiz.getItemAnalyses();
+        if (itemAnalyses.size <= 0) {
+            return;
         }
-    ]);
-    return QuizAndItemAnalysis;
-}(_withI18nSupport = withI18nSupport(Component));
-_define_property(QuizAndItemAnalysis, "displayName", 'QuizAndItemAnalysis');
-_define_property(QuizAndItemAnalysis, "componentId", "Quizzes".concat(QuizAndItemAnalysis.displayName));
-_define_property(QuizAndItemAnalysis, "propTypes", {
+        return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
+            css: styles.title
+        }, /*#__PURE__*/ jsx(Heading, {
+            level: "h3",
+            as: "h2",
+            color: "primary"
+        }, t('Item Analysis'))), itemAnalyses.toArray().map(function(itemAnalysis, i) {
+            var itemMetrics = generateItemAnalysisMetrics(itemAnalysis);
+            return /*#__PURE__*/ jsx(ItemAnalysisRow, {
+                animateDelay: animateDelay,
+                animateDuration: animateDuration,
+                expanded: openRows[itemAnalysis.itemId],
+                itemAnalysis: itemAnalysis,
+                itemId: itemAnalysis.itemId,
+                key: itemAnalysis.itemId,
+                position: i + 1,
+                quizId: activeQuizId,
+                toggleExpanded: toggleItemAnalysisRowExpanded,
+                outcomesEndpoint: outcomesEndpoint,
+                outcomesToken: outcomesToken
+            }, itemMetrics);
+        }));
+    }
+    function renderNotFound() {
+        return /*#__PURE__*/ jsx(Card, {
+            css: styles.emptyText
+        }, t('This report is no longer in use, please use the new Quiz and Item Analysis report.  ' + 'Reports generated before { lastReportDate } from this link will be available ' + 'until the summer of 2024. New reports cannot be generated from this link.', {
+            lastReportDate: formatDateShort(new Date('2024-01-31'), locale, timezone)
+        }));
+    }
+    function renderContent() {
+        var quizMetrics = generateQuizAnalysisMetrics(quizAnalysis);
+        return /*#__PURE__*/ jsx("div", {
+            className: "fs-mask"
+        }, /*#__PURE__*/ jsx(QuizAnalysisOverview, {
+            animateDelay: animateDelay,
+            animateDuration: animateDuration,
+            quizAnalysis: quizAnalysis,
+            quizTitle: quiz.title
+        }, quizMetrics), quizAnalysis.isPresent() && renderItemAnalysisRows());
+    }
+    if (quizAnalysisNotFound) {
+        return renderNotFound();
+    } else if (quiz.isLoaded() && quizAnalysis && quizAnalysis.isLoaded()) {
+        return renderContent();
+    } else {
+        return /*#__PURE__*/ jsx(Spinner, null);
+    }
+}
+QuizAndItemAnalysis.displayName = 'QuizAndItemAnalysis';
+QuizAndItemAnalysis.componentId = 'QuizzesQuizAndItemAnalysis';
+QuizAndItemAnalysis.propTypes = {
     animateDelay: PropTypes.number,
     animateDuration: PropTypes.number,
     activeQuizId: PropTypes.string.isRequired,
@@ -369,8 +235,8 @@ _define_property(QuizAndItemAnalysis, "propTypes", {
     getQuizAnalysis: PropTypes.func.isRequired,
     locale: PropTypes.string,
     styles: PropTypes.object
-});
-_define_property(QuizAndItemAnalysis, "defaultProps", {
+};
+QuizAndItemAnalysis.defaultProps = {
     animateDelay: void 0,
     animateDuration: void 0,
     openRows: {},
@@ -380,11 +246,10 @@ _define_property(QuizAndItemAnalysis, "defaultProps", {
     quizMetrics: [],
     itemMetrics: [],
     locale: null
-});
-_define_property(QuizAndItemAnalysis, "contextTypes", {
+};
+QuizAndItemAnalysis.contextTypes = {
     locale: PropTypes.string
-});
-QuizAndItemAnalysis = _ts_decorate([
-    withStyleOverrides(generateStyle, generateComponentTheme)
-], QuizAndItemAnalysis);
-export default QuizAndItemAnalysis;
+};
+var StyledQuizAndItemAnalysis = withStyleOverrides(generateStyle, generateComponentTheme)(QuizAndItemAnalysis);
+export { StyledQuizAndItemAnalysis as QuizAndItemAnalysis };
+export default StyledQuizAndItemAnalysis;

package/lib/reporting/components/resources/ReportCard/index.js

@@ -99,7 +99,8 @@ import Card from '../../../../common/components/shared/Card';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/format-message';
-import { Flex, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex } from '@instructure/quiz-common/components/Flex/index';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
 export var ReportCard = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits(ReportCard, Component);
@@ -111,7 +112,7 @@ export var ReportCard = /*#__PURE__*/ function(Component) {
         {
             key: "render",
             value: function render() {
-                var _this_props = this.props, name = _this_props.name, details = _this_props.details, href = _this_props.href;
+                var _this_props = this.props, name = _this_props.name, details = _this_props.details, href = _this_props.href, linkComponent = _this_props.linkComponent;
                 return /*#__PURE__*/ jsx(Card, {
                     customStyles: this.props.styles.card
                 }, /*#__PURE__*/ jsx(Text, {
@@ -128,7 +129,8 @@ export var ReportCard = /*#__PURE__*/ function(Component) {
                     alignItems: "end",
                     height: "100%"
                 }, /*#__PURE__*/ jsx(Link, {
-                    href: href
+                    as: linkComponent,
+                    to: href
                 }, /*#__PURE__*/ jsx(Text, {
                     size: "small",
                     "data-automation": name
@@ -144,12 +146,14 @@ _define_property(ReportCard, "propTypes", {
     name: PropTypes.node,
     details: PropTypes.node,
     href: PropTypes.string,
+    linkComponent: PropTypes.elementType,
     styles: PropTypes.object
 });
 _define_property(ReportCard, "defaultProps", {
     name: void 0,
     details: void 0,
-    href: void 0
+    href: void 0,
+    linkComponent: void 0
 });
 ReportCard = _ts_decorate([
     withStyleOverrides(generateStyle, generateComponentTheme)

package/lib/reporting/components/resources/ReportList/index.js

@@ -97,7 +97,7 @@ import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
 export var ReportList = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits(ReportList, Component);

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

@@ -100,7 +100,9 @@ import { generateStyle } from './styles';
 import { generateComponentTheme } from './theme';
 import { ExportButton } from '../../common/ExportButton';
 import { Spinner } from '../../../../../common/components/shared/spinner/Spinner';
-import { Flex, STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex } from '@instructure/quiz-common/components/Flex/index';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
+import { STUDENT_ANALYSES } from '@instructure/quiz-common/constants';
 import { AnalysisUpdateDate } from '../../common/AnalysisUpdateDate';
 export var StudentAnalysisReportCardPresenter = /*#__PURE__*/ function(Component) {
     "use strict";
@@ -125,7 +127,7 @@ export var StudentAnalysisReportCardPresenter = /*#__PURE__*/ function(Component
         }), _define_property(_this, "getAttemptType", function() {
             return _this.props.allAttemptsEnabled ? 'all_attempts' : 'last_attempt';
         }), _define_property(_this, "handleExport", function() {
-            _this.props.exportReport('csv', _this.getAttemptType(), STUDENT_ANALYSES);
+            _this.props.exportReport('csv', _this.getAttemptType(), STUDENT_ANALYSES, _this.props.isAnonymous);
         }), _define_property(_this, "handleGeneration", function() {
             _this.props.generateReport(_this.getAttemptType(), STUDENT_ANALYSES);
         }), _define_property(_this, "renderExportButton", function() {
@@ -135,14 +137,15 @@ export var StudentAnalysisReportCardPresenter = /*#__PURE__*/ function(Component
                 handleExport: _this.handleExport
             });
         }), _define_property(_this, "renderGenerateReportButton", function() {
+            var _this_props = _this.props, _this_props_generateButtonScreenReaderText = _this_props.generateButtonScreenReaderText, generateButtonScreenReaderText = _this_props_generateButtonScreenReaderText === void 0 ? t('Generate Student Analysis Report') : _this_props_generateButtonScreenReaderText, _this_props_generateButtonText = _this_props.generateButtonText, generateButtonText = _this_props_generateButtonText === void 0 ? t('Generate Report') : _this_props_generateButtonText;
             return /*#__PURE__*/ React.createElement(Link, {
                 onClick: _this.handleGeneration,
                 role: "button",
                 "data-automation": "sdk-new-sa-report-card-generate-report-button"
-            }, /*#__PURE__*/ React.createElement(ScreenReaderContent, null, t('Generate Student Analysis Report')), /*#__PURE__*/ React.createElement(Text, {
+            }, /*#__PURE__*/ React.createElement(ScreenReaderContent, null, generateButtonScreenReaderText), /*#__PURE__*/ React.createElement(Text, {
                 size: "small",
                 "aria-hidden": "true"
-            }, t('Generate Report')));
+            }, generateButtonText));
         }), _define_property(_this, "renderReportCardHeader", function() {
             var _this_props = _this.props, name = _this_props.name, exportEnabled = _this_props.exportEnabled, fetchInProgress = _this_props.fetchInProgress;
             return /*#__PURE__*/ React.createElement("div", {