@digabi/exam-engine-core 23.3.0 → 23.4.0
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/assets/closeButton.svg +1 -0
- package/dist/assets/collapse.svg +12 -0
- package/dist/assets/expand.svg +12 -0
- package/dist/assets/helpButton.svg +9 -0
- package/dist/assets/redoButton.svg +5 -0
- package/dist/assets/undoButton.svg +5 -0
- package/dist/components/exam/DNDAnswer.d.ts +17 -0
- package/dist/components/exam/DNDAnswer.d.ts.map +1 -0
- package/dist/components/exam/DNDAnswer.js +18 -0
- package/dist/components/exam/DNDAnswer.js.map +1 -0
- package/dist/components/exam/DNDAnswerOption.d.ts +4 -0
- package/dist/components/exam/DNDAnswerOption.d.ts.map +1 -0
- package/dist/components/exam/DNDAnswerOption.js +18 -0
- package/dist/components/exam/DNDAnswerOption.js.map +1 -0
- package/dist/components/exam/DragAndDrop.d.ts +3 -0
- package/dist/components/exam/DragAndDrop.d.ts.map +1 -0
- package/dist/components/exam/DragAndDrop.js +150 -0
- package/dist/components/exam/DragAndDrop.js.map +1 -0
- package/dist/components/exam/FinishExam.d.ts +5 -0
- package/dist/components/exam/FinishExam.d.ts.map +1 -0
- package/dist/components/exam/FinishExam.js +17 -0
- package/dist/components/exam/FinishExam.js.map +1 -0
- package/dist/components/results/AudioPlaceholder.d.ts +4 -0
- package/dist/components/results/AudioPlaceholder.d.ts.map +1 -0
- package/dist/components/results/AudioPlaceholder.js +25 -0
- package/dist/components/results/AudioPlaceholder.js.map +1 -0
- package/dist/components/results/DNDAnswer.d.ts +17 -0
- package/dist/components/results/DNDAnswer.d.ts.map +1 -0
- package/dist/components/results/DNDAnswer.js +16 -0
- package/dist/components/results/DNDAnswer.js.map +1 -0
- package/dist/components/results/isExamFinishPageHook.d.ts +2 -0
- package/dist/components/results/isExamFinishPageHook.d.ts.map +1 -0
- package/dist/components/results/isExamFinishPageHook.js +7 -0
- package/dist/components/results/isExamFinishPageHook.js.map +1 -0
- package/dist/components/shared/DNDAnswerCommon.d.ts +14 -0
- package/dist/components/shared/DNDAnswerCommon.d.ts.map +1 -0
- package/dist/components/shared/DNDAnswerCommon.js +25 -0
- package/dist/components/shared/DNDAnswerCommon.js.map +1 -0
- package/dist/components/shared/DNDAnswerOptionCommon.d.ts +6 -0
- package/dist/components/shared/DNDAnswerOptionCommon.d.ts.map +1 -0
- package/dist/components/shared/DNDAnswerOptionCommon.js +14 -0
- package/dist/components/shared/DNDAnswerOptionCommon.js.map +1 -0
- package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts +13 -0
- package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts.map +1 -0
- package/dist/components/shared/DNDTitleAndAnswerCommon.js +23 -0
- package/dist/components/shared/DNDTitleAndAnswerCommon.js.map +1 -0
- package/dist/main-bundle.js +1 -1
- package/package.json +2 -2
@@ -0,0 +1 @@
|
|
1
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30"><defs><clipPath id="clip-path"><path d="M141.57-89.324v-2.34H143.2v2.34A2.3,2.3,0,0,1,140.9-87.03H130.1a2.3,2.3,0,0,1-2.292-2.294v-17.029a2.294,2.294,0,0,1,2.292-2.292h10.8a2.3,2.3,0,0,1,2.295,2.292v2.342H141.57v-2.342a.669.669,0,0,0-.67-.667H130.1a.667.667,0,0,0-.667.667v17.029a.668.668,0,0,0,.667.669h10.8A.67.67,0,0,0,141.57-89.324Zm3.271-13.579a1.069,1.069,0,0,1,1.825-.755l5.065,5.065a1.065,1.065,0,0,1,0,1.511l-5.065,5.067a1.07,1.07,0,0,1-1.825-.757v-2.412h-6.633a2.3,2.3,0,0,1-2.3-2.3v-.7a2.3,2.3,0,0,1,2.3-2.3h6.633V-102.9" fill="none" clip-rule="evenodd"/></clipPath><clipPath id="clip-path-2"><ellipse cx="10" cy="-29.606" rx="15" ry="14.933" fill="none"/></clipPath></defs><title>closeButton</title><rect width="30" height="30" fill="#fff" opacity="0"/><line x1="25" y1="5" x2="5" y2="25" fill="none" stroke="#6d6d6d" stroke-miterlimit="10" stroke-width="3"/><line x1="5" y1="5" x2="25" y2="25" fill="none" stroke="#6d6d6d" stroke-miterlimit="10" stroke-width="3"/></svg>
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg width="19px" height="12px" viewBox="0 0 19 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
3
|
+
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
4
|
+
<title>Page 1</title>
|
5
|
+
<desc>Created with Sketch.</desc>
|
6
|
+
<defs></defs>
|
7
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
8
|
+
<g id="Kuuntelu-kokelas-painaa-nappia-Copy-18" transform="translate(-1068.000000, -19.000000)" stroke-width="3" stroke="#359BB7">
|
9
|
+
<polyline id="Page-1" transform="translate(1077.999981, 26.000000) rotate(180.000000) translate(-1077.999981, -26.000000) " points="1085.99996 22 1077.99996 30 1070 22"></polyline>
|
10
|
+
</g>
|
11
|
+
</g>
|
12
|
+
</svg>
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
2
|
+
<svg width="18px" height="12px" viewBox="0 0 18 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
3
|
+
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
4
|
+
<title>Page 1</title>
|
5
|
+
<desc>Created with Sketch.</desc>
|
6
|
+
<defs></defs>
|
7
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
8
|
+
<g id="Kuuntelu-kokelas-painaa-nappia-Copy-18" transform="translate(-1069.000000, -21.000000)" stroke-width="3" stroke="#359BB7">
|
9
|
+
<polyline id="Page-1" points="1085.99996 22 1077.99996 30 1070 22"></polyline>
|
10
|
+
</g>
|
11
|
+
</g>
|
12
|
+
</svg>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<svg version="1.1"
|
2
|
+
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
|
3
|
+
x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
4
|
+
<path fill="#359BB7" d="M10,20C4.48,20,0,15.52,0,10C0,4.48,4.48,0,10,0s10,4.48,10,10C20,15.52,15.52,20,10,20z M5.57,5.88
|
5
|
+
c-0.14,0.21-0.09,0.5,0.11,0.66l1.4,1.06c0.21,0.16,0.51,0.12,0.67-0.09c0.72-0.91,1.21-1.44,2.31-1.44c0.82,0,1.84,0.53,1.84,1.33
|
6
|
+
c0,0.6-0.5,0.91-1.31,1.37c-0.95,0.53-2.2,1.19-2.2,2.85v0.16c0,0.27,0.22,0.48,0.48,0.48h2.26c0.27,0,0.48-0.22,0.48-0.48v-0.05
|
7
|
+
c0-1.15,3.35-1.2,3.35-4.3c0-2.34-2.43-4.11-4.7-4.11C8.07,3.31,6.67,4.23,5.57,5.88z M8.15,15.16c0,1.02,0.83,1.85,1.85,1.85
|
8
|
+
s1.85-0.83,1.85-1.85s-0.83-1.85-1.85-1.85S8.15,14.14,8.15,15.16z"/>
|
9
|
+
</svg>
|
@@ -0,0 +1,5 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" version="1.1">
|
2
|
+
<g id="surface1">
|
3
|
+
<path fill="#359BB7" d="M 18.316406 1.253906 C 18.859375 1.253906 19.378906 1.675781 19.378906 2.3125 L 19.378906 8.007812 C 19.378906 8.421875 19.042969 8.757812 18.628906 8.757812 L 12.9375 8.757812 C 12.300781 8.757812 11.882812 8.238281 11.882812 7.695312 C 11.882812 7.4375 11.976562 7.171875 12.191406 6.957031 L 13.953125 5.195312 C 12.851562 4.289062 11.460938 3.761719 9.996094 3.761719 C 6.554688 3.761719 3.753906 6.5625 3.753906 10.003906 C 3.753906 13.449219 6.554688 16.246094 9.996094 16.246094 C 12.851562 16.246094 13.488281 14.75 14.492188 14.75 C 15.214844 14.75 15.742188 15.335938 15.742188 15.996094 C 15.742188 17.367188 12.554688 18.75 10 18.75 C 5.179688 18.75 1.253906 14.824219 1.253906 10.003906 C 1.253906 5.183594 5.179688 1.265625 10 1.265625 C 12.132812 1.265625 14.148438 2.0625 15.71875 3.425781 L 17.578125 1.566406 C 17.792969 1.351562 18.058594 1.253906 18.316406 1.253906 Z M 18.316406 1.253906 "/>
|
4
|
+
</g>
|
5
|
+
</svg>
|
@@ -0,0 +1,5 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 0 20 20" version="1.1">
|
2
|
+
<g id="surface1">
|
3
|
+
<path fill="#359BB7" d="M 18.75 10 C 18.75 14.820312 14.824219 18.746094 10.003906 18.746094 C 8.097656 18.746094 6.285156 18.136719 4.761719 16.992188 C 4.210938 16.578125 4.097656 15.796875 4.511719 15.242188 C 4.925781 14.691406 5.707031 14.582031 6.261719 14.996094 C 7.351562 15.8125 8.644531 16.242188 10.007812 16.242188 C 13.449219 16.242188 16.25 13.441406 16.25 10 C 16.25 6.558594 13.449219 3.757812 10.007812 3.757812 C 8.542969 3.757812 7.152344 4.285156 6.050781 5.1875 L 7.8125 6.953125 C 8.476562 7.617188 8.007812 8.753906 7.066406 8.753906 L 1.375 8.753906 C 0.960938 8.753906 0.625 8.417969 0.625 8.003906 L 0.625 2.304688 C 0.625 1.367188 1.761719 0.898438 2.425781 1.5625 L 4.285156 3.421875 C 5.855469 2.058594 7.871094 1.253906 10.003906 1.253906 C 14.824219 1.253906 18.75 5.179688 18.75 10 Z M 18.75 10 "/>
|
4
|
+
</g>
|
5
|
+
</svg>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
2
|
+
import React from 'react';
|
3
|
+
import { ExamComponentProps } from '../..';
|
4
|
+
export type ItemsState = {
|
5
|
+
root: UniqueIdentifier[];
|
6
|
+
[key: UniqueIdentifier]: UniqueIdentifier[];
|
7
|
+
};
|
8
|
+
export declare const DNDAnswer: ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, displayNumber, maxScore }: {
|
9
|
+
items: ItemsState;
|
10
|
+
answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
|
11
|
+
questionId: UniqueIdentifier;
|
12
|
+
renderChildNodes: ExamComponentProps["renderChildNodes"];
|
13
|
+
titleElement?: Element;
|
14
|
+
displayNumber?: string;
|
15
|
+
maxScore?: number;
|
16
|
+
}) => React.JSX.Element;
|
17
|
+
//# sourceMappingURL=DNDAnswer.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswer.d.ts","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAI1C,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,CAAC,GAAG,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,SAAS,gGAOnB;IACD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,UAAU,EAAE,gBAAgB,CAAA;IAC5B,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,sBAyBA,CAAA"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { useDroppable } from '@dnd-kit/core';
|
2
|
+
import { SortableContext } from '@dnd-kit/sortable';
|
3
|
+
import React from 'react';
|
4
|
+
import { DNDAnswerCommon } from '../shared/DNDAnswerCommon';
|
5
|
+
import { Score } from '../shared/Score';
|
6
|
+
export const DNDAnswer = ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, displayNumber, maxScore }) => {
|
7
|
+
const idsInGroup = items[questionId] || [];
|
8
|
+
const { setNodeRef, isOver, active } = useDroppable({ id: questionId });
|
9
|
+
return (React.createElement(SortableContext, { id: String(questionId), items: idsInGroup },
|
10
|
+
React.createElement("div", { ref: setNodeRef, style: { flex: 'none' } },
|
11
|
+
React.createElement(DNDAnswerCommon, { renderChildNodes: renderChildNodes, items: items, answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber, classes: {
|
12
|
+
hovered: isOver,
|
13
|
+
root: questionId === 'root',
|
14
|
+
'ready-for-drop': !!(active === null || active === void 0 ? void 0 : active.id)
|
15
|
+
}, isInExam: true })),
|
16
|
+
maxScore ? React.createElement(Score, { score: maxScore, size: "small" }) : null));
|
17
|
+
};
|
18
|
+
//# sourceMappingURL=DNDAnswer.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswer.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAOvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,aAAa,EACb,QAAQ,EAST,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;IAC1C,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAA;IAEvE,OAAO,CACL,oBAAC,eAAe,IAAC,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU;QACxD,6BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC3C,oBAAC,eAAe,IACd,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,UAAU,KAAK,MAAM;oBAC3B,gBAAgB,EAAE,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAA;iBAC/B,EACD,QAAQ,EAAE,IAAI,GACd,CACE;QAEL,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAC1C,CACnB,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerOption.d.ts","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAI1C,eAAO,MAAM,eAAe,kCAAmC,kBAAkB,sBAkBhF,CAAA"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { useDraggable } from '@dnd-kit/core';
|
2
|
+
import { faUpDownLeftRight } from '@fortawesome/free-solid-svg-icons';
|
3
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
4
|
+
import React from 'react';
|
5
|
+
import { getNumericAttribute } from '../../dom-utils';
|
6
|
+
import { DNDAnswerOptionCommon } from '../shared/DNDAnswerOptionCommon';
|
7
|
+
export const DNDAnswerOption = ({ element, renderChildNodes }) => {
|
8
|
+
const optionId = getNumericAttribute(element, 'option-id');
|
9
|
+
const { attributes, listeners, setNodeRef, isDragging, setActivatorNodeRef } = useDraggable({
|
10
|
+
id: optionId
|
11
|
+
});
|
12
|
+
const style = { opacity: isDragging ? 0.3 : 1 };
|
13
|
+
return (React.createElement("div", { ref: setNodeRef, style: { display: 'flex' } },
|
14
|
+
React.createElement(DNDAnswerOptionCommon, { element: element, renderChildNodes: renderChildNodes, style: style }),
|
15
|
+
React.createElement("div", { ...listeners, ...attributes, ref: setActivatorNodeRef, className: "drag-handle" },
|
16
|
+
React.createElement(FontAwesomeIcon, { size: "1x", icon: faUpDownLeftRight }))));
|
17
|
+
};
|
18
|
+
//# sourceMappingURL=DNDAnswerOption.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerOption.js","sourceRoot":"","sources":["../../../src/components/exam/DNDAnswerOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAsB,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAE,CAAA;IAE3D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,YAAY,CAAC;QAC1F,EAAE,EAAE,QAAQ;KACb,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE/C,OAAO,CACL,6BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9C,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAI;QAE7F,gCAAS,SAAS,KAAM,UAAU,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAC,aAAa;YACnF,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,iBAAiB,GAAI,CAClD,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/components/exam/DragAndDrop.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA6C,MAAM,OAAO,CAAA;AASjE,wBAAgB,WAAW,sBA+K1B"}
|
@@ -0,0 +1,150 @@
|
|
1
|
+
import { closestCenter, DndContext, DragOverlay, KeyboardSensor, MeasuringStrategy, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
|
2
|
+
import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
3
|
+
import { CSS } from '@dnd-kit/utilities';
|
4
|
+
import React, { forwardRef, useState } from 'react';
|
5
|
+
export function DragAndDrop() {
|
6
|
+
var _a;
|
7
|
+
const [activeId, setActiveId] = useState(null);
|
8
|
+
const [items, setItems] = useState({
|
9
|
+
a: [
|
10
|
+
{
|
11
|
+
id: 1,
|
12
|
+
value: React.createElement("span", null, "moi")
|
13
|
+
},
|
14
|
+
{
|
15
|
+
id: 2,
|
16
|
+
value: (React.createElement("img", { src: "https://its-finland.fi/wp-content/uploads/2023/06/ytl-toimiliitto-1-uai-780x438-1.jpg", width: "50" }))
|
17
|
+
}
|
18
|
+
],
|
19
|
+
b: [
|
20
|
+
{
|
21
|
+
id: 3,
|
22
|
+
value: React.createElement("span", null, "hej")
|
23
|
+
},
|
24
|
+
{
|
25
|
+
id: 4,
|
26
|
+
value: React.createElement("span", null, "hello")
|
27
|
+
}
|
28
|
+
]
|
29
|
+
});
|
30
|
+
const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
|
31
|
+
coordinateGetter: sortableKeyboardCoordinates
|
32
|
+
}));
|
33
|
+
const findContainerId = (id) => {
|
34
|
+
if (id in items) {
|
35
|
+
return id;
|
36
|
+
}
|
37
|
+
return Object.keys(items).find(key => items[key].flatMap(i => i.id).includes(id));
|
38
|
+
};
|
39
|
+
return (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, onDragStart: handleDragStart, onDragOver: handleDragOver, measuring: {
|
40
|
+
droppable: {
|
41
|
+
strategy: MeasuringStrategy.Always
|
42
|
+
}
|
43
|
+
} },
|
44
|
+
Object.keys(items).map((containerId, index) => (React.createElement(SortableContext, { items: items[containerId], strategy: verticalListSortingStrategy, key: containerId },
|
45
|
+
React.createElement("div", { style: {
|
46
|
+
display: 'inline-flex',
|
47
|
+
flexDirection: 'column',
|
48
|
+
gap: '.5rem',
|
49
|
+
padding: '1rem',
|
50
|
+
background: index === 0 ? '#ffa' : '#faf',
|
51
|
+
minWidth: '200px',
|
52
|
+
minHeight: '50px'
|
53
|
+
} }, items[containerId].map(item => (React.createElement(SortableItem, { key: item.id, id: item.id, active: activeId === item.id.toString() }, item.value))))))),
|
54
|
+
React.createElement(DragOverlay, null, activeId ? (React.createElement(Item, { id: activeId }, (_a = Object.values(items)
|
55
|
+
.flat()
|
56
|
+
.find(i => i.id.toString() === activeId)) === null || _a === void 0 ? void 0 : _a.value)) : ('null'))));
|
57
|
+
function handleDragOver(event) {
|
58
|
+
const { over, active } = event;
|
59
|
+
const overId = over === null || over === void 0 ? void 0 : over.id;
|
60
|
+
if (overId == null || active.id in items) {
|
61
|
+
return;
|
62
|
+
}
|
63
|
+
const overContainer = findContainerId(overId);
|
64
|
+
const activeContainer = findContainerId(active.id);
|
65
|
+
if (!overContainer || !activeContainer) {
|
66
|
+
return;
|
67
|
+
}
|
68
|
+
if (activeContainer !== overContainer) {
|
69
|
+
setItems(items => {
|
70
|
+
const activeItems = items[activeContainer].flatMap(item => item.id);
|
71
|
+
const overItems = items[overContainer].flatMap(item => item.id);
|
72
|
+
const activeIndex = activeItems.indexOf(active.id);
|
73
|
+
const overIndex = overItems.indexOf(overId);
|
74
|
+
const isBelowOverItem = over &&
|
75
|
+
active.rect.current.translated &&
|
76
|
+
active.rect.current.translated.top > over.rect.top + over.rect.height;
|
77
|
+
const modifier = isBelowOverItem ? 1 : 0;
|
78
|
+
const newIndex = overIndex >= 0 ? overIndex + modifier : overItems.length + 1;
|
79
|
+
const newActiveItems = items[activeContainer].filter(item => item.id !== active.id);
|
80
|
+
const newOverItems = [
|
81
|
+
...items[overContainer].slice(0, newIndex),
|
82
|
+
items[activeContainer][activeIndex],
|
83
|
+
...items[overContainer].slice(newIndex, items[overContainer].length)
|
84
|
+
];
|
85
|
+
return {
|
86
|
+
...items,
|
87
|
+
[activeContainer]: newActiveItems,
|
88
|
+
[overContainer]: newOverItems
|
89
|
+
};
|
90
|
+
});
|
91
|
+
}
|
92
|
+
}
|
93
|
+
function handleDragEnd(event) {
|
94
|
+
console.log('end', event);
|
95
|
+
const { active, over } = event;
|
96
|
+
const activeContainer = findContainerId(active.id);
|
97
|
+
if (!activeContainer) {
|
98
|
+
setActiveId(null);
|
99
|
+
return;
|
100
|
+
}
|
101
|
+
const overId = over === null || over === void 0 ? void 0 : over.id;
|
102
|
+
if (overId == null) {
|
103
|
+
setActiveId(null);
|
104
|
+
return;
|
105
|
+
}
|
106
|
+
const overContainer = findContainerId(overId);
|
107
|
+
if (overContainer) {
|
108
|
+
const activeIndex = items[activeContainer].flatMap(i => i.id).indexOf(active.id);
|
109
|
+
const overIndex = items[overContainer].flatMap(i => i.id).indexOf(overId);
|
110
|
+
if (activeIndex !== overIndex) {
|
111
|
+
setItems(items => ({
|
112
|
+
...items,
|
113
|
+
[overContainer]: arrayMove(items[overContainer], activeIndex, overIndex)
|
114
|
+
}));
|
115
|
+
}
|
116
|
+
}
|
117
|
+
setActiveId(null);
|
118
|
+
}
|
119
|
+
function handleDragStart(event) {
|
120
|
+
const { active } = event;
|
121
|
+
console.log('START', active.id);
|
122
|
+
setActiveId(active.id.toString());
|
123
|
+
}
|
124
|
+
}
|
125
|
+
function SortableItem({ id, active, children }) {
|
126
|
+
const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id });
|
127
|
+
const style = {
|
128
|
+
transform: CSS.Transform.toString(transform),
|
129
|
+
opacity: active ? 0.5 : 1,
|
130
|
+
transition
|
131
|
+
};
|
132
|
+
return (React.createElement("div", { style: style },
|
133
|
+
React.createElement(Item, { ref: setNodeRef, ...attributes, ...listeners, id: id }, children)));
|
134
|
+
}
|
135
|
+
const Item = forwardRef(({ id, children, ...props }, ref) => {
|
136
|
+
const style = {
|
137
|
+
border: '1px solid black',
|
138
|
+
padding: '.5rem',
|
139
|
+
display: 'inline-block',
|
140
|
+
background: 'pink',
|
141
|
+
minWidth: '100px'
|
142
|
+
};
|
143
|
+
//console.log('item children', children)
|
144
|
+
return (React.createElement("div", { ...props, ref: ref, style: style },
|
145
|
+
children,
|
146
|
+
" ",
|
147
|
+
id));
|
148
|
+
});
|
149
|
+
Item.displayName = 'Item';
|
150
|
+
//# sourceMappingURL=DragAndDrop.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/components/exam/DragAndDrop.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"FinishExam.d.ts","sourceRoot":"","sources":["../../../src/components/exam/FinishExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,iBAAS,UAAU,sBAoBlB;;AAED,wBAAqC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import React, { useContext } from 'react';
|
2
|
+
import { useExamTranslation } from '../../i18n';
|
3
|
+
import { ExamContext } from '../context/ExamContext';
|
4
|
+
function FinishExam() {
|
5
|
+
const { examServerApi } = useContext(ExamContext);
|
6
|
+
const { finishExam } = examServerApi;
|
7
|
+
const { t } = useExamTranslation();
|
8
|
+
const goToInspectAnswers = () => {
|
9
|
+
finishExam();
|
10
|
+
window.scrollTo(0, 0);
|
11
|
+
};
|
12
|
+
return (React.createElement("div", { className: "e-finish-exam" },
|
13
|
+
React.createElement("button", { id: "finishExam", onClick: goToInspectAnswers, "aria-describedby": "finishExamInstructions" }, t('finish-exam.finish')),
|
14
|
+
React.createElement("div", { className: "e-finish-exam-instructions", id: "finishExamInstructions" }, t('finish-exam.instructions'))));
|
15
|
+
}
|
16
|
+
export default React.memo(FinishExam);
|
17
|
+
//# sourceMappingURL=FinishExam.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"FinishExam.js","sourceRoot":"","sources":["../../../src/components/exam/FinishExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,SAAS,UAAU;IACjB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAA;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,UAAU,EAAE,CAAA;QACZ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC5B,gCAAQ,EAAE,EAAC,YAAY,EAAC,OAAO,EAAE,kBAAkB,sBAAmB,wBAAwB,IAC3F,CAAC,CAAC,oBAAoB,CAAC,CACjB;QACT,6BAAK,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAC,wBAAwB,IACpE,CAAC,CAAC,0BAA0B,CAAC,CAC1B,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AudioPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/results/AudioPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAQjE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BzD,CAAA"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { getNumericAttribute } from '../../dom-utils';
|
3
|
+
import { audioLabelId } from '../../ids';
|
4
|
+
import Audio from '../shared/Audio';
|
5
|
+
import { faPlay } from '@fortawesome/free-solid-svg-icons';
|
6
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
7
|
+
import { formatDuration } from '../shared/internal/RestrictedAudioPlayer';
|
8
|
+
export const AudioPlaceholder = ({ element, renderChildNodes }) => {
|
9
|
+
const restricted = !!getNumericAttribute(element, 'times');
|
10
|
+
const duration = getNumericAttribute(element, 'duration');
|
11
|
+
const labelId = audioLabelId(element);
|
12
|
+
if (restricted) {
|
13
|
+
return (React.createElement("div", { className: "audio e-columns e-columns--center-v e-mrg-b-2" },
|
14
|
+
React.createElement("div", { className: "e-pad-1 restricted-audio-player restricted-audio-player--disabled e-columns e-columns--center-v" },
|
15
|
+
React.createElement("button", { className: "restricted-audio-player__play e-column e-column--narrow", disabled: true, onClick: () => undefined },
|
16
|
+
React.createElement(FontAwesomeIcon, { icon: faPlay, fixedWidth: true })),
|
17
|
+
React.createElement("span", { className: "e-column e-text-right e-column" }, formatDuration(duration))),
|
18
|
+
React.createElement("span", { className: "e-pad-l-2", id: labelId },
|
19
|
+
React.createElement("em", null, "Ei kuunneltavissa"))));
|
20
|
+
}
|
21
|
+
else {
|
22
|
+
return React.createElement(Audio, { element: element, renderChildNodes: renderChildNodes });
|
23
|
+
}
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=AudioPlaceholder.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AudioPlaceholder.js","sourceRoot":"","sources":["../../../src/components/results/AudioPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,KAAK,MAAM,iBAAiB,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAA;AAEzE,MAAM,CAAC,MAAM,gBAAgB,GAAiC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC9F,MAAM,UAAU,GAAG,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAE,CAAA;IAC1D,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAErC,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,6BAAK,SAAS,EAAC,+CAA+C;YAC5D,6BAAK,SAAS,EAAC,iGAAiG;gBAC9G,gCACE,SAAS,EAAC,yDAAyD,EACnE,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;oBAExB,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAG,CACrC;gBACT,8BAAM,SAAS,EAAC,gCAAgC,IAAE,cAAc,CAAC,QAAQ,CAAC,CAAQ,CAC9E;YAEN,8BAAM,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,OAAO;gBACrC,oDAA0B,CACrB,CACH,CACP,CAAA;IACH,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAAA;IACxE,CAAC;AACH,CAAC,CAAA"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
2
|
+
import React from 'react';
|
3
|
+
import { ExamComponentProps } from '../..';
|
4
|
+
type ItemsState = {
|
5
|
+
root: UniqueIdentifier[];
|
6
|
+
[key: UniqueIdentifier]: UniqueIdentifier[];
|
7
|
+
};
|
8
|
+
export declare const DNDAnswer: ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, displayNumber, maxScore }: {
|
9
|
+
renderChildNodes: ExamComponentProps["renderChildNodes"];
|
10
|
+
items: ItemsState;
|
11
|
+
answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
|
12
|
+
questionId: UniqueIdentifier;
|
13
|
+
displayNumber: string;
|
14
|
+
maxScore?: number;
|
15
|
+
}) => React.JSX.Element;
|
16
|
+
export {};
|
17
|
+
//# sourceMappingURL=DNDAnswer.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswer.d.ts","sourceRoot":"","sources":["../../../src/components/results/DNDAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,gBAAgB,EAAE,CAAA;IACxB,CAAC,GAAG,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,SAAS,gGAOnB;IACD,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,sBA4BA,CAAA"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React, { useContext } from 'react';
|
2
|
+
import { findMultiChoiceFromGradingStructure, ResultsContext } from '../context/ResultsContext';
|
3
|
+
import { DNDAnswerCommon } from '../shared/DNDAnswerCommon';
|
4
|
+
import ResultsExamQuestionAutoScore from './internal/QuestionAutoScore';
|
5
|
+
export const DNDAnswer = ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, displayNumber, maxScore }) => {
|
6
|
+
var _a;
|
7
|
+
const questionIdNumber = Number(questionId);
|
8
|
+
const { answersByQuestionId, gradingStructure } = useContext(ResultsContext);
|
9
|
+
const answer = answersByQuestionId[questionIdNumber];
|
10
|
+
const choice = findMultiChoiceFromGradingStructure(gradingStructure, questionIdNumber);
|
11
|
+
const scoreValue = (answer && ((_a = choice === null || choice === void 0 ? void 0 : choice.options.find(option => option.id === Number(answer.value))) === null || _a === void 0 ? void 0 : _a.score)) || 0;
|
12
|
+
return (React.createElement(React.Fragment, null,
|
13
|
+
React.createElement(DNDAnswerCommon, { renderChildNodes: renderChildNodes, items: items, answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber }),
|
14
|
+
scoreValue != null && (React.createElement(ResultsExamQuestionAutoScore, { score: scoreValue, maxScore: maxScore, displayNumber: displayNumber, questionId: questionIdNumber }))));
|
15
|
+
};
|
16
|
+
//# sourceMappingURL=DNDAnswer.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswer.js","sourceRoot":"","sources":["../../../src/components/results/DNDAnswer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mCAAmC,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,4BAA4B,MAAM,8BAA8B,CAAA;AAOvE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,aAAa,EACb,QAAQ,EAQT,EAAE,EAAE;;IACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAE3C,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAC5E,MAAM,MAAM,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,mCAAmC,CAAC,gBAAgB,EAAE,gBAAgB,CAAE,CAAA;IACvF,MAAM,UAAU,GAAG,CAAC,MAAM,KAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,0CAAE,KAAK,CAAA,CAAC,IAAI,CAAC,CAAA;IAE7G,OAAO,CACL;QACE,oBAAC,eAAe,IACd,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B;QAED,UAAU,IAAI,IAAI,IAAI,CACrB,oBAAC,4BAA4B,IAC3B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,gBAAgB,GAC5B,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"isExamFinishPageHook.d.ts","sourceRoot":"","sources":["../../../src/components/results/isExamFinishPageHook.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,eAGvC,CAAA"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { useContext } from 'react';
|
2
|
+
import { ResultsContext } from '../context/ResultsContext';
|
3
|
+
export const useIsStudentsFinishExamPage = () => {
|
4
|
+
const { gradingStructure } = useContext(ResultsContext);
|
5
|
+
return gradingStructure === undefined;
|
6
|
+
};
|
7
|
+
//# sourceMappingURL=isExamFinishPageHook.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"isExamFinishPageHook.js","sourceRoot":"","sources":["../../../src/components/results/isExamFinishPageHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,OAAO,gBAAgB,KAAK,SAAS,CAAA;AACvC,CAAC,CAAA"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
2
|
+
import React from 'react';
|
3
|
+
import { ExamComponentProps } from '../..';
|
4
|
+
import { ItemsState } from '../exam/DNDAnswer';
|
5
|
+
export declare const DNDAnswerCommon: ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, classes, isInExam }: {
|
6
|
+
items: ItemsState;
|
7
|
+
answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
|
8
|
+
questionId: UniqueIdentifier;
|
9
|
+
renderChildNodes: ExamComponentProps["renderChildNodes"];
|
10
|
+
displayNumber?: string;
|
11
|
+
classes?: Record<string, boolean>;
|
12
|
+
isInExam?: boolean;
|
13
|
+
}) => React.JSX.Element;
|
14
|
+
//# sourceMappingURL=DNDAnswerCommon.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAK9C,eAAO,MAAM,eAAe,0FAOzB;IACD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,UAAU,EAAE,gBAAgB,CAAA;IAC5B,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,sBAoCA,CAAA"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import classNames from 'classnames';
|
2
|
+
import React from 'react';
|
3
|
+
import { DNDAnswerOption as DNDAnswerOptionExam } from '../exam/DNDAnswerOption';
|
4
|
+
import { query } from '../../dom-utils';
|
5
|
+
import { DNDAnswerOptionCommon } from './DNDAnswerOptionCommon';
|
6
|
+
export const DNDAnswerCommon = ({ renderChildNodes, items, answerOptionsByQuestionId, questionId, classes, isInExam }) => {
|
7
|
+
const idsInGroup = items[questionId] || [];
|
8
|
+
const dndAnswerOptions = idsInGroup.map(id => answerOptionsByQuestionId[id]);
|
9
|
+
const hasImages = dndAnswerOptions.some(option => query(option, 'image'));
|
10
|
+
const hasAudio = dndAnswerOptions.some(option => query(option, 'audio'));
|
11
|
+
const hasFormula = dndAnswerOptions.some(option => query(option, 'formula'));
|
12
|
+
return (React.createElement("div", { className: classNames('e-dnd-answer-droppable', {
|
13
|
+
'has-images': hasImages,
|
14
|
+
'has-audio': hasAudio,
|
15
|
+
'has-formula': hasFormula,
|
16
|
+
...classes
|
17
|
+
}) }, dndAnswerOptions === null || dndAnswerOptions === void 0 ? void 0 : dndAnswerOptions.map(element => {
|
18
|
+
const optionId = element.getAttribute('option-id');
|
19
|
+
const hasImage = query(element, 'image');
|
20
|
+
return (React.createElement("div", { className: classNames('e-dnd-answer-option', {
|
21
|
+
'has-image': hasImage
|
22
|
+
}), key: element.getAttribute('option-id') }, isInExam ? (React.createElement(DNDAnswerOptionExam, { element: element, renderChildNodes: renderChildNodes, key: optionId })) : (React.createElement(DNDAnswerOptionCommon, { element: element, renderChildNodes: renderChildNodes, key: optionId }))));
|
23
|
+
})));
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=DNDAnswerCommon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerCommon.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,OAAO,EACP,QAAQ,EAST,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;IAC1C,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5E,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACzE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACxE,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5E,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;YAC9C,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,UAAU;YACzB,GAAG,OAAO;SACX,CAAC,IAED,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE;QAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAE,CAAA;QACnD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QACxC,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;gBAC3C,WAAW,EAAE,QAAQ;aACtB,CAAC,EACF,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAErC,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,GAAI,CAC7F,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,GAAI,CAC/F,CACG,CACP,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ExamComponentProps } from '../..';
|
3
|
+
export declare const DNDAnswerOptionCommon: ({ element, renderChildNodes, style }: ExamComponentProps & {
|
4
|
+
style?: React.CSSProperties;
|
5
|
+
}) => React.JSX.Element;
|
6
|
+
//# sourceMappingURL=DNDAnswerOptionCommon.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerOptionCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAG1C,eAAO,MAAM,qBAAqB,yCAI/B,kBAAkB,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,sBAmBA,CAAA"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import classNames from 'classnames';
|
2
|
+
import React from 'react';
|
3
|
+
import { query } from '../../dom-utils';
|
4
|
+
export const DNDAnswerOptionCommon = ({ element, renderChildNodes, style }) => {
|
5
|
+
const hasImages = !!query(element, 'image');
|
6
|
+
const hasFormula = !!query(element, 'formula');
|
7
|
+
const hasTitle = renderChildNodes(element).length > 0;
|
8
|
+
return (React.createElement("div", { className: classNames({
|
9
|
+
'has-images': hasImages,
|
10
|
+
'has-formula': hasFormula
|
11
|
+
}), style: style },
|
12
|
+
React.createElement("div", { className: "option-content" }, !hasTitle ? React.createElement("i", { style: { color: 'grey' } }, "T\u00E4h\u00E4n tulee vastaus...") : renderChildNodes(element))));
|
13
|
+
};
|
14
|
+
//# sourceMappingURL=DNDAnswerOptionCommon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDAnswerOptionCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDAnswerOptionCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,EACP,gBAAgB,EAChB,KAAK,EAGN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC;YACpB,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,UAAU;SAC1B,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAA4B,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAC5F,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
2
|
+
import React from 'react';
|
3
|
+
import { ExamComponentProps } from '../..';
|
4
|
+
import { ItemsState } from '../exam/DNDAnswer';
|
5
|
+
export declare const DNDTitleAndAnswerCommon: ({ element, renderChildNodes, items, answerOptionsByQuestionId, isInExam, hasAnswer }: {
|
6
|
+
element: Element;
|
7
|
+
renderChildNodes: ExamComponentProps["renderChildNodes"];
|
8
|
+
items: ItemsState;
|
9
|
+
answerOptionsByQuestionId: Record<UniqueIdentifier, Element>;
|
10
|
+
isInExam?: boolean;
|
11
|
+
hasAnswer?: boolean;
|
12
|
+
}) => React.JSX.Element;
|
13
|
+
//# sourceMappingURL=DNDTitleAndAnswerCommon.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDTitleAndAnswerCommon.d.ts","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAA8B,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG1E,eAAO,MAAM,uBAAuB,yFAOjC;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAA;IACxD,KAAK,EAAE,UAAU,CAAA;IACjB,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,sBAmDA,CAAA"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import classNames from 'classnames';
|
2
|
+
import React from 'react';
|
3
|
+
import { getNumericAttribute, query } from '../../dom-utils';
|
4
|
+
import { DNDAnswer as DNDAnswerExam } from '../exam/DNDAnswer';
|
5
|
+
import { DNDAnswer as DNDAnswerResults } from '../results/DNDAnswer';
|
6
|
+
export const DNDTitleAndAnswerCommon = ({ element, renderChildNodes, items, answerOptionsByQuestionId, isInExam, hasAnswer }) => {
|
7
|
+
const questionId = element.getAttribute('question-id');
|
8
|
+
const displayNumber = element.getAttribute('display-number');
|
9
|
+
const maxScore = getNumericAttribute(element, 'max-score');
|
10
|
+
const hasImages = !!query(element, 'image');
|
11
|
+
const titleElement = query(element, 'dnd-answer-title');
|
12
|
+
const hasTitle = titleElement && renderChildNodes(titleElement).length > 0;
|
13
|
+
return (React.createElement("div", { className: classNames('e-dnd-answer', {
|
14
|
+
root: questionId === 'root',
|
15
|
+
'no-answer': !hasAnswer
|
16
|
+
}), "data-question-id": questionId, key: questionId },
|
17
|
+
React.createElement("div", { className: "anchor", id: `question-nr-${displayNumber}` }),
|
18
|
+
titleElement &&
|
19
|
+
(!hasTitle ? (React.createElement("i", { style: { color: 'grey' } }, "T\u00E4st\u00E4 puuttuu kysymys...")) : (React.createElement("span", { className: classNames('e-dnd-answer-title', { 'has-images': hasImages }) }, renderChildNodes(titleElement)))),
|
20
|
+
React.createElement("div", { className: "connection-line" }),
|
21
|
+
isInExam ? (React.createElement(DNDAnswerExam, { renderChildNodes: renderChildNodes, items: items, answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber, maxScore: maxScore })) : (React.createElement(DNDAnswerResults, { renderChildNodes: renderChildNodes, items: items, answerOptionsByQuestionId: answerOptionsByQuestionId, questionId: questionId, displayNumber: displayNumber, maxScore: maxScore }))));
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=DNDTitleAndAnswerCommon.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DNDTitleAndAnswerCommon.js","sourceRoot":"","sources":["../../../src/components/shared/DNDTitleAndAnswerCommon.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,SAAS,IAAI,aAAa,EAAc,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEpE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,yBAAyB,EACzB,QAAQ,EACR,SAAS,EAQV,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAE,CAAA;IACvD,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAE,CAAA;IAC7D,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC1D,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;IACvD,MAAM,QAAQ,GAAG,YAAY,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1E,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE;YACpC,IAAI,EAAE,UAAU,KAAK,MAAM;YAC3B,WAAW,EAAE,CAAC,SAAS;SACxB,CAAC,sBACgB,UAAU,EAC5B,GAAG,EAAE,UAAU;QAEf,6BAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,eAAe,aAAa,EAAE,GAAI;QAE7D,YAAY;YACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,yCAA8B,CAC1D,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAC3E,gBAAgB,CAAC,YAAY,CAAC,CAC1B,CACR,CAAC;QAEJ,6BAAK,SAAS,EAAC,iBAAiB,GAAG;QAElC,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,IACZ,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
|