@digabi/exam-engine-core 22.0.1-alpha.4 → 22.0.1-alpha.6

package/dist/components/grading-instructions/AnswerGradingInstruction.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { GradingInstructionContext } from '../context/GradingInstructionContext';
-import { EditableGradingInstruction } from './EditableGradingInstruction';
+import EditableGradingInstruction from './EditableGradingInstruction';
 const AnswerGradingInstruction = ({ element, renderChildNodes }) => {
     const { editable } = useContext(GradingInstructionContext);
     return (React.createElement("div", { className: "e-answer-grading-instruction e-multiline-results-text-answer e-mrg-b-2 e-pad-l-2" }, editable ? React.createElement(EditableGradingInstruction, { element: element }) : renderChildNodes(element)));

package/dist/components/grading-instructions/AnswerGradingInstruction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/AnswerGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAEzE,MAAM,wBAAwB,GAAgD,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC9G,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAC,kFAAkF,IAC9F,QAAQ,CAAC,CAAC,CAAC,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CACpF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"AnswerGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/AnswerGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AAErE,MAAM,wBAAwB,GAAgD,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC9G,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAC,kFAAkF,IAC9F,QAAQ,CAAC,CAAC,CAAC,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CACpF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/components/grading-instructions/EditableGradingInstruction.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare function EditableGradingInstruction({ element }: {
+declare function EditableGradingInstruction({ element }: {
     element: Element;
 }): React.JSX.Element;
+export default EditableGradingInstruction;
 //# sourceMappingURL=EditableGradingInstruction.d.ts.map

package/dist/components/grading-instructions/EditableGradingInstruction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableGradingInstruction.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,qBAuB3E"}
+{"version":3,"file":"EditableGradingInstruction.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AA2BnD,iBAAS,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,qBA0BpE;AAED,eAAe,0BAA0B,CAAA"}

package/dist/components/grading-instructions/EditableGradingInstruction.js

@@ -1,26 +1,44 @@
-import React, { useContext, useEffect, useRef } from 'react';
-import { makeRichText } from 'rich-text-editor';
+import React, { useContext, useState } from 'react';
+import { schema } from 'prosemirror-schema-basic';
+import { EditorState } from 'prosemirror-state';
+import { toggleMark, baseKeymap } from 'prosemirror-commands';
 import { GradingInstructionContext } from '../context/GradingInstructionContext';
-import { CommonExamContext } from '../context/CommonExamContext';
-import { QuestionContext } from '../context/QuestionContext';
-export function EditableGradingInstruction({ element }) {
-    const { language, examType } = useContext(CommonExamContext);
-    const { displayNumber } = useContext(QuestionContext);
-    const { onContentChange, saveScreenshot } = useContext(GradingInstructionContext);
-    const answerGradingInstructionDiv = useRef(null);
-    useEffect(() => {
-        var _a;
-        if (answerGradingInstructionDiv.current) {
+import { ProseMirror, useEditorEventCallback } from '@nytimes/react-prosemirror';
+import { DOMParser as ProseDOMParser, DOMSerializer } from 'prosemirror-model';
+import { keymap } from 'prosemirror-keymap';
+function BoldButton() {
+    const onClick = useEditorEventCallback(view => {
+        const toggleBoldMark = toggleMark(view.state.schema.marks.strong);
+        toggleBoldMark(view.state, view.dispatch, view);
+    });
+    return React.createElement("button", { onClick: onClick }, "Bold");
+}
+function ItalicButton() {
+    const onClick = useEditorEventCallback(view => {
+        const toggleItalicMark = toggleMark(view.state.schema.marks.em);
+        toggleItalicMark(view.state, view.dispatch, view);
+    });
+    return React.createElement("button", { onClick: onClick }, "Italic");
+}
+function EditableGradingInstruction({ element }) {
+    const { onContentChange } = useContext(GradingInstructionContext);
+    const doc = ProseDOMParser.fromSchema(schema).parse(element);
+    const [mount, setMount] = useState(null);
+    const [state, setState] = useState(EditorState.create({ schema, doc, plugins: [keymap(baseKeymap)] }));
+    return (React.createElement(ProseMirror, { mount: mount, state: state, dispatchTransaction: tr => {
+            var _a;
+            setState(s => s.apply(tr));
+            const fragment = DOMSerializer.fromSchema(state.schema).serializeFragment(tr.doc.content);
+            const div = document.createElement('div');
+            div.appendChild(fragment);
             const path = (_a = element.getAttribute('path')) !== null && _a !== void 0 ? _a : '';
-            makeRichText(answerGradingInstructionDiv.current, {
-                locale: language.startsWith('sv') ? 'SV' : 'FI',
-                screenshotSaver: saveScreenshot ? ({ type, data }) => saveScreenshot(type, data, displayNumber) : undefined,
-                screenshotImageSelector: 'img[src^="data:image/png"], img[src^="data:image/jpeg"]',
-                fileTypes: ['image/png', 'image/jpeg']
-            }, ({ answerHTML }) => (onContentChange ? onContentChange(answerHTML, path) : () => { }));
-            answerGradingInstructionDiv.current.replaceChildren(element);
-        }
-    }, [language, examType]);
-    return React.createElement("div", { ref: answerGradingInstructionDiv });
+            if (onContentChange) {
+                onContentChange(div.innerHTML, path);
+            }
+        } },
+        React.createElement(BoldButton, null),
+        React.createElement(ItalicButton, null),
+        React.createElement("div", { ref: setMount })));
 }
+export default EditableGradingInstruction;
 //# sourceMappingURL=EditableGradingInstruction.js.map

package/dist/components/grading-instructions/EditableGradingInstruction.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,UAAU,0BAA0B,CAAC,EAAE,OAAO,EAAwB;IAC1E,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC5D,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACrD,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACjF,MAAM,2BAA2B,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEhE,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,2BAA2B,CAAC,OAAO,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,MAAA,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAA;YAC/C,YAAY,CACV,2BAA2B,CAAC,OAAO,EACnC;gBACE,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBAC/C,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC3G,uBAAuB,EAAE,yDAAyD;gBAClF,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;aACvC,EACD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACrF,CAAA;YACD,2BAA2B,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IACxB,OAAO,6BAAK,GAAG,EAAE,2BAA2B,GAAI,CAAA;AAClD,CAAC"}
+{"version":3,"file":"EditableGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"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"}

package/dist/components/grading-instructions/ExamGradingInstruction.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { GradingInstructionContext } from '../context/GradingInstructionContext';
-import { EditableGradingInstruction } from './EditableGradingInstruction';
+import EditableGradingInstruction from './EditableGradingInstruction';
 const ExamGradingInstruction = ({ element, renderChildNodes }) => {
     const { editable } = useContext(GradingInstructionContext);
     return (React.createElement("div", { className: "e-exam-grading-instruction notification e-pad-4", "data-annotation-anchor": "exam-grading-instruction" }, editable ? React.createElement(EditableGradingInstruction, { element: element }) : renderChildNodes(element)));

package/dist/components/grading-instructions/ExamGradingInstruction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExamGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAEzE,MAAM,sBAAsB,GAAgD,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAE1D,OAAO,CACL,6BAAK,SAAS,EAAC,iDAAiD,4BAAwB,0BAA0B,IAC/G,QAAQ,CAAC,CAAC,CAAC,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CACpF,CACP,CAAA;AACH,CAAC,CAAA;AACD,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"ExamGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,0BAA0B,MAAM,8BAA8B,CAAA;AAErE,MAAM,sBAAsB,GAAgD,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IAE1D,OAAO,CACL,6BAAK,SAAS,EAAC,iDAAiD,4BAAwB,0BAA0B,IAC/G,QAAQ,CAAC,CAAC,CAAC,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CACpF,CACP,CAAA;AACH,CAAC,CAAA;AACD,eAAe,sBAAsB,CAAA"}