@instructure/quiz-core 22.16.0 → 22.17.0

package/es/common/components/resources/QuizSessionResult/QuizSessionResultInfo/ScoreDisplay/index.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { Flex } from '@instructure/quiz-common';
+import { Progress } from './components/Progress';
+import { PointsDisplay } from './components/PointsDisplay';
+import { LetterGrade } from './components/LetterGrade';
+import { UNKNOWN_PERCENTAGE_VALUE } from '../../../../../util/isMissing';
+export var ScoreDisplay = function(param) {
+    var isSurvey = param.isSurvey, restrictQuantitativeData = param.restrictQuantitativeData, quizSessionResult = param.quizSessionResult, gradingScheme = param.gradingScheme;
+    if (isSurvey) {
+        return null;
+    }
+    var ratio = quizSessionResult.percentage;
+    var percentage = isNaN(ratio) ? UNKNOWN_PERCENTAGE_VALUE : ratio;
+    if (restrictQuantitativeData) {
+        return /*#__PURE__*/ React.createElement(LetterGrade, {
+            percentage: percentage,
+            gradingScheme: gradingScheme
+        });
+    }
+    return /*#__PURE__*/ React.createElement(Flex, {
+        wrap: "wrap",
+        alignItems: "center",
+        justifyItems: "start"
+    }, /*#__PURE__*/ React.createElement(Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true
+    }, /*#__PURE__*/ React.createElement(Progress, {
+        percentage: percentage,
+        points: quizSessionResult.score,
+        pointsPossible: quizSessionResult.pointsPossible
+    })), /*#__PURE__*/ React.createElement(Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true
+    }, /*#__PURE__*/ React.createElement(PointsDisplay, {
+        points: quizSessionResult.score,
+        pointsPossible: quizSessionResult.pointsPossible
+    })));
+};
+ScoreDisplay.propTypes = {
+    isSurvey: PropTypes.bool.isRequired,
+    restrictQuantitativeData: PropTypes.bool,
+    quizSessionResult: ImmutablePropTypes.record,
+    gradingScheme: PropTypes.arrayOf(PropTypes.shape({
+        name: PropTypes.string,
+        value: PropTypes.number
+    }))
+};

package/es/common/components/resources/QuizSessionResult/QuizSessionResultInfo/index.js

@@ -0,0 +1,118 @@
+/** @jsx jsx */ import React from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { Alert } from '@instructure/ui-alerts';
+import { Text } from '@instructure/ui-text';
+import { Heading } from '@instructure/ui-heading';
+import { View } from '@instructure/ui-view';
+import { jsx } from '@instructure/emotion';
+import { Flex } from '@instructure/quiz-common';
+import t from '@instructure/quiz-i18n/format-message';
+import FormattedDuration from '../../../shared/FormattedDuration';
+import { formatTime } from '../../../../util/formatTimespan';
+import { ScoreDisplay } from './ScoreDisplay/index';
+function GradingAlerts(param) {
+    var quizSessionResult = param.quizSessionResult, sessionItemResults = param.sessionItemResults;
+    var alerts = [];
+    if (quizSessionResult.isLoaded() && quizSessionResult.autogradingFailed()) {
+        var msg = t('There was a grading problem. Please inform your instructor.');
+        alerts.push(/*#__PURE__*/ jsx(Alert, {
+            key: "autograding_failed",
+            variant: "warning"
+        }, msg));
+    }
+    var ungradedCount = sessionItemResults.reduce(function(count, sessionItemResult) {
+        return sessionItemResult.getIn([
+            'scoredData',
+            'gradeStatus'
+        ]) === 'waiting' ? count + 1 : count;
+    }, 0);
+    if (ungradedCount > 0 && quizSessionResult.isLoaded()) {
+        var ungradedText = t("{\n        count, plural,\n        one {# question requires grading}\n        other {# questions require grading}\n      }", {
+            count: ungradedCount
+        });
+        alerts.push(/*#__PURE__*/ jsx(Alert, {
+            key: "manual_grading",
+            variant: "info"
+        }, ungradedText));
+    }
+    if (alerts.length === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Flex, {
+        direction: "row",
+        alignItems: "center",
+        justifyItems: "center",
+        margin: "x-small 0 0 0"
+    }, /*#__PURE__*/ jsx(Flex.Item, {
+        "data-automation": "sdk-results-requires-grading",
+        shouldGrow: false,
+        shouldShrink: true,
+        size: "33rem"
+    }, alerts));
+}
+function ElapsedTime(param) {
+    var elapsedTime = param.elapsedTime;
+    var attemptText = t('Time for this attempt');
+    var alt = t('Time for this attempt: { time }', {
+        time: formatTime(elapsedTime)
+    });
+    return /*#__PURE__*/ jsx(AccessibleContent, {
+        alt: alt
+    }, /*#__PURE__*/ jsx(View, {
+        as: "div"
+    }, /*#__PURE__*/ jsx(FormattedDuration, {
+        fontSize: "xx-large",
+        fontWeight: "bold",
+        seconds: elapsedTime
+    })), /*#__PURE__*/ jsx(Text, {
+        color: "secondary"
+    }, attemptText));
+}
+export function QuizSessionResultInfo(param) {
+    var _param_gradingScheme = param.gradingScheme, gradingScheme = _param_gradingScheme === void 0 ? [] : _param_gradingScheme, quizSession = param.quizSession, quizSessionResult = param.quizSessionResult, sessionItemResults = param.sessionItemResults, _param_restrictQuantitativeData = param.restrictQuantitativeData, restrictQuantitativeData = _param_restrictQuantitativeData === void 0 ? false : _param_restrictQuantitativeData, isSurvey = param.isSurvey;
+    return /*#__PURE__*/ jsx(View, null, /*#__PURE__*/ jsx(GradingAlerts, {
+        quizSessionResult: quizSessionResult,
+        sessionItemResults: sessionItemResults
+    }), /*#__PURE__*/ jsx(Flex, {
+        padding: "none",
+        margin: "none",
+        alignItems: "center",
+        justifyItems: "center"
+    }, /*#__PURE__*/ jsx(Flex, {
+        wrap: "wrap",
+        alignItems: "center",
+        justifyItems: "center",
+        className: "fs-mask"
+    }, /*#__PURE__*/ jsx(ScreenReaderContent, null, /*#__PURE__*/ jsx(Heading, {
+        level: "h2"
+    }, t('Assessment Statistics'))), /*#__PURE__*/ jsx(Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true
+    }, /*#__PURE__*/ jsx(ScoreDisplay, {
+        isSurvey: isSurvey,
+        restrictQuantitativeData: restrictQuantitativeData,
+        gradingScheme: gradingScheme,
+        quizSessionResult: quizSessionResult
+    })), /*#__PURE__*/ jsx(Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true,
+        margin: "small",
+        padding: "0 0 0 small"
+    }, /*#__PURE__*/ jsx(ElapsedTime, {
+        elapsedTime: quizSession.elapsedTime
+    })))));
+}
+QuizSessionResultInfo.propTypes = {
+    gradingScheme: PropTypes.arrayOf(PropTypes.shape({
+        name: PropTypes.string,
+        value: PropTypes.number
+    })),
+    quizSession: ImmutablePropTypes.record.isRequired,
+    quizSessionResult: ImmutablePropTypes.record.isRequired,
+    restrictQuantitativeData: PropTypes.bool,
+    sessionItemResults: ImmutablePropTypes.list.isRequired,
+    styles: PropTypes.object,
+    isSurvey: PropTypes.bool.isRequired
+};

package/es/common/components/resources/item/ItemEdit/index.js

@@ -13,7 +13,7 @@ import { addError, screenreaderNotification } from '../../../../actions/alerts';
 import { updateItem } from '../../../../../building/api/items';
 import { interactionFileUpload, setOneAtATimeType } from '../../../../../building/api/quizzes';
 import { featureOn } from '../../../../util/featureCheck';
-import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../selectors/quizzes';
+import { getActiveQuiz, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../selectors/quizzes';
 export function mapStateToProps(state, props) {
     // Error Related:
     var workingItem = props.entry.getWorkingInstance();
@@ -25,6 +25,7 @@ export function mapStateToProps(state, props) {
         'outcomes',
         'contextUuid'
     ]) : props.contextUuid;
+    var quiz = getActiveQuiz(state);
     var _props_showCalculator;
     return {
         answerFeedbackEnabled: featureOn('answer_level_feedback'),
@@ -50,13 +51,14 @@ export function mapStateToProps(state, props) {
         ]),
         partialDeepScoringEnabled: featureOn('partial_deep_scoring'),
         partialScoringEnabled: featureOn('partial_scoring'),
-        quizId: getActiveQuizId(state),
+        quizId: quiz.id,
         scope: props.scope,
         rootAccountUuid: state.getIn([
             'outcomes',
             'externalAccountUuid'
         ]),
-        showCalculatorOption: (_props_showCalculator = props.showCalculator) !== null && _props_showCalculator !== void 0 ? _props_showCalculator : true
+        showCalculatorOption: (_props_showCalculator = props.showCalculator) !== null && _props_showCalculator !== void 0 ? _props_showCalculator : true,
+        isSurvey: quiz.isSurvey()
     };
 }
 function mapDispatchToProps(dispatch) {

package/es/common/components/resources/item/ItemEdit/presenter.js

@@ -185,7 +185,7 @@ export var ItemEdit = /*#__PURE__*/ function(Component) {
                     }
                 }
                 var options = [];
-                if (this.props.outcomesEndpoint) {
+                if (!this.props.isSurvey && this.props.outcomesEndpoint) {
                     options.push({
                         key: 'outcomes',
                         title: /*#__PURE__*/ React.createElement("span", null, t('Align to Outcomes'), /*#__PURE__*/ React.createElement(OutcomeCount, _object_spread_props(_object_spread({
@@ -295,7 +295,8 @@ _define_property(ItemEdit, "propTypes", {
     separatorConfig: PropTypes.shape({
         decimalSeparator: PropTypes.string,
         thousandSeparator: PropTypes.string
-    })
+    }),
+    isSurvey: PropTypes.bool.isRequired
 });
 _define_property(ItemEdit, "defaultProps", {
     additionalOptions: [],

package/es/common/components/resources/item/ItemShow/index.js

@@ -160,7 +160,8 @@ _define_property(ItemShow, "propTypes", {
     separatorConfig: PropTypes.shape({
         decimalSeparator: PropTypes.string,
         thousandSeparator: PropTypes.string
-    })
+    }),
+    isSurvey: PropTypes.bool.isRequired
 });
 _define_property(ItemShow, "defaultProps", {
     switchOnEditing: null

package/es/common/components/resources/quiz/AddContent/Body/index.js

@@ -4,12 +4,14 @@ import { set } from '../../../../../actions/ui';
 import { screenreaderNotification } from '../../../../../actions/alerts';
 import AddContentBody from './presenter';
 import { getInteractionTypes } from '../../../../../selectors/interactionTypes';
-import { isEditingQuizEntry, getQuizEntryWithErrorsShowing } from '../../../../../selectors/quizzes';
+import { isEditingQuizEntry, getQuizEntryWithErrorsShowing, getActiveQuiz } from '../../../../../selectors/quizzes';
 var mapStateToProps = function(state) {
+    var activeQuiz = getActiveQuiz(state);
     return {
         editingQuizEntry: isEditingQuizEntry(state),
         interactionTypes: getInteractionTypes(state),
-        quizEntryWithErrorsShowing: getQuizEntryWithErrorsShowing(state)
+        quizEntryWithErrorsShowing: getQuizEntryWithErrorsShowing(state),
+        isSurvey: activeQuiz.isSurvey()
     };
 };
 var mapDispatchToProps = {

package/es/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */ import { jsx } from '@instructure/emotion';
 import { BUILD_TRAY_OPEN, BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/format-message';
-import { Button, IconButton } from '@instructure/ui-buttons';
+import { Button, IconButton, CloseButton } from '@instructure/ui-buttons';
 import { Grid } from '@instructure/ui-grid';
 import { IconAiSolid, IconBankLine } from '@instructure/ui-icons';
 import { Text } from '@instructure/ui-text';
@@ -14,7 +14,9 @@ import InteractionTypes from '../../../../shared/InteractionTypes';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 function UnstyledAddContentBody(param) {
-    var allowStimulusCreation = param.allowStimulusCreation, createItem = param.createItem, createStimulus = param.createStimulus, editingQuizEntry = param.editingQuizEntry, interactionTypes = param.interactionTypes, _param_onOpenBankTray = param.onOpenBankTray, onOpenBankTray = _param_onOpenBankTray === void 0 ? function() {} : _param_onOpenBankTray, _param_onAddItem = param.onAddItem, onAddItem = _param_onAddItem === void 0 ? function() {} : _param_onAddItem, parentEntryId = param.parentEntryId, position = param.position, quizEntryWithErrorsShowing = param.quizEntryWithErrorsShowing, quizId = param.quizId, screenreaderNotification = param.screenreaderNotification, setNextQuizEntry = param.setNextQuizEntry, setUi = param.setUi, _param_showHeaderText = param.showHeaderText, showHeaderText = _param_showHeaderText === void 0 ? true : _param_showHeaderText, stimulusId = param.stimulusId, styles = param.styles, _param_slotProps = param.slotProps, slotProps = _param_slotProps === void 0 ? {} : _param_slotProps, _param_containerType = param.containerType, containerType = _param_containerType === void 0 ? 'popover' : _param_containerType;
+    var allowStimulusCreation = param.allowStimulusCreation, createItem = param.createItem, createStimulus = param.createStimulus, editingQuizEntry = param.editingQuizEntry, interactionTypes = param.interactionTypes, _param_isSurvey = param.isSurvey, isSurvey = _param_isSurvey === void 0 ? false : _param_isSurvey, _param_onOpenBankTray = param.onOpenBankTray, onOpenBankTray = _param_onOpenBankTray === void 0 ? function() {} : _param_onOpenBankTray, _param_onAddItem = param.onAddItem, onAddItem = _param_onAddItem === void 0 ? function() {} : _param_onAddItem, parentEntryId = param.parentEntryId, position = param.position, quizEntryWithErrorsShowing = param.quizEntryWithErrorsShowing, quizId = param.quizId, screenreaderNotification = param.screenreaderNotification, setNextQuizEntry = param.setNextQuizEntry, setUi = param.setUi, _param_showHeaderText = param.showHeaderText, showHeaderText = _param_showHeaderText === void 0 ? true : _param_showHeaderText, stimulusId = param.stimulusId, styles = param.styles, _param_slotProps = param.slotProps, slotProps = _param_slotProps === void 0 ? {} : _param_slotProps, _param_containerType = param.containerType, containerType = _param_containerType === void 0 ? 'popover' : _param_containerType, _param_renderCloseButton = param.// Close button is only shown when the popover is rendered standalone.
+    // Defaults to false to avoid showing two close buttons when inside a modal(especially on smaller screens).
+    renderCloseButton, renderCloseButton = _param_renderCloseButton === void 0 ? false : _param_renderCloseButton;
     var openBankTray = useCallback(function() {
         onOpenBankTray();
         setUi(BUILD_TRAY_OPEN, true);
@@ -26,6 +28,11 @@ function UnstyledAddContentBody(param) {
         position,
         parentEntryId
     ]);
+    var handleClose = useCallback(function() {
+        onAddItem();
+    }, [
+        onAddItem
+    ]);
     var addStimulus = useCallback(function(isPassage) {
         if (editingQuizEntry) {
             setNextQuizEntry(null, quizId, position);
@@ -89,15 +96,25 @@ function UnstyledAddContentBody(param) {
         var text = showHeaderText ? t('Insert Content') : '';
         return /*#__PURE__*/ jsx("div", {
             css: styles.popoverHeaderBox
-        }, /*#__PURE__*/ jsx("div", {
+        }, renderCloseButton && /*#__PURE__*/ jsx(View, {
+            as: "span",
+            display: "inline-block",
+            css: styles.closeButton
+        }, /*#__PURE__*/ jsx(CloseButton, {
+            screenReaderLabel: t('Close Insert Content'),
+            onClick: handleClose
+        })), /*#__PURE__*/ jsx("div", {
             css: styles.popoverHeader
         }, /*#__PURE__*/ jsx(Grid, {
             vAlign: "middle",
             colSpacing: "none",
             rowSpacing: "none"
-        }, /*#__PURE__*/ jsx(Grid.Row, null, /*#__PURE__*/ jsx(Grid.Col, null, /*#__PURE__*/ jsx(Text, {
+        }, /*#__PURE__*/ jsx(Grid.Row, null, /*#__PURE__*/ jsx(Grid.Col, null, /*#__PURE__*/ jsx(View, {
+            as: "div",
+            margin: "medium 0"
+        }, /*#__PURE__*/ jsx(Text, {
             color: "primary"
-        }, text)), /*#__PURE__*/ jsx(Grid.Col, {
+        }, text))), !isSurvey && /*#__PURE__*/ jsx(Grid.Col, {
             width: "auto"
         }, renderBankButton())))), ((_slotProps_quizGenerationButton = slotProps.quizGenerationButton) === null || _slotProps_quizGenerationButton === void 0 ? void 0 : _slotProps_quizGenerationButton.visible) && /*#__PURE__*/ jsx(View, {
             as: "div",
@@ -142,6 +159,7 @@ AddContentBody.propTypes = {
     createStimulus: PropTypes.func.isRequired,
     editingQuizEntry: PropTypes.bool,
     interactionTypes: ImmutablePropTypes.list,
+    isSurvey: PropTypes.bool,
     onOpenBankTray: PropTypes.func,
     onAddItem: PropTypes.func,
     parentEntryId: PropTypes.string,
@@ -156,6 +174,7 @@ AddContentBody.propTypes = {
     styles: PropTypes.object,
     slotProps: PropTypes.shape({
         quizGenerationButton: quizGenerationButtonPropTypes
-    })
+    }),
+    renderCloseButton: PropTypes.bool
 };
 export default AddContentBody;

package/es/common/components/resources/quiz/AddContent/Body/styles.js

@@ -18,8 +18,15 @@ var generateStyle = function(componentTheme) {
     var _obj;
     return {
         popoverHeaderBox: {
+            position: 'relative',
             borderBottom: "solid ".concat(componentTheme.popoverHeaderBoxBorderWidth, " ").concat(componentTheme.popoverHeaderBoxBorderColor)
         },
+        closeButton: {
+            position: 'absolute',
+            top: '-0.8rem',
+            right: '-1.3rem',
+            zIndex: 1
+        },
         popoverHeader: {
             margin: '1rem',
             marginBottom: '0.25rem'

package/es/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -120,6 +120,7 @@ function UnstyledAddContentPopover(param) {
             shouldContainFocus: true,
             renderTrigger: renderAddContentButton()
         }, /*#__PURE__*/ jsx(AddContentBody, {
+            renderCloseButton: true,
             allowStimulusCreation: allowStimulusCreation,
             onOpenBankTray: switchOffEditing,
             onAddItem: switchOffEditing,

package/es/common/components/resources/sessionItemResult/SessionItemResult/components/SessionItemResultHeader.js

@@ -0,0 +1,122 @@
+/** @jsx jsx */ import React from 'react';
+import { jsx } from '@instructure/emotion';
+import t from '@instructure/quiz-i18n/format-message';
+import { View } from '@instructure/ui-view';
+import { Text } from '@instructure/ui-text';
+import { Flex } from '@instructure/quiz-common';
+import PositionBox from '../../../positionBox/PositionBox';
+import { isMissing } from '../../../../../util/isMissing';
+import { InteractionTypeName } from '../../../../../../building/components/resources/quizEntry/QuizEntryShow/components/LeftHeader';
+function PositionBoxScreenReaderContent(param) {
+    var questionNumber = param.questionNumber, unscorable = param.unscorable, regraded = param.regraded, editGraderFeedback = param.editGraderFeedback;
+    if (regraded && unscorable) {
+        return t('Results for question {questionNumber, number}. There was a problem grading this question. This question has been regraded.', {
+            questionNumber: questionNumber
+        });
+    }
+    if (regraded) {
+        return t('Results for question {questionNumber, number}. This question has been regraded.', {
+            questionNumber: questionNumber
+        });
+    }
+    if (unscorable) {
+        if (editGraderFeedback) {
+            return t('Results for question {questionNumber, number}. There was a problem grading this question.', {
+                questionNumber: questionNumber
+            });
+        }
+        return t('Results for question {questionNumber, number}. There was a problem grading this question. Please inform your instructor.', {
+            questionNumber: questionNumber
+        });
+    }
+    return t('Results for question {questionNumber, number}.', {
+        questionNumber: questionNumber
+    });
+}
+function RegradePoints(param) {
+    var sessionItemResult = param.sessionItemResult;
+    return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(View, {
+        as: "span",
+        size: "small",
+        margin: "small"
+    }, /*#__PURE__*/ jsx(Text, {
+        color: "secondary"
+    }, t("Previous score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+        points: sessionItemResult.regradeInfo.get('originalScore') || 0,
+        possible: sessionItemResult.regradeInfo.get('originalPointsPossible')
+    }))), /*#__PURE__*/ jsx(View, {
+        as: "span",
+        size: "small",
+        margin: "small"
+    }, /*#__PURE__*/ jsx(Text, {
+        color: "alert"
+    }, t("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+        points: sessionItemResult.regradeInfo.get('newScore') || 0,
+        possible: sessionItemResult.regradeInfo.get('newPointsPossible')
+    }))));
+}
+function getPointsText(param) {
+    var sessionItemResult = param.sessionItemResult;
+    var points = sessionItemResult.score;
+    var pointsPossible = sessionItemResult.pointsPossible;
+    var pointsPresent = !isMissing(points);
+    var pointsPossiblePresent = !isMissing(pointsPossible);
+    if (pointsPresent && pointsPossiblePresent) {
+        return t("{ possible, plural,\n            one   {{points, number} / # point}\n            other {{points, number} / # points}\n          }", {
+            points: points,
+            possible: pointsPossible
+        });
+    }
+    if (pointsPossiblePresent) {
+        return t("{ possible, plural,\n            one   {# point}\n            other {# points}\n          } possible", {
+            possible: pointsPossible
+        });
+    }
+    if (pointsPresent) {
+        return t("{ points, plural,\n            one   {# point}\n            other {# points}\n          } earned", {
+            points: points
+        });
+    }
+    return null;
+}
+function Points(param) {
+    var sessionItemResult = param.sessionItemResult;
+    if (sessionItemResult && sessionItemResult.hasRegradeInfo()) {
+        return /*#__PURE__*/ jsx(RegradePoints, {
+            sessionItemResult: sessionItemResult
+        });
+    }
+    return /*#__PURE__*/ jsx(View, null, /*#__PURE__*/ jsx(Text, {
+        color: "secondary",
+        size: "small",
+        className: "fs-mask"
+    }, getPointsText({
+        sessionItemResult: sessionItemResult
+    })));
+}
+export function SessionItemResultHeader(param) {
+    var sessionItemResult = param.sessionItemResult, questionNumber = param.questionNumber, editGraderFeedback = param.editGraderFeedback, restrictQuantitativeData = param.restrictQuantitativeData, interactionTypeName = param.interactionTypeName;
+    return /*#__PURE__*/ jsx(Flex, {
+        direction: "row",
+        alignItems: "center",
+        gap: "small"
+    }, /*#__PURE__*/ jsx(PositionBox, {
+        position: questionNumber,
+        headingLevel: "h3",
+        headingText: PositionBoxScreenReaderContent({
+            questionNumber: questionNumber,
+            regraded: sessionItemResult.isRegraded(),
+            unscorable: sessionItemResult.isUnscorable(),
+            editGraderFeedback: editGraderFeedback
+        })
+    }), !restrictQuantitativeData && /*#__PURE__*/ jsx(Points, {
+        restrictQuantitativeData: restrictQuantitativeData,
+        sessionItemResult: sessionItemResult
+    }), /*#__PURE__*/ jsx(InteractionTypeName, {
+        name: interactionTypeName,
+        defaultValue: null,
+        textProps: {
+            size: 'small'
+        }
+    }));
+}

package/es/common/components/resources/sessionItemResult/SessionItemResult/index.js

@@ -3,13 +3,17 @@ import { connect } from '../../../../react-redux';
 import makeScrollable from '../../../shared/functionality/makeScrollable';
 import { SessionItemResult as SessionItemResultPresenter } from './presenter';
 import { featureOn } from '../../../../util/featureCheck';
-function mapStateToProps(state) {
+import { getActiveQuiz } from '../../../../selectors/quizzes';
+function mapStateToProps(state, ownProps) {
+    var quiz = getActiveQuiz(state);
+    var isSurvey = quiz === null || quiz === void 0 ? void 0 : quiz.isSurvey();
     return {
         itemResultsModifications: state.getIn([
             'modifications',
             'sessionItemResults'
         ]),
-        shouldRenderAnswerFeedback: featureOn('answer_level_feedback')
+        shouldRenderAnswerFeedback: featureOn('answer_level_feedback'),
+        isSurvey: isSurvey
     };
 }
 export var SessionItemResult = compose(connect(mapStateToProps), makeScrollable)(SessionItemResultPresenter);