@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.
Files changed (48) hide show
  1. package/dist/assets/closeButton.svg +1 -0
  2. package/dist/assets/collapse.svg +12 -0
  3. package/dist/assets/expand.svg +12 -0
  4. package/dist/assets/helpButton.svg +9 -0
  5. package/dist/assets/redoButton.svg +5 -0
  6. package/dist/assets/undoButton.svg +5 -0
  7. package/dist/components/exam/DNDAnswer.d.ts +17 -0
  8. package/dist/components/exam/DNDAnswer.d.ts.map +1 -0
  9. package/dist/components/exam/DNDAnswer.js +18 -0
  10. package/dist/components/exam/DNDAnswer.js.map +1 -0
  11. package/dist/components/exam/DNDAnswerOption.d.ts +4 -0
  12. package/dist/components/exam/DNDAnswerOption.d.ts.map +1 -0
  13. package/dist/components/exam/DNDAnswerOption.js +18 -0
  14. package/dist/components/exam/DNDAnswerOption.js.map +1 -0
  15. package/dist/components/exam/DragAndDrop.d.ts +3 -0
  16. package/dist/components/exam/DragAndDrop.d.ts.map +1 -0
  17. package/dist/components/exam/DragAndDrop.js +150 -0
  18. package/dist/components/exam/DragAndDrop.js.map +1 -0
  19. package/dist/components/exam/FinishExam.d.ts +5 -0
  20. package/dist/components/exam/FinishExam.d.ts.map +1 -0
  21. package/dist/components/exam/FinishExam.js +17 -0
  22. package/dist/components/exam/FinishExam.js.map +1 -0
  23. package/dist/components/results/AudioPlaceholder.d.ts +4 -0
  24. package/dist/components/results/AudioPlaceholder.d.ts.map +1 -0
  25. package/dist/components/results/AudioPlaceholder.js +25 -0
  26. package/dist/components/results/AudioPlaceholder.js.map +1 -0
  27. package/dist/components/results/DNDAnswer.d.ts +17 -0
  28. package/dist/components/results/DNDAnswer.d.ts.map +1 -0
  29. package/dist/components/results/DNDAnswer.js +16 -0
  30. package/dist/components/results/DNDAnswer.js.map +1 -0
  31. package/dist/components/results/isExamFinishPageHook.d.ts +2 -0
  32. package/dist/components/results/isExamFinishPageHook.d.ts.map +1 -0
  33. package/dist/components/results/isExamFinishPageHook.js +7 -0
  34. package/dist/components/results/isExamFinishPageHook.js.map +1 -0
  35. package/dist/components/shared/DNDAnswerCommon.d.ts +14 -0
  36. package/dist/components/shared/DNDAnswerCommon.d.ts.map +1 -0
  37. package/dist/components/shared/DNDAnswerCommon.js +25 -0
  38. package/dist/components/shared/DNDAnswerCommon.js.map +1 -0
  39. package/dist/components/shared/DNDAnswerOptionCommon.d.ts +6 -0
  40. package/dist/components/shared/DNDAnswerOptionCommon.d.ts.map +1 -0
  41. package/dist/components/shared/DNDAnswerOptionCommon.js +14 -0
  42. package/dist/components/shared/DNDAnswerOptionCommon.js.map +1 -0
  43. package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts +13 -0
  44. package/dist/components/shared/DNDTitleAndAnswerCommon.d.ts.map +1 -0
  45. package/dist/components/shared/DNDTitleAndAnswerCommon.js +23 -0
  46. package/dist/components/shared/DNDTitleAndAnswerCommon.js.map +1 -0
  47. package/dist/main-bundle.js +1 -1
  48. 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,4 @@
1
+ import React from 'react';
2
+ import { ExamComponentProps } from '../..';
3
+ export declare const DNDAnswerOption: ({ element, renderChildNodes }: ExamComponentProps) => React.JSX.Element;
4
+ //# sourceMappingURL=DNDAnswerOption.d.ts.map
@@ -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,3 @@
1
+ import React from 'react';
2
+ export declare function DragAndDrop(): React.JSX.Element;
3
+ //# sourceMappingURL=DragAndDrop.d.ts.map
@@ -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,5 @@
1
+ import React from 'react';
2
+ declare function FinishExam(): React.JSX.Element;
3
+ declare const _default: React.MemoExoticComponent<typeof FinishExam>;
4
+ export default _default;
5
+ //# sourceMappingURL=FinishExam.d.ts.map
@@ -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,4 @@
1
+ import React from 'react';
2
+ import { ExamComponentProps } from '../../createRenderChildNodes';
3
+ export declare const AudioPlaceholder: React.FC<ExamComponentProps>;
4
+ //# sourceMappingURL=AudioPlaceholder.d.ts.map
@@ -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,2 @@
1
+ export declare const useIsStudentsFinishExamPage: () => boolean;
2
+ //# sourceMappingURL=isExamFinishPageHook.d.ts.map
@@ -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"}