@digabi/exam-engine-core 23.0.0 → 23.0.2

package/dist/src/components/exam/UndoView.js

@@ -0,0 +1,162 @@
+import axios from 'axios';
+import React from 'react';
+import { UndoHistoryEntry } from './UndoHistoryEntry';
+import FocusTrap from 'focus-trap-react';
+import { useExamTranslation } from '../../i18n';
+const CancelToken = axios.CancelToken;
+function toAnswerHistoryEntry(answer) {
+    return {
+        type: answer.type,
+        value: answer.value,
+        answerTime: answer.answer_time,
+        characterCount: answer.character_count
+    };
+}
+function AnswerDisplay(props) {
+    const { selectedAnswer } = props;
+    return selectedAnswer ? (selectedAnswer.type === 'richText' ? (React.createElement("div", { className: "e-undo-view-answer-content js-undo-answer-detail", dangerouslySetInnerHTML: { __html: selectedAnswer.value } })) : (React.createElement("div", { className: "e-undo-view-answer-content js-undo-answer-detail plainText" }, selectedAnswer.value))) : null;
+}
+function BottomBar(props) {
+    const { selectedAnswer, selectedAnswerIndex, restoreAnswer, questionId } = props;
+    const disableRestoreButton = !selectedAnswer || selectedAnswerIndex === 0;
+    return (React.createElement("div", { className: "e-undo-view-bottom-bar" },
+        React.createElement("button", { className: "e-button-default e-button js-restore-answer-button", disabled: disableRestoreButton, onClick: () => selectedAnswer && restoreAnswer({ ...selectedAnswer, questionId }) },
+            React.createElement(RestoreButtonLabel, null))));
+}
+function escapedHtml(html) {
+    const container = document.createElement('div');
+    container.innerHTML = html;
+    return container.innerText;
+}
+function getAnswerText(answer) {
+    const fullText = answer.type === 'text' ? answer.value : escapedHtml(answer.value);
+    return fullText.replace(/\s+/g, ' ').trim();
+}
+function truncateAnswer(answer, length = 50) {
+    const answerText = getAnswerText(answer);
+    if (answerText.length <= length) {
+        return answerText;
+    }
+    const separator = '…';
+    const charsToShow = length - separator.length;
+    const startChars = Math.ceil(charsToShow / 2);
+    const endChars = charsToShow - startChars;
+    return answerText.substr(0, startChars) + separator + answerText.substr(answerText.length - endChars);
+}
+function countCharacters(answer) {
+    const text = getAnswerText(answer);
+    return text.replace(/\s/g, '').length;
+}
+function countScreenshots(answer) {
+    const answerElement = document.createElement('div');
+    answerElement.innerHTML = answer.value;
+    const equationImageSelector = 'img[src^="/math.svg"], img[src^="data:image/svg+xml"]';
+    const imageCount = answerElement.querySelectorAll('img').length;
+    const emptyImageCount = answerElement.querySelectorAll('img[src=""]').length;
+    const equationCount = answerElement.querySelectorAll(equationImageSelector).length;
+    return imageCount - equationCount - emptyImageCount;
+}
+export class UndoView extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.source = CancelToken.source();
+        this.toggleBodyScroll = (scrollEnabled) => document.documentElement.classList.toggle('e-exam-body-no-scroll', !scrollEnabled);
+        this.keydownListener = (event) => {
+            if (event.keyCode === 13) {
+                const selectedAnswer = this.state.answers[this.state.selectedAnswerIndex];
+                this.props.restoreAnswer({ ...selectedAnswer, questionId: this.props.questionId });
+                this.close();
+            }
+            else if (event.keyCode === 27) {
+                this.close();
+            }
+        };
+        this.state = {
+            answers: [],
+            selectedAnswerIndex: 0,
+            loading: true,
+            loadRetryTimeout: null
+        };
+    }
+    componentDidMount() {
+        this.toggleBodyScroll(false);
+        document.addEventListener('keydown', this.keydownListener, false);
+        void this.fetchAnswerHistory(this.props.questionId);
+    }
+    componentWillUnmount() {
+        this.source.cancel();
+        document.removeEventListener('keydown', this.keydownListener, false);
+        this.toggleBodyScroll(true);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.questionId !== prevProps.questionId) {
+            void this.fetchAnswerHistory(this.props.questionId);
+        }
+    }
+    overlayClicked(event) {
+        const targetClass = event.target.className;
+        if (targetClass.includes('js-undo-overlay')) {
+            this.close();
+        }
+    }
+    async fetchAnswerHistory(questionId) {
+        try {
+            const answerHistoryResult = await axios.get(`/rest/answer-history/${questionId}`, {
+                cancelToken: this.source.token
+            });
+            const answerHistory = answerHistoryResult.data;
+            const answers = answerHistory.map(toAnswerHistoryEntry);
+            this.setState({ answers, selectedAnswerIndex: 0, loading: false, loadRetryTimeout: null });
+        }
+        catch (error) {
+            if (!axios.isCancel(error)) {
+                this.setState({
+                    loadRetryTimeout: window.setTimeout(() => {
+                        void this.fetchAnswerHistory(questionId);
+                    }, 4000)
+                });
+            }
+        }
+    }
+    close() {
+        const timeout = this.state.loadRetryTimeout;
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        this.source.cancel();
+        this.props.close();
+    }
+    render() {
+        const selectedAnswer = this.state.answers[this.state.selectedAnswerIndex];
+        const now = new Date().getTime();
+        return (React.createElement(FocusTrap, null,
+            React.createElement("div", { onClick: this.overlayClicked.bind(this), className: "e-overlay js-undo-overlay", "aria-modal": "true" },
+                React.createElement("div", { id: "undo", className: "e-undo-view" },
+                    React.createElement(CloseButton, { close: this.close.bind(this) }),
+                    this.state.loading ? (React.createElement(Loading, null)) : (React.createElement("div", { className: "e-undo-view-content" },
+                        React.createElement("div", { className: "e-undo-view-answer-index js-undo-answer-index" }, this.state.answers.map((answer, index) => {
+                            const timeSinceAnswer = now - new Date(answer.answerTime).getTime();
+                            const toMinutes = Math.round(timeSinceAnswer / 1000 / 60);
+                            return (React.createElement(UndoHistoryEntry, { key: new Date(answer.answerTime).getTime(), answerIndex: index, selected: index === this.state.selectedAnswerIndex, onChange: index => this.setState({ selectedAnswerIndex: index }), croppedAnswer: truncateAnswer(answer), minutesSinceAnswer: toMinutes, characterCount: countCharacters(answer), screenshotCount: countScreenshots(answer) }));
+                        })),
+                        React.createElement("div", { className: "e-undo-view-right-panel" },
+                            React.createElement("div", { className: "e-undo-view-header js-undo-view-header" },
+                                React.createElement("h3", { className: "e-undo-view-title js-undo-view-title" }, this.props.title)),
+                            React.createElement(AnswerDisplay, { selectedAnswer: selectedAnswer }),
+                            React.createElement(BottomBar, { selectedAnswer: selectedAnswer, selectedAnswerIndex: this.state.selectedAnswerIndex, restoreAnswer: this.props.restoreAnswer, questionId: this.props.questionId }))))))));
+    }
+}
+const Loading = () => {
+    const { t } = useExamTranslation();
+    return React.createElement("div", { style: { padding: '10px' } }, t('undo.loading'));
+};
+const CloseButton = ({ close }) => {
+    const { t } = useExamTranslation();
+    return (React.createElement("div", null,
+        React.createElement("img", { src: "img/closeButton.svg", id: "closeUndoDialogButton", className: "e-undo-view-close-overlay-button js-close-undo-dialog-button", onClick: close, tabIndex: 0, role: "button", "aria-label": t('undo.close') })));
+};
+const RestoreButtonLabel = () => {
+    const { t } = useExamTranslation();
+    return React.createElement("div", null, t('undo.restoreAnswer'));
+};
+//# sourceMappingURL=UndoView.js.map

package/dist/src/components/exam/UndoView.js.map

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ValidationError } from '../../../validateAnswers';
+export declare function ErrorIndicatorForErrors({ validationErrors, inExam }: {
+    validationErrors: ValidationError[];
+    inExam: boolean;
+}): React.JSX.Element | null;
+declare const _default: React.NamedExoticComponent<{}>;
+export default _default;
+//# sourceMappingURL=ErrorIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/exam/internal/ErrorIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAA8B,eAAe,EAAE,MAAM,0BAA0B,CAAA;AA2BtF,wBAAgB,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,MAAM,EACP,EAAE;IACD,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;CAChB,4BAyBA;;AA2BD,wBAAyC"}

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":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,qBAAqB,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,MAAM,gBAAgB,GAAyC,KAAK,CAAC,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC5C,OAAO,CACL;QACG,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,aAAa;YACtD,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,CAAC,IAAI,oBAAC,aAAa,OAAK,KAAK,GAAI;YACnE,CAAC,CAAC,EAAE;QAAE,GAAG;QACV,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CACjC,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAA2C,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,EAAE,EAAE;IACvG,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,OAAO,CACL;QACG,CAAC,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,CAAC;;QAAG,CAAC,CAAC,+BAA+B,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAC7F,CACP,CAAA;AACH,CAAC,CAAA;AACD,MAAM,UAAU,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,MAAM,EAIP;IACC,OAAO,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnC,6BACE,SAAS,EAAE,UAAU,CACnB,EAAE,oDAAoD,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAC1F,gDAAgD,CACjD,EACD,IAAI,EAAC,OAAO;QAEZ,6BAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACjE,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,qBAAqB,EAAE,UAAU,QAAC,SAAS,EAAC,WAAW,GAAG,CACvF;QACN,6BAAK,SAAS,EAAC,4BAA4B,IACxC,gBAAgB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YACtC,MAAM,GAAG,GAAG,eAAe,CAAC,IAAI,GAAG,eAAe,CAAC,aAAa,CAAA;YAChE,QAAQ,eAAe,CAAC,IAAI,EAAE,CAAC;gBAC7B,KAAK,aAAa;oBAChB,OAAO,oBAAC,gBAAgB,IAAO,GAAG,eAAe,EAAE,GAAG,GAAM,CAAA;gBAC9D;oBACE,OAAO,oBAAC,kBAAkB,IAAO,GAAG,eAAe,EAAE,GAAG,GAAM,CAAA;YAClE,CAAC;QACH,CAAC,CAAC,CACE,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;AACD,MAAM,cAAc,GAA4B,GAAG,EAAE;IACnD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAC1G,OAAO,oBAAC,uBAAuB,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,GAAI,CAAA;AACtF,CAAC,CAAA;AAED,MAAM,aAAa,GAAyC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,EAAE;IAC7F,6EAA6E;IAC7E,8EAA8E;IAC9E,6EAA6E;IAC7E,0CAA0C;IAC1C,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;QAC9C,MAAM,OAAO,GAAG,gBAAgB,CAC9B,IAAI,EACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,aAAa,CACrF,CAAA;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;YAC/D,IAAI,YAAY,EAAE,CAAC;gBACjB,OAAO,0CAAG,GAAG,YAAY,CAAC,WAAY,CAAC,IAAI,EAAE,GAAG,CAAI,CAAA;YACtD,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA"}

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"}