@digabi/exam-engine-core 23.13.6 → 23.13.8-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__tests__/playwright/exam/AudioAnswer.test.d.ts +2 -0
- package/dist/__tests__/playwright/exam/AudioAnswer.test.d.ts.map +1 -0
- package/dist/__tests__/playwright/exam/AudioAnswer.test.js +110 -0
- package/dist/__tests__/playwright/exam/AudioAnswer.test.js.map +1 -0
- package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.d.ts +5 -0
- package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.d.ts.map +1 -0
- package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.js +15 -0
- package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.js.map +1 -0
- package/dist/__tests__/tsconfig.tsbuildinfo +1 -1
- package/dist/components/exam/internal/MyAudioRecorder.d.ts +10 -0
- package/dist/components/exam/internal/MyAudioRecorder.d.ts.map +1 -0
- package/dist/components/exam/internal/MyAudioRecorder.js +106 -0
- package/dist/components/exam/internal/MyAudioRecorder.js.map +1 -0
- package/dist/components/exam/internal/MyMediaRecorder.d.ts +10 -0
- package/dist/components/exam/internal/MyMediaRecorder.d.ts.map +1 -0
- package/dist/components/exam/internal/MyMediaRecorder.js +91 -0
- package/dist/components/exam/internal/MyMediaRecorder.js.map +1 -0
- package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts +8 -0
- package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts.map +1 -0
- package/dist/components/shared/internal/AudioErrorRemoveMe.js +17 -0
- package/dist/components/shared/internal/AudioErrorRemoveMe.js.map +1 -0
- package/dist/main-bundle.js +2 -2
- package/package.json +2 -2
- package/dist/__tests__/annotations.test.d.ts +0 -2
- package/dist/__tests__/annotations.test.d.ts.map +0 -1
- package/dist/__tests__/annotations.test.js +0 -217
- package/dist/__tests__/annotations.test.js.map +0 -1
- package/dist/assets/NotoMono.ttf +0 -0
- package/dist/assets/NotoSans-Bold.ttf +0 -0
- package/dist/assets/NotoSans-BoldItalic.ttf +0 -0
- package/dist/assets/NotoSans-Italic.ttf +0 -0
- package/dist/assets/NotoSans-Light.ttf +0 -0
- package/dist/assets/NotoSans-LightItalic.ttf +0 -0
- package/dist/assets/NotoSans-Regular.ttf +0 -0
- package/dist/assets/NotoSans-SemiBold.ttf +0 -0
- package/dist/assets/NotoSans-SemiBoldItalic.ttf +0 -0
- package/dist/assets/closeButton.svg +0 -1
- package/dist/assets/collapse.svg +0 -12
- package/dist/assets/expand.svg +0 -12
- package/dist/assets/helpButton.svg +0 -9
- package/dist/assets/redoButton.svg +0 -5
- package/dist/assets/undoButton.svg +0 -5
- package/dist/components/exam/ExamineExam.d.ts +0 -5
- package/dist/components/exam/ExamineExam.d.ts.map +0 -1
- package/dist/components/exam/ExamineExam.js +0 -20
- package/dist/components/exam/ExamineExam.js.map +0 -1
- package/dist/components/grading/examAnnotationUtils.d.ts +0 -4
- package/dist/components/grading/examAnnotationUtils.d.ts.map +0 -1
- package/dist/components/grading/examAnnotationUtils.js +0 -51
- package/dist/components/grading/examAnnotationUtils.js.map +0 -1
- package/dist/components/shared/AnnotatableText.d.ts +0 -7
- package/dist/components/shared/AnnotatableText.d.ts.map +0 -1
- package/dist/components/shared/AnnotatableText.js +0 -73
- package/dist/components/shared/AnnotatableText.js.map +0 -1
- package/dist/components/shared/AnnotationPopup.d.ts +0 -3
- package/dist/components/shared/AnnotationPopup.d.ts.map +0 -1
- package/dist/components/shared/AnnotationPopup.js +0 -74
- package/dist/components/shared/AnnotationPopup.js.map +0 -1
- package/dist/components/surround.d.ts +0 -8
- package/dist/components/surround.d.ts.map +0 -1
- package/dist/components/surround.js +0 -19
- package/dist/components/surround.js.map +0 -1
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface MyAudioRecorderProps {
|
3
|
+
audioUrl?: string;
|
4
|
+
onSave: (blob: Blob) => void;
|
5
|
+
onDelete: () => void;
|
6
|
+
mediaRecorderOptions?: MediaRecorderOptions;
|
7
|
+
}
|
8
|
+
export declare function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }: MyAudioRecorderProps): React.JSX.Element | null;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=MyAudioRecorder.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MyAudioRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyAudioRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,oBAAoB,4BAkIzG"}
|
@@ -0,0 +1,106 @@
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
3
|
+
import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { useExamTranslation } from '../../../i18n';
|
5
|
+
export function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }) {
|
6
|
+
const [mediaRecorder, setMediaRecorder] = useState();
|
7
|
+
const [timeElapsed, setTimeElapsed] = useState(0);
|
8
|
+
const [status, setStatus] = useState('');
|
9
|
+
const [error, setError] = useState();
|
10
|
+
const timer = useRef();
|
11
|
+
const { t } = useExamTranslation();
|
12
|
+
useEffect(() => {
|
13
|
+
void (async function () {
|
14
|
+
try {
|
15
|
+
const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
16
|
+
//const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true } })
|
17
|
+
const mediaRecorder = new MediaRecorder(mediaStream, mediaRecorderOptions);
|
18
|
+
setMediaRecorder(mediaRecorder);
|
19
|
+
}
|
20
|
+
catch (err) {
|
21
|
+
showError(err);
|
22
|
+
}
|
23
|
+
return () => stopRecording();
|
24
|
+
})();
|
25
|
+
}, []);
|
26
|
+
useEffect(() => {
|
27
|
+
var _a;
|
28
|
+
setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : '');
|
29
|
+
}, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
|
30
|
+
function startRecording() {
|
31
|
+
try {
|
32
|
+
if (mediaRecorder) {
|
33
|
+
startTimer();
|
34
|
+
mediaRecorder.start();
|
35
|
+
//mediaRecorder.start(1000) // to save in chunks
|
36
|
+
mediaRecorder.ondataavailable = onData;
|
37
|
+
mediaRecorder.onerror = (ev) => showError(new Error(ev.message));
|
38
|
+
}
|
39
|
+
}
|
40
|
+
catch (err) {
|
41
|
+
showError(err);
|
42
|
+
}
|
43
|
+
}
|
44
|
+
function stopRecording() {
|
45
|
+
console.info('stop');
|
46
|
+
try {
|
47
|
+
if (mediaRecorder && mediaRecorder.state !== 'inactive') {
|
48
|
+
mediaRecorder.stop();
|
49
|
+
//saveAndStopTimer(new Blob())
|
50
|
+
}
|
51
|
+
}
|
52
|
+
catch (err) {
|
53
|
+
showError(err);
|
54
|
+
}
|
55
|
+
/*if (mediaStream) {
|
56
|
+
mediaStream.getTracks().forEach(track => track.stop())
|
57
|
+
mediaStream = null
|
58
|
+
}*/
|
59
|
+
}
|
60
|
+
function onData(blobEvent) {
|
61
|
+
var _a;
|
62
|
+
clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
|
63
|
+
setTimeElapsed(0);
|
64
|
+
console.info('save');
|
65
|
+
onSave(blobEvent.data);
|
66
|
+
}
|
67
|
+
/*function saveAndStopTimer(blob: Blob) {
|
68
|
+
console.info('save')
|
69
|
+
clearInterval(timer.current?.id)
|
70
|
+
setTimeElapsed(0)
|
71
|
+
onSave(blob)
|
72
|
+
}*/
|
73
|
+
function startTimer() {
|
74
|
+
const timerId = setInterval(() => {
|
75
|
+
var _a, _b;
|
76
|
+
const timeElapsedMs = new Date().getTime() - ((_b = (_a = timer === null || timer === void 0 ? void 0 : timer.current) === null || _a === void 0 ? void 0 : _a.startTime) !== null && _b !== void 0 ? _b : new Date()).getTime();
|
77
|
+
setTimeElapsed(Math.floor(timeElapsedMs / 1000));
|
78
|
+
}, 1000);
|
79
|
+
timer.current = { id: timerId, startTime: new Date() };
|
80
|
+
}
|
81
|
+
function renderTimeElapsed() {
|
82
|
+
const minutes = Math.floor(timeElapsed / 60);
|
83
|
+
const sec = timeElapsed - minutes * 60;
|
84
|
+
const seconds = `00${sec}`.slice(-2);
|
85
|
+
return `${minutes}:${seconds}`;
|
86
|
+
}
|
87
|
+
function showError(err) {
|
88
|
+
setError(err instanceof Error ? err : new Error('unknown error'));
|
89
|
+
}
|
90
|
+
console.info('status', status);
|
91
|
+
return error ? (React.createElement("div", null, error.message)) : status == '' ? null : (React.createElement(React.Fragment, null,
|
92
|
+
React.createElement("div", null,
|
93
|
+
React.createElement("p", null,
|
94
|
+
status != 'recording' && !audioUrl && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
|
95
|
+
React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
|
96
|
+
t('start.recording'))),
|
97
|
+
React.createElement(React.Fragment, null,
|
98
|
+
status == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
|
99
|
+
React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
|
100
|
+
t('stop.recording'))),
|
101
|
+
React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
|
102
|
+
audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
|
103
|
+
React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
|
104
|
+
React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording'))))));
|
105
|
+
}
|
106
|
+
//# sourceMappingURL=MyAudioRecorder.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MyAudioRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyAudioRecorder.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface MyMediaRecorderProps {
|
3
|
+
audioUrl?: string;
|
4
|
+
onSave: (blob: Blob) => void;
|
5
|
+
onDelete: () => void;
|
6
|
+
bitsPerSecond?: number;
|
7
|
+
}
|
8
|
+
export declare function MyMediaRecorder({ onSave, onDelete }: MyMediaRecorderProps): React.JSX.Element;
|
9
|
+
export {};
|
10
|
+
//# sourceMappingURL=MyMediaRecorder.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MyMediaRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyMediaRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBAkHzE"}
|
@@ -0,0 +1,91 @@
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
3
|
+
import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { useExamTranslation } from '../../../i18n';
|
5
|
+
export function MyMediaRecorder({ onSave, onDelete }) {
|
6
|
+
const [mediaRecorder, setMediaRecorder] = useState();
|
7
|
+
const [timeElapsed, setTimeElapsed] = useState(0);
|
8
|
+
const [status, setStatus] = useState('inactive');
|
9
|
+
const [audioUrl, setAudioUrl] = useState();
|
10
|
+
const [error, setError] = useState();
|
11
|
+
const timer = useRef();
|
12
|
+
const { t } = useExamTranslation();
|
13
|
+
useEffect(() => {
|
14
|
+
var _a;
|
15
|
+
setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : 'inactive');
|
16
|
+
}, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
|
17
|
+
async function startRecording() {
|
18
|
+
try {
|
19
|
+
const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
20
|
+
setMediaRecorder(() => {
|
21
|
+
const mediaRecorder = new MediaRecorder(mediaStream);
|
22
|
+
startTimer();
|
23
|
+
mediaRecorder.start();
|
24
|
+
//mediaRecorder.start(1000)
|
25
|
+
mediaRecorder.ondataavailable = onData;
|
26
|
+
return mediaRecorder;
|
27
|
+
});
|
28
|
+
}
|
29
|
+
catch (err) {
|
30
|
+
setError(err instanceof Error ? err : new Error('unknown error'));
|
31
|
+
}
|
32
|
+
}
|
33
|
+
function stopRecording() {
|
34
|
+
try {
|
35
|
+
if (mediaRecorder && mediaRecorder.state !== 'inactive') {
|
36
|
+
mediaRecorder.stop();
|
37
|
+
saveAndStopTimer(new Blob());
|
38
|
+
}
|
39
|
+
}
|
40
|
+
catch (err) {
|
41
|
+
setError(err instanceof Error ? err : new Error('unknown error'));
|
42
|
+
}
|
43
|
+
/*if (mediaStream) {
|
44
|
+
mediaStream.getTracks().forEach(track => track.stop())
|
45
|
+
mediaStream = null
|
46
|
+
}*/
|
47
|
+
}
|
48
|
+
function onData(blobEvent) {
|
49
|
+
console.info('data', blobEvent.data);
|
50
|
+
}
|
51
|
+
function saveAndStopTimer(blob) {
|
52
|
+
var _a;
|
53
|
+
console.info('save');
|
54
|
+
clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
|
55
|
+
setTimeElapsed(0);
|
56
|
+
console.info('save blob', blob);
|
57
|
+
//onSave(blob)
|
58
|
+
}
|
59
|
+
function onDelete() { }
|
60
|
+
function startTimer() {
|
61
|
+
const timerId = setInterval(() => {
|
62
|
+
var _a, _b;
|
63
|
+
const timeElapsedMs = new Date().getTime() - ((_b = (_a = timer === null || timer === void 0 ? void 0 : timer.current) === null || _a === void 0 ? void 0 : _a.startTime) !== null && _b !== void 0 ? _b : new Date()).getTime();
|
64
|
+
setTimeElapsed(Math.floor(timeElapsedMs / 1000));
|
65
|
+
}, 1000);
|
66
|
+
timer.current = { id: timerId, startTime: new Date() };
|
67
|
+
}
|
68
|
+
function renderTimeElapsed() {
|
69
|
+
const minutes = Math.floor(timeElapsed / 60);
|
70
|
+
const sec = timeElapsed - minutes * 60;
|
71
|
+
const seconds = `00${sec}`.slice(-2);
|
72
|
+
return `${minutes}:${seconds}`;
|
73
|
+
}
|
74
|
+
console.info('status', status);
|
75
|
+
return (React.createElement(React.Fragment, null,
|
76
|
+
React.createElement("div", null,
|
77
|
+
React.createElement("p", null,
|
78
|
+
[undefined, 'inactive'].includes(mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
|
79
|
+
React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
|
80
|
+
t('start.recording'))),
|
81
|
+
React.createElement(React.Fragment, null,
|
82
|
+
(mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
|
83
|
+
React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
|
84
|
+
t('stop.recording'))),
|
85
|
+
React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
|
86
|
+
audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
|
87
|
+
React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
|
88
|
+
React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording')))),
|
89
|
+
error && React.createElement("div", null, error.message)));
|
90
|
+
}
|
91
|
+
//# sourceMappingURL=MyMediaRecorder.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MyMediaRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyMediaRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AASlD,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAwB;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAiB,CAAA;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAU,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,EAA2C,CAAA;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;;QACb,SAAS,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,UAAU,CAAC,CAAA;IAC/C,CAAC,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,KAAK,UAAU,cAAc;QAC3B,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;YAC9E,gBAAgB,CAAC,GAAG,EAAE;gBACpB,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,WAAW,CAAC,CAAA;gBACpD,UAAU,EAAE,CAAA;gBACZ,aAAa,CAAC,KAAK,EAAE,CAAA;gBACrB,2BAA2B;gBAC3B,aAAa,CAAC,eAAe,GAAG,MAAM,CAAA;gBACtC,OAAO,aAAa,CAAA;YACtB,CAAC,CAAC,CAAA;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;QACnE,CAAC;IACH,CAAC;IAED,SAAS,aAAa;QACpB,IAAI,CAAC;YACH,IAAI,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;gBACxD,aAAa,CAAC,IAAI,EAAE,CAAA;gBACpB,gBAAgB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;QACnE,CAAC;QAED;;;WAGG;IACL,CAAC;IAED,SAAS,MAAM,CAAC,SAAoB;QAClC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,SAAS,gBAAgB,CAAC,IAAU;;QAClC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpB,aAAa,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,EAAE,CAAC,CAAA;QAChC,cAAc,CAAC,CAAC,CAAC,CAAA;QACjB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QAC/B,cAAc;IAChB,CAAC;IAED,SAAS,QAAQ,KAAI,CAAC;IAEtB,SAAS,UAAU;QACjB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;;YAC/B,MAAM,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,SAAS,mCAAI,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;YAChG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAA;QAClD,CAAC,EAAE,IAAI,CAAC,CAAA;QACR,KAAK,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAA;IACxD,CAAC;IAED,SAAS,iBAAiB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAA;QAC5C,MAAM,GAAG,GAAG,WAAW,GAAG,OAAO,GAAG,EAAE,CAAA;QACtC,MAAM,OAAO,GAAG,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QACpC,OAAO,GAAG,OAAO,IAAI,OAAO,EAAE,CAAA;IAChC,CAAC;IAED,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE9B,OAAO,CACL;QACE;YACE;gBACG,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,IAAI,CACzD,gCAAQ,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,EAAE;oBAC/E,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,YAAY,EAAE,UAAU,SAAG;oBAC3D,CAAC,CAAC,iBAAiB,CAAC,CACd,CACV;gBACD;oBACG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,WAAW,IAAI,CACtC,gCAAQ,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,aAAa;wBAChE,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAG;wBACrD,CAAC,CAAC,gBAAgB,CAAC,CACb,CACV;oBACD,8BAAM,SAAS,EAAC,cAAc,IAAE,iBAAiB,EAAE,CAAQ,CAC1D,CACD,CACA;QACL,QAAQ,IAAI,CACX,6BAAK,SAAS,EAAC,uBAAuB;YACpC,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,UAAU,EAClB,QAAQ,QACR,YAAY,EAAC,YAAY,GACzB;YACF,gCAAQ,SAAS,EAAC,oCAAoC,EAAC,OAAO,EAAE,QAAQ,IACrE,CAAC,CAAC,kBAAkB,CAAC,CACf,CACL,CACP;QACA,KAAK,IAAI,iCAAM,KAAK,CAAC,OAAO,CAAO,CACnC,CACJ,CAAA;AACH,CAAC"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { AudioError } from '../../../index';
|
3
|
+
declare const AudioErrorRemoveMe: React.FunctionComponent<{
|
4
|
+
error?: AudioError;
|
5
|
+
children: React.ReactNode[] | React.ReactNode;
|
6
|
+
}>;
|
7
|
+
export default AudioErrorRemoveMe;
|
8
|
+
//# sourceMappingURL=AudioErrorRemoveMe.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AudioErrorRemoveMe.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioErrorRemoveMe.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;CAC9C,CAkBA,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
3
|
+
import React from 'react';
|
4
|
+
import ReactCSSTransitionReplace from 'react-css-transition-replace';
|
5
|
+
import { useExamTranslation } from '../../../i18n';
|
6
|
+
const AudioErrorRemoveMe = ({ error, children }) => {
|
7
|
+
const { t } = useExamTranslation();
|
8
|
+
return (
|
9
|
+
// @types/react 18 removed children from implicit props. This component has not explicitly added them yet
|
10
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
11
|
+
// @ts-ignore
|
12
|
+
React.createElement(ReactCSSTransitionReplace, { transitionName: "e-crossfade", transitionEnterTimeout: 500, transitionLeaveTimeout: 500 }, error != null ? (React.createElement("div", { className: "e-color-error", role: "alert" },
|
13
|
+
React.createElement(FontAwesomeIcon, { icon: faExclamationTriangle, className: "e-mrg-r-1" }),
|
14
|
+
t(`audio-errors.${error}`))) : (React.createElement("div", { key: "no-error" }, children))));
|
15
|
+
};
|
16
|
+
export default AudioErrorRemoveMe;
|
17
|
+
//# sourceMappingURL=AudioErrorRemoveMe.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AudioErrorRemoveMe.js","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioErrorRemoveMe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,yBAAyB,MAAM,8BAA8B,CAAA;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,kBAAkB,GAGnB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,OAAO;IACL,yGAAyG;IACzG,6DAA6D;IAC7D,aAAa;IACb,oBAAC,yBAAyB,IAAC,cAAc,EAAC,aAAa,EAAC,sBAAsB,EAAE,GAAG,EAAE,sBAAsB,EAAE,GAAG,IAC7G,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO;QACzC,oBAAC,eAAe,IAAC,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAC,WAAW,GAAG;QACrE,CAAC,CAAC,gBAAgB,KAAK,EAAW,CAAC,CAChC,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAC,UAAU,IAAE,QAAQ,CAAO,CACrC,CACyB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|