@digabi/exam-engine-core 22.2.0-alpha.9 → 22.3.1-alpha.0

package/dist/src/components/exam/internal/ErrorIndicator.js

@@ -0,0 +1,63 @@
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React, { useContext } from 'react';
+import { useSelector } from 'react-redux';
+import { findChildElement } from '../../../dom-utils';
+import { useExamTranslation } from '../../../i18n';
+import AnsweringInstructions from '../../AnsweringInstructions';
+import { CommonExamContext } from '../../context/CommonExamContext';
+import classNames from 'classnames';
+const ExtraAnswerError = props => {
+    const { t } = useExamTranslation();
+    const { displayNumber, elementType } = props;
+    return (React.createElement("div", null,
+        elementType !== 'exam' && elementType !== 'toc-section'
+            ? t(elementType, { displayNumber }) || React.createElement(FallbackTitle, { ...props })
+            : '',
+        ' ',
+        React.createElement(AnsweringInstructions, { ...props })));
+};
+const AnswerTooLongError = ({ displayNumber, characterCount }) => {
+    const { t } = useExamTranslation();
+    return (React.createElement("div", null,
+        t('question', { displayNumber }),
+        " ",
+        t('answer-errors.answer-too-long', { count: characterCount })));
+};
+export function ErrorIndicatorForErrors({ validationErrors, inExam }) {
+    return validationErrors.length > 0 ? (React.createElement("div", { className: classNames({ 'error-indicator e-bg-color-error e-color-off-white': inExam, 'e-font-size-xs': inExam }, 'e-columns e-columns--inline  e-pad-1 e-mrg-r-1'), role: "alert" },
+        React.createElement("div", { className: "e-column e-column--narrow", style: { color: '#f90' } },
+            React.createElement(FontAwesomeIcon, { size: "lg", icon: faExclamationTriangle, fixedWidth: true, className: "e-mrg-r-1" })),
+        React.createElement("div", { className: "e-column e-column--gapless" }, validationErrors.map(validationError => {
+            const key = validationError.type + validationError.displayNumber;
+            switch (validationError.type) {
+                case 'ExtraAnswer':
+                    return React.createElement(ExtraAnswerError, { ...validationError, key });
+                default:
+                    return React.createElement(AnswerTooLongError, { ...validationError, key });
+            }
+        })))) : null;
+}
+const ErrorIndicator = () => {
+    const validationErrors = useSelector((state) => state.answers.validationErrors);
+    return React.createElement(ErrorIndicatorForErrors, { validationErrors: validationErrors, inExam: true });
+};
+const FallbackTitle = ({ elementType, displayNumber }) => {
+    // Hack. M/N exams have set the section translation title to an empty string,
+    // so they can hide the "Osa 1:" text within the exam. In these cases, display
+    // the text content of the corresponding <e:section-title> instead. Hopefully
+    // we can delete this code on some day. 💩
+    if (elementType === 'section') {
+        const { root } = useContext(CommonExamContext);
+        const section = findChildElement(root, e => e.localName === 'section' && e.getAttribute('display-number') === displayNumber);
+        if (section) {
+            const sectionTitle = findChildElement(section, 'section-title');
+            if (sectionTitle) {
+                return React.createElement(React.Fragment, null, `${sectionTitle.textContent.trim()}:`);
+            }
+        }
+    }
+    return null;
+};
+export default React.memo(ErrorIndicator);
+//# sourceMappingURL=ErrorIndicator.js.map

package/dist/src/components/exam/internal/ErrorIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIndicator.js","sourceRoot":"","sources":["../../../../../src/components/exam/internal/ErrorIndicator.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/exam/internal/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const ProgressBar: React.FunctionComponent<{
+    duration: number;
+    durationRemaining: number;
+    className?: string;
+}>;
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/src/components/exam/internal/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/exam/internal/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA6B7G,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/components/exam/internal/ProgressBar.js

@@ -0,0 +1,19 @@
+import classNames from 'classnames';
+import React, { useEffect, useRef, useState } from 'react';
+const ProgressBar = ({ duration, durationRemaining, className }) => {
+    const progressBarRef = useRef(null);
+    const [animating, setAnimating] = useState(false);
+    useEffect(() => {
+        // when this code runs as bundled inside koe for some reason or another
+        // there is only a single render and the element in dom immediately has
+        // "--animating" class which breaks the css transformation (the progress
+        // bar is completely filled from start). By reading clientTop we force a
+        // synchronous layout/reflow in a browser
+        progressBarRef.current.clientTop;
+        setAnimating(true);
+    }, []);
+    return (React.createElement("div", { className: classNames('e-progress-bar', className), ref: progressBarRef },
+        React.createElement("div", { className: classNames('e-progress-bar__fill', { 'e-progress-bar__fill--animating': animating }), style: { transitionDuration: `${duration}s` }, role: "progressbar", "aria-valuemax": duration, "aria-valuemin": 0, "aria-valuenow": duration - durationRemaining })));
+};
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/src/components/exam/internal/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/exam/internal/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,GAAiG,CAAC,EACjH,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACV,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,uEAAuE;QACvE,uEAAuE;QACvE,wEAAwE;QACxE,wEAAwE;QACxE,yCAAyC;QACzC,cAAc,CAAC,OAAQ,CAAC,SAAS,CAAA;QACjC,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,cAAc;QAC1E,6BACE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,iCAAiC,EAAE,SAAS,EAAE,CAAC,EAC/F,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,QAAQ,GAAG,EAAE,EAC7C,IAAI,EAAC,aAAa,mBACH,QAAQ,mBACR,CAAC,mBACD,QAAQ,GAAG,iBAAiB,GAC3C,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/components/exam/internal/SaveIndicator.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function SaveIndicator(): React.JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof SaveIndicator>;
+export default _default;
+//# sourceMappingURL=SaveIndicator.d.ts.map

package/dist/src/components/exam/internal/SaveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/exam/internal/SaveIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,iBAAS,aAAa,6BAarB;;AAED,wBAAwC"}

package/dist/src/components/exam/internal/SaveIndicator.js

@@ -0,0 +1,16 @@
+import classNames from 'classnames';
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { useExamTranslation } from '../../../i18n';
+import { getSaveState } from '../../../store/selectors';
+function SaveIndicator() {
+    const state = useSelector(getSaveState);
+    const { t } = useExamTranslation();
+    if (state === 'initial') {
+        return null;
+    }
+    return (React.createElement("div", { className: "save-indicator e-pad-1 e-font-size-xs" },
+        React.createElement("span", { className: classNames('save-indicator-text', `save-indicator-text--${state}`) }, t('answer-saved'))));
+}
+export default React.memo(SaveIndicator);
+//# sourceMappingURL=SaveIndicator.js.map

package/dist/src/components/exam/internal/SaveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveIndicator.js","sourceRoot":"","sources":["../../../../../src/components/exam/internal/SaveIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,SAAS,aAAa;IACpB,MAAM,KAAK,GAAc,WAAW,CAAC,YAAY,CAAC,CAAA;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,uCAAuC;QACpD,8BAAM,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,wBAAwB,KAAK,EAAE,CAAC,IAAG,CAAC,CAAC,cAAc,CAAC,CAAQ,CAC3G,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA"}

package/dist/src/components/exam/internal/TextAnswerInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ExamComponentProps } from '../../../createRenderChildNodes';
+export declare function getCharacterCount(answerText: string): number;
+declare const _default: React.NamedExoticComponent<ExamComponentProps>;
+export default _default;
+//# sourceMappingURL=TextAnswerInput.d.ts.map

package/dist/src/components/exam/internal/TextAnswerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAnswerInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/exam/internal/TextAnswerInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAyNpE,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE5D;;AAED,wBAA0C"}

package/dist/src/components/exam/internal/TextAnswerInput.js

@@ -0,0 +1,128 @@
+import classNames from 'classnames';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { getAttribute, getBooleanAttribute, getNumericAttribute } from '../../../dom-utils';
+import AnswerToolbar from '../../AnswerToolbar';
+import { ExamContext } from '../../context/ExamContext';
+import { QuestionContext } from '../../context/QuestionContext';
+import RichTextAnswer from '../RichTextAnswer';
+import { Score } from '../../shared/Score';
+import { answerLengthInfoId, answerScoreId } from '../../../ids';
+import AnswerLengthInfo from '../../shared/AnswerLengthInfo';
+import { CommonExamContext } from '../../context/CommonExamContext';
+import { answerBlurred, answerFocused, saveAnswer, selectAnswerVersion } from '../../../store/answers/actions';
+const borderWidthPx = 2;
+const TextAnswerInput = ({ element, className }) => {
+    const type = getAttribute(element, 'type');
+    const questionId = getNumericAttribute(element, 'question-id');
+    const displayNumber = getAttribute(element, 'display-number');
+    const maxScore = getNumericAttribute(element, 'max-score');
+    const useLanguageOfInstruction = getBooleanAttribute(element, 'use-language-of-instruction');
+    const maxLength = getNumericAttribute(element, 'max-length');
+    const { language } = useContext(CommonExamContext);
+    const { questionLabelIds, answers } = useContext(QuestionContext);
+    const { examServerApi } = useContext(ExamContext);
+    const [screenshotError, setScreenshotError] = useState();
+    const answer = useSelector((state) => state.answers.answersById[questionId]);
+    const supportsAnswerHistory = useSelector((state) => state.answers.supportsAnswerHistory);
+    const showAnswerHistory = useSelector((state) => state.answers.supportsAnswerHistory && state.answers.serverQuestionIds.has(questionId));
+    const validationError = useSelector((state) => state.answers.validationErrors.find((error) => error.type === 'AnswerTooLong' && error.displayNumber === displayNumber));
+    const dispatch = useDispatch();
+    const ref = useRef(null);
+    const value = answer && answer.value;
+    const scoreId = answerScoreId(element);
+    const invalid = validationError != null;
+    const lang = useLanguageOfInstruction ? language : undefined;
+    const labelledBy = element.hasAttribute('max-length')
+        ? `${questionLabelIds} ${answerLengthInfoId(element)}`
+        : questionLabelIds;
+    useEffect(() => {
+        const { current } = ref;
+        if (current) {
+            if (type === 'single-line' || type === 'integer') {
+                current.style.width = '0';
+                current.style.width = `${current.scrollWidth + borderWidthPx}px`;
+            }
+        }
+    });
+    const onChange = useCallback(event => {
+        const value = event.currentTarget.value.trim();
+        const answer = {
+            type: 'text',
+            questionId,
+            value,
+            characterCount: getCharacterCount(value),
+            displayNumber
+        };
+        dispatch(saveAnswer(answer));
+        setScreenshotError(undefined);
+    }, [questionId, displayNumber]);
+    const [integerValue, setIntegerValue] = useState((answer === null || answer === void 0 ? void 0 : answer.value) || '');
+    const onIntegerChange = useCallback(event => {
+        event.preventDefault();
+        event.currentTarget.classList.remove('text-answer--integer--input-error');
+        const patternForIntegers = /^-?\d*$/;
+        const value = event.currentTarget.value.trim();
+        if (patternForIntegers.test(value)) {
+            setIntegerValue(value);
+            const answer = {
+                type: 'text',
+                questionId,
+                value,
+                characterCount: getCharacterCount(value),
+                displayNumber
+            };
+            dispatch(saveAnswer(answer));
+            setScreenshotError(undefined);
+        }
+        else {
+            event.currentTarget.classList.add('text-answer--integer--input-error');
+            setTimeout((target) => {
+                target.classList.remove('text-answer--integer--input-error');
+            }, 200, event.currentTarget);
+        }
+    }, [questionId, displayNumber]);
+    const onRichTextChange = useCallback((answerHtml, answerText) => {
+        const answer = {
+            type: 'richText',
+            questionId,
+            value: answerHtml,
+            characterCount: getCharacterCount(answerText),
+            displayNumber
+        };
+        dispatch(saveAnswer(answer));
+        setScreenshotError(undefined);
+    }, [questionId, displayNumber]);
+    const onError = useCallback((screenshotError) => setScreenshotError(screenshotError), [screenshotError]);
+    const onFocus = useCallback(() => dispatch(answerFocused(questionId)), [questionId]);
+    const onBlur = useCallback(() => dispatch(answerBlurred(questionId)), [questionId]);
+    const wrappedSelectAnswerVersion = useCallback((questionId, questionText) => dispatch(selectAnswerVersion(questionId, questionText)), []);
+    switch (type) {
+        case 'rich-text':
+            return (React.createElement(React.Fragment, null,
+                maxLength != null && React.createElement(AnswerLengthInfo, { maxLength, id: answerLengthInfoId(element) }),
+                React.createElement("div", { className: "text-answer-container" },
+                    React.createElement(RichTextAnswer, { answer: answer, className: classNames('text-answer text-answer--rich-text', className), saveScreenshot: data => examServerApi.saveScreenshot(questionId, data), onChange: onRichTextChange, onError: onError, questionId: questionId, lang: lang, invalid: invalid, labelledBy: labelledBy }),
+                    React.createElement(AnswerToolbar, { answer,
+                        element,
+                        selectAnswerVersion: wrappedSelectAnswerVersion,
+                        showAnswerHistory,
+                        supportsAnswerHistory,
+                        screenshotError,
+                        validationError }))));
+        case 'integer':
+            return (React.createElement("span", { className: "e-nowrap" },
+                React.createElement("input", { type: "text", className: classNames('text-answer text-answer--single-line text-answer--integer', className), value: integerValue, onChange: onIntegerChange, onFocus: onFocus, onBlur: onBlur, ref: ref, "data-question-id": questionId, lang: lang, "aria-describedby": scoreId, "aria-labelledby": labelledBy }),
+                answers.length > 1 && React.createElement(Score, { score: maxScore, size: "inline", id: scoreId })));
+        case 'single-line':
+        default:
+            return (React.createElement("span", { className: "e-nowrap" },
+                React.createElement("input", { type: "text", className: classNames('text-answer text-answer--single-line', className), defaultValue: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, ref: ref, "data-question-id": questionId, lang: lang, "aria-describedby": scoreId, "aria-labelledby": labelledBy }),
+                answers.length > 1 && React.createElement(Score, { score: maxScore, size: "inline", id: scoreId })));
+    }
+};
+export function getCharacterCount(answerText) {
+    return answerText.replace(/\s/g, '').length;
+}
+export default React.memo(TextAnswerInput);
+//# sourceMappingURL=TextAnswerInput.js.map

package/dist/src/components/exam/internal/TextAnswerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAnswerInput.js","sourceRoot":"","sources":["../../../../../src/components/exam/internal/TextAnswerInput.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/grading/AnswerCharacterCounter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function AnswerCharacterCounter({ characterCount, maxLength }: {
+    characterCount: number;
+    maxLength: number | undefined;
+}): React.JSX.Element;
+//# sourceMappingURL=AnswerCharacterCounter.d.ts.map

package/dist/src/components/grading/AnswerCharacterCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerCharacterCounter.d.ts","sourceRoot":"","sources":["../../../../src/components/grading/AnswerCharacterCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,sBAAsB,CAAC,EACrC,cAAc,EACd,SAAS,EACV,EAAE;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,qBAqBA"}

package/dist/src/components/grading/AnswerCharacterCounter.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useExamTranslation } from '../../i18n';
+export function AnswerCharacterCounter({ characterCount, maxLength }) {
+    const { t } = useExamTranslation();
+    const percentage = countSurplusPercentage(characterCount, maxLength);
+    return (React.createElement("div", { className: "e-font-size-xs e-grading-answer-length" },
+        t('answer-length', {
+            count: characterCount
+        }),
+        percentage > 0 ? (React.createElement("span", { className: "e-grading-answer-max-length-surplus" }, t('max-length-surplus', {
+            maxLength,
+            percentage
+        }))) : ('')));
+}
+function countSurplusPercentage(characters, maxCharacters) {
+    if (!maxCharacters || characters <= maxCharacters) {
+        return 0;
+    }
+    return Math.floor((100 * characters) / maxCharacters - 100);
+}
+//# sourceMappingURL=AnswerCharacterCounter.js.map

package/dist/src/components/grading/AnswerCharacterCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerCharacterCounter.js","sourceRoot":"","sources":["../../../../src/components/grading/AnswerCharacterCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,UAAU,sBAAsB,CAAC,EACrC,cAAc,EACd,SAAS,EAIV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAEpE,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACpD,CAAC,CAAC,eAAe,EAAE;YAClB,KAAK,EAAE,cAAc;SACtB,CAAC;QACD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,8BAAM,SAAS,EAAC,qCAAqC,IAClD,CAAC,CAAC,oBAAoB,EAAE;YACvB,SAAS;YACT,UAAU;SACX,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,UAAkB,EAAE,aAAwC;IAC1F,IAAI,CAAC,aAAa,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAClD,OAAO,CAAC,CAAA;IACV,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,aAAa,GAAG,GAAG,CAAC,CAAA;AAC7D,CAAC"}

package/dist/src/components/grading/GradingAnswer.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Annotation } from '../..';
+type Annotations = {
+    pregrading: Annotation[];
+    censoring: Annotation[];
+};
+type GradingRole = 'pregrading' | 'censoring';
+type GradingAnswerProps = {
+    answer: {
+        type: 'richText' | 'text';
+        characterCount: number;
+        value: string;
+    };
+    language: string;
+    isReadOnly: boolean;
+    gradingRole: GradingRole;
+    maxLength?: number;
+    annotations: Annotations;
+    saveAnnotations: (annotations: Annotations) => void;
+    popupTopMargin?: number;
+};
+export declare function GradingAnswer(props: GradingAnswerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=GradingAnswer.d.ts.map

package/dist/src/components/grading/GradingAnswer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradingAnswer.d.ts","sourceRoot":"","sources":["../../../../src/components/grading/GradingAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAA;AACtF,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AA0BlD,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,UAAU,EAAE,CAAC;IAAC,SAAS,EAAE,UAAU,EAAE,CAAA;CAAE,CAAA;AAExE,KAAK,WAAW,GAAG,YAAY,GAAG,WAAW,CAAA;AAE7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAQtD"}