@digabi/exam-engine-core 22.0.1-alpha.7 → 22.1.0-alpha.0

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

@@ -0,0 +1,44 @@
+import React, { useMemo, useCallback, useState } from 'react';
+import { Slate, Editable, withReact } from 'slate-react';
+import { createEditor } from 'slate';
+import { withHistory } from 'slate-history';
+import { insertTable, isTableActive, removeTable } from './SlateUtils';
+export const SlateTableEditor = () => {
+    const editor = useMemo(() => withHistory(withReact(createEditor())), []);
+    const [value, setValue] = useState([
+        {
+            type: 'paragraph',
+            children: [{ text: 'This is a Slate editor with table functionalities.' }]
+        }
+    ]);
+    const renderElement = useCallback((props) => {
+        switch (props.element.type) {
+            case 'table':
+                return React.createElement(Table, { ...props });
+            case 'table-row':
+                return React.createElement(TableRow, { ...props });
+            case 'table-cell':
+                return React.createElement(TableCell, { ...props });
+            default:
+                return React.createElement(DefaultElement, { ...props });
+        }
+    }, []);
+    const insertTableCallback = () => insertTable(editor, 3, 3); // Inserts a 3x3 table
+    const removeTableCallback = () => removeTable(editor);
+    return (React.createElement("div", null,
+        "hello",
+        React.createElement(Slate, { editor: editor, initialValue: value, onChange: newValue => {
+                console.log(newValue);
+                setValue(newValue);
+            } },
+            React.createElement("div", null,
+                React.createElement("button", { onClick: insertTableCallback }, "Insert Table"),
+                React.createElement("button", { onClick: removeTableCallback, disabled: !isTableActive(editor) }, "Remove Table")),
+            React.createElement(Editable, { renderElement: renderElement }))));
+};
+const Table = ({ attributes, children }) => (React.createElement("table", null,
+    React.createElement("tbody", { ...attributes }, children)));
+const TableRow = ({ attributes, children }) => React.createElement("tr", { ...attributes }, children);
+const TableCell = ({ attributes, children }) => React.createElement("td", { ...attributes }, children);
+const DefaultElement = ({ attributes, children }) => React.createElement("p", { ...attributes }, children);
+//# sourceMappingURL=SlateTableEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlateTableEditor.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/SlateTableEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAe,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAsB,MAAM,aAAa,CAAA;AACzF,OAAO,EAAE,YAAY,EAA0B,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAetE,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe;QAC/C;YACE,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,oDAAoD,EAAE,CAAC;SAC3E;KACF,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAyB,EAAE,EAAE;QAC9D,QAAQ,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC3B,KAAK,OAAO;gBACV,OAAO,oBAAC,KAAK,OAAK,KAAK,GAAI,CAAA;YAC7B,KAAK,WAAW;gBACd,OAAO,oBAAC,QAAQ,OAAK,KAAK,GAAI,CAAA;YAChC,KAAK,YAAY;gBACf,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAA;YACjC;gBACE,OAAO,oBAAC,cAAc,OAAK,KAAK,GAAI,CAAA;QACxC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA,CAAC,sBAAsB;IAClF,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAErD,OAAO,CACL;;QAEE,oBAAC,KAAK,IACJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBACnB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;gBACrB,QAAQ,CAAC,QAAQ,CAAC,CAAA;YACpB,CAAC;YAED;gBACE,gCAAQ,OAAO,EAAE,mBAAmB,mBAAuB;gBAC3D,gCAAQ,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,mBAE7D,CACL;YACN,oBAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,GAAI,CACpC,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAiC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxE;IACE,kCAAW,UAAU,IAAG,QAAQ,CAAS,CACnC,CACT,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,+BAAQ,UAAU,IAAG,QAAQ,CAAM,CAAA;AAEhH,MAAM,SAAS,GAAiC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,+BAAQ,UAAU,IAAG,QAAQ,CAAM,CAAA;AAEjH,MAAM,cAAc,GAAiC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,8BAAO,UAAU,IAAG,QAAQ,CAAK,CAAA"}

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

@@ -0,0 +1,5 @@
+import { Editor } from 'slate';
+export declare const insertTable: (editor: Editor, rows: number, columns: number) => void;
+export declare const isTableActive: (editor: Editor) => boolean;
+export declare const removeTable: (editor: Editor) => void;
+//# sourceMappingURL=SlateUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlateUtils.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/SlateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,EAAE,MAAM,OAAO,CAAA;AAG1C,eAAO,MAAM,WAAW,WAAY,MAAM,QAAQ,MAAM,WAAW,MAAM,SAcxE,CAAA;AAED,eAAO,MAAM,aAAa,WAAY,MAAM,YAQ3C,CAAA;AAED,eAAO,MAAM,WAAW,WAAY,MAAM,SAEzC,CAAA"}

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

@@ -0,0 +1,28 @@
+import { Transforms, Editor } from 'slate';
+export const insertTable = (editor, rows, columns) => {
+    const table = {
+        type: 'table',
+        children: Array.from({ length: rows }, () => ({
+            type: 'table-row',
+            children: Array.from({ length: columns }, () => ({
+                type: 'table-cell',
+                children: [{ text: '' }]
+            }))
+        }))
+    };
+    // @ts-expect-error
+    Transforms.insertNodes(editor, table);
+};
+export const isTableActive = (editor) => {
+    const [match] = Editor.nodes(editor, {
+        match: n => {
+            console.log(n, typeof n);
+            return n.type === 'table';
+        }
+    });
+    return !!match;
+};
+export const removeTable = (editor) => {
+    Transforms.removeNodes(editor, { match: n => n.type === 'table' });
+};
+//# sourceMappingURL=SlateUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlateUtils.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/SlateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,OAAe,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;YAC5C,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;gBAC/C,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;aACzB,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ,CAAA;IAED,mBAAmB;IACnB,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,EAAE;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QACnC,KAAK,EAAE,CAAC,CAAC,EAAE;YACT,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;YACxB,OAAQ,CAAmB,CAAC,IAAI,KAAK,OAAO,CAAA;QAC9C,CAAC;KACF,CAAC,CAAA;IACF,OAAO,CAAC,CAAC,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE;IAC5C,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAE,CAAmB,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC,CAAA;AACvF,CAAC,CAAA"}

package/dist/components/grading-instructions/editor/Formula.d.ts

@@ -0,0 +1,17 @@
+import { Plugin } from 'prosemirror-state';
+import { NodeSpec } from 'prosemirror-model';
+import React from 'react';
+export type FormulaEditorState = {
+    pos: number;
+    latex: string;
+    element: Element;
+};
+export declare const formulaSchema: NodeSpec;
+export declare const formulaOutputSchema: NodeSpec;
+export declare function FormulaButton(props: {
+    setFormulaState: (values: FormulaEditorState) => void;
+}): React.JSX.Element;
+export declare class FormulaPlugin extends Plugin {
+    constructor(updateFormulaState: (values: FormulaEditorState) => void);
+}
+//# sourceMappingURL=Formula.d.ts.map

package/dist/components/grading-instructions/editor/Formula.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formula.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Formula.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA0B,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAiC,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,kBAAkB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAEjF,eAAO,MAAM,aAAa,EAAE,QA6B3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QASjC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,eAAe,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAAE,qBAoB7F;AAED,qBAAa,aAAc,SAAQ,MAAM;gBAC3B,kBAAkB,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;CAmBrE"}

package/dist/components/grading-instructions/editor/Formula.js

@@ -0,0 +1,81 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Fragment } from 'prosemirror-model';
+import { useEditorEventCallback } from '@nytimes/react-prosemirror';
+import React from 'react';
+export const formulaSchema = {
+    formula: {
+        inline: true,
+        group: 'inline',
+        atom: true,
+        attrs: {
+            latex: {},
+            mode: { default: '' }
+        },
+        parseDOM: [
+            {
+                tag: '[data-editor-id=e-formula]',
+                getAttrs(dom) {
+                    return {
+                        latex: dom.textContent,
+                        mode: dom.getAttribute('mode')
+                    };
+                }
+            }
+        ],
+        toDOM(node) {
+            const container = document.createElement('img');
+            if (node.attrs.latex) {
+                container.setAttribute('alt', node.attrs.latex);
+                container.setAttribute('src', `/math.svg?latex=${encodeURIComponent(node.attrs.latex)}`);
+            }
+            return container;
+        }
+    }
+};
+export const formulaOutputSchema = {
+    formula: {
+        ...formulaSchema.formula,
+        toDOM(node) {
+            const container = document.createElement('span');
+            container.innerHTML = `<e:formula mode="${node.attrs.mode}">${node.attrs.latex}</e:formula>`;
+            return container.firstElementChild;
+        }
+    }
+};
+export function FormulaButton(props) {
+    const onClick = useEditorEventCallback(view => {
+        const transaction = view.state.tr;
+        const formula = view.state.schema.nodes.formula.create({ latex: '' }, Fragment.empty);
+        if (view.dispatch) {
+            view.dispatch(transaction.insert(view.state.selection.to, formula).scrollIntoView());
+            const pos = view.state.selection.to - formula.nodeSize;
+            const element = view.nodeDOM(pos);
+            if (element instanceof Element) {
+                props.setFormulaState({ pos, latex: '', element });
+            }
+        }
+    });
+    return (React.createElement("button", { onClick: onClick, "data-testid": "add-formula" }, "Lis\u00E4\u00E4 kaava"));
+}
+export class FormulaPlugin extends Plugin {
+    constructor(updateFormulaState) {
+        super({
+            key: new PluginKey('Formula'),
+            props: {
+                handleClick(view, pos) {
+                    const { state } = view;
+                    const node = state.doc.nodeAt(pos);
+                    if (node && node.type.name === 'formula') {
+                        const domNode = view.nodeDOM(pos);
+                        if (domNode instanceof Element) {
+                            updateFormulaState({ pos, element: domNode, latex: node.attrs.latex });
+                            return true;
+                        }
+                    }
+                    return false;
+                }
+            }
+        });
+    }
+}
+//# sourceMappingURL=Formula.js.map

package/dist/components/grading-instructions/editor/Formula.js.map

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

package/dist/components/grading-instructions/editor/FormulaPopup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FormulaEditorState } from './Formula';
+export declare function FormulaPopup({ state, onFinish }: {
+    state: FormulaEditorState;
+    onFinish: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=FormulaPopup.d.ts.map

package/dist/components/grading-instructions/editor/FormulaPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormulaPopup.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormulaPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAG9C,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,qBAmDpG"}

package/dist/components/grading-instructions/editor/FormulaPopup.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useEditorEventCallback } from '@nytimes/react-prosemirror';
+import { Popup } from '../../shared/Popup';
+export function FormulaPopup({ state, onFinish }) {
+    const onValueChange = (text) => {
+        if (text.length && !containsOnlyOneImgTag(text)) {
+            return 'Ainoastaan yksi kaava sallittu';
+        }
+        return null;
+    };
+    const onContentChange = useEditorEventCallback((view, textField) => {
+        const node = view.state.doc.nodeAt(state.pos);
+        const latex = extractLatex(textField) || '';
+        const { schema } = view.state;
+        if (node) {
+            const tr = view.state.tr.replaceWith(state.pos, state.pos + node.nodeSize, schema.node('formula', { ...node.attrs, ...{ latex } }));
+            view.dispatch(tr);
+        }
+        onFinish();
+    });
+    const onDelete = useEditorEventCallback(view => {
+        const node = view.state.doc.nodeAt(state.pos);
+        if (node) {
+            const tr = view.state.tr.delete(state.pos, state.pos + node.nodeSize);
+            view.dispatch(tr);
+        }
+        onFinish();
+    });
+    return (React.createElement(Popup, { element: state.element, initialTextContent: state.latex.length ? `<img alt="${state.latex}" src="/math.svg?latex=${encodeURIComponent(state.latex)}">` : '', onValueChange: onValueChange, onValueSave: onContentChange, enableDelete: true, onDelete: onDelete, onCancel: () => {
+            if (!state.latex.length) {
+                onDelete();
+            }
+            onFinish();
+        } }));
+}
+function extractLatex(value) {
+    const latexPattern = /alt="([^&]+)" src=/;
+    const latexMatch = value.match(latexPattern);
+    if (!latexMatch || latexMatch.length < 2) {
+        return;
+    }
+    return decodeURIComponent(latexMatch[1]);
+}
+function containsOnlyOneImgTag(htmlString) {
+    const imgTagPattern = /^<img\s+[^>]*>$/g;
+    const matches = htmlString.trim().match(imgTagPattern);
+    return matches && matches.length === 1;
+}
+//# sourceMappingURL=FormulaPopup.js.map

package/dist/components/grading-instructions/editor/FormulaPopup.js.map

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

package/dist/components/grading-instructions/editor/MathPopup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+export declare function MathPopup({ latex, update, pos, element, onCancel }: {
+    latex: string;
+    update: (view: EditorView, pos: number, latex: string) => void;
+    pos: number;
+    element: Element;
+    onCancel: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=MathPopup.d.ts.map

package/dist/components/grading-instructions/editor/MathPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathPopup.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/MathPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,GAAG,EACH,OAAO,EACP,QAAQ,EACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,qBAkGA"}

package/dist/components/grading-instructions/editor/MathPopup.js

@@ -0,0 +1,94 @@
+import React, { useEffect, useState } from 'react';
+import { makeRichText } from 'rich-text-editor';
+import { useEditorEventCallback } from '@nytimes/react-prosemirror';
+export function MathPopup({ latex, update, pos, element, onCancel }) {
+    const popupRef = React.createRef();
+    const textAreaRef = React.createRef();
+    const initialValue = latex.length ? `<img alt="${latex}" src="/math.svg?latex=${latex}">` : '';
+    const [comment, setComment] = useState(initialValue);
+    const [saveEnabled, setSaveEnabled] = useState(false);
+    const [dataError, setDataError] = useState('');
+    useEffect(() => {
+        if (textAreaRef.current) {
+            textAreaRef.current.innerHTML = latex.length ? `<img alt="${latex}" src="/math.svg?latex=${latex}">` : '';
+            makeRichText(textAreaRef.current, {
+                locale: 'FI',
+                screenshotSaver: () => Promise.resolve('')
+            }, value => {
+                if (value.answerHTML.length && !containsOnlyOneImgTag(value.answerHTML)) {
+                    setDataError('Vain kaavat sallitaan kaavaneditointinäkymässä');
+                }
+                else {
+                    setDataError('');
+                }
+                setComment(value.answerHTML);
+                setSaveEnabled(value.answerHTML.trim().length > 0);
+            });
+            showAndPositionElement(element, popupRef);
+        }
+    }, [latex]);
+    const closeEditor = () => {
+        onCancel();
+        closeMathEditor(textAreaRef.current);
+    };
+    const extractLatex = (value) => {
+        const latexPattern = /alt="([^&]+)" src=/;
+        const latexMatch = value.match(latexPattern);
+        if (!latexMatch || latexMatch.length < 2) {
+            return;
+        }
+        return decodeURIComponent(latexMatch[1]);
+    };
+    const onShit = useEditorEventCallback((view, dummy) => {
+        if (pos) {
+            const latex = dummy ? extractLatex(dummy) || '' : '';
+            update(view, pos, latex);
+        }
+    });
+    return (React.createElement("div", { className: "annotation-popup", style: { position: 'absolute', opacity: 1 }, ref: popupRef, "data-testid": "annotation-popup" },
+        React.createElement("div", { className: "comment-content", "data-testid": "edit-comment", role: "textbox", "aria-multiline": "true", ref: textAreaRef }),
+        dataError && React.createElement("span", null, dataError),
+        React.createElement("span", { className: "comment-button-area" },
+            React.createElement("span", null,
+                React.createElement("button", { className: "button", onClick: e => {
+                        e.stopPropagation();
+                        closeMathEditor(textAreaRef.current);
+                        onShit(comment);
+                    }, "data-testid": "save-comment", disabled: !saveEnabled }, "Tallenna"),
+                React.createElement("button", { className: "button text-button", onClick: closeEditor }, "Peru"),
+                React.createElement("button", { className: "button text-button", onClick: () => {
+                        closeMathEditor(textAreaRef.current);
+                        onShit('');
+                    } }, "Poista")))));
+}
+function showAndPositionElement(mark, popupRef) {
+    const popup = popupRef.current;
+    if (mark && popup) {
+        const style = popup.style;
+        const markRect = mark === null || mark === void 0 ? void 0 : mark.getBoundingClientRect();
+        const popupRect = popup.getBoundingClientRect();
+        const top = markRect.height + markRect.top + window.scrollY;
+        const windowWidth = window.innerWidth;
+        style.top = `${String(top)}px`;
+        style.opacity = '1';
+        const popupHitsWindowRight = markRect.left + popupRect.width > windowWidth;
+        if (popupHitsWindowRight) {
+            style.left = `${markRect.right - popupRect.width}px`;
+        }
+        else {
+            style.left = `${markRect.left}px`;
+        }
+    }
+}
+function closeMathEditor(element) {
+    // rich-text-editor does not properly support several rich-text-editor instances created at different times.
+    // In order to close math editor that is open, we need to dispatch events like this.
+    element.dispatchEvent(new Event('focus', { bubbles: true, cancelable: true }));
+    element.dispatchEvent(new Event('blur', { bubbles: true, cancelable: true }));
+}
+function containsOnlyOneImgTag(htmlString) {
+    const imgTagPattern = /^<img\s+[^>]*>$/g;
+    const matches = htmlString.trim().match(imgTagPattern);
+    return matches && matches.length === 1;
+}
+//# sourceMappingURL=MathPopup.js.map

package/dist/components/grading-instructions/editor/MathPopup.js.map

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

package/dist/components/grading-instructions/editor/math-svg.d.ts

@@ -0,0 +1,2 @@
+export declare function getMathSvg(math: string): string;
+//# sourceMappingURL=math-svg.d.ts.map

package/dist/components/grading-instructions/editor/math-svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math-svg.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/math-svg.ts"],"names":[],"mappings":"AAsBA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG/C"}

package/dist/components/grading-instructions/editor/math-svg.js

@@ -0,0 +1,22 @@
+import { mathjax } from 'mathjax-full/js/mathjax';
+import { TeX } from 'mathjax-full/js/input/tex';
+import { SVG } from 'mathjax-full/js/output/svg';
+import { AllPackages } from 'mathjax-full/js/input/tex/AllPackages';
+import { liteAdaptor } from 'mathjax-full/js/adaptors/liteAdaptor';
+import { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html';
+const adaptor = liteAdaptor();
+RegisterHTMLHandler(adaptor);
+const mathjaxDocument = mathjax.document('', {
+    InputJax: new TeX({ packages: AllPackages }),
+    OutputJax: new SVG({ fontCache: 'local' })
+});
+const mathjaxOptions = {
+    em: 16,
+    ex: 8,
+    containerWidth: 1280
+};
+export function getMathSvg(math) {
+    const node = mathjaxDocument.convert(math, mathjaxOptions);
+    return adaptor.innerHTML(node);
+}
+//# sourceMappingURL=math-svg.js.map

package/dist/components/grading-instructions/editor/math-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math-svg.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/math-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAGnE,MAAM,OAAO,GAAG,WAAW,EAAE,CAAA;AAC7B,mBAAmB,CAAC,OAAO,CAAC,CAAA;AAE5B,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC3C,QAAQ,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAC5C,SAAS,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;CAC3C,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG;IACrB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,CAAC;IACL,cAAc,EAAE,IAAI;CACrB,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAgB,CAAA;IACzE,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;AAChC,CAAC"}

package/dist/components/grading-instructions/editor/math.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+export declare const highlightEditingPlugin: Plugin<DecorationSet>;
+//# sourceMappingURL=math.d.ts.map

package/dist/components/grading-instructions/editor/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/math.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAwB,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAA0B,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGxE,eAAO,MAAM,sBAAsB,uBA2BjC,CAAA"}

package/dist/components/grading-instructions/editor/math.js

@@ -0,0 +1,55 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+export const highlightEditingPlugin = new Plugin({
+    key: new PluginKey('highlightEditing'),
+    state: {
+        init() {
+            return DecorationSet.empty;
+        },
+        apply(tr, old) {
+            if (tr.docChanged || tr.selection) {
+                return getDecorations(tr.doc, tr.selection);
+            }
+            return old;
+        }
+    },
+    props: {
+        decorations(state) {
+            return this.getState(state);
+        },
+        handleClickOn(view, pos) {
+            const { state } = view;
+            const node = state.doc.nodeAt(pos);
+            if (node && node.type.name === 'formula') {
+                showPopup();
+                return true;
+            }
+            return false;
+        }
+    }
+});
+function showPopup() {
+    console.log('pioppup');
+    const popup = document.getElementById('popup');
+    //const domAtPos = view.domAtPos(pos)
+    //const domNode = domAtPos.node.nodeType === 1 ? domAtPos.node : domAtPos.node.parentNode
+    //const rect = domNode.getBoundingClientRect()
+    //popup.style.top = `${rect.top + window.pageYOffset + rect.height}px`
+    //popup.style.left = `${rect.left + window.pageXOffset}px`
+    console.log(popup);
+    popup.style.display = 'block';
+    window.alert('hello');
+}
+function getDecorations(doc, selection) {
+    const decorations = [];
+    doc.descendants((node, pos) => {
+        if (node.type.name === 'formula') {
+            const isSelected = selection.from >= pos && selection.to <= pos + node.nodeSize;
+            if (isSelected) {
+                decorations.push(Decoration.node(pos, pos + node.nodeSize, { class: 'editing-my-tag' }));
+            }
+        }
+    });
+    return DecorationSet.create(doc, decorations);
+}
+//# sourceMappingURL=math.js.map

package/dist/components/grading-instructions/editor/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/math.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAa,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAc,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGxE,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,MAAM,CAAC;IAC/C,GAAG,EAAE,IAAI,SAAS,CAAC,kBAAkB,CAAC;IACtC,KAAK,EAAE;QACL,IAAI;YACF,OAAO,aAAa,CAAC,KAAK,CAAA;QAC5B,CAAC;QACD,KAAK,CAAC,EAAE,EAAE,GAAG;YACX,IAAI,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC;gBAClC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;YAC7C,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC;KACF;IACD,KAAK,EAAE;QACL,WAAW,CAAC,KAAK;YACf,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC7B,CAAC;QACD,aAAa,CAAC,IAAgB,EAAE,GAAW;YACzC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;YACtB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAClC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBACzC,SAAS,EAAE,CAAA;gBACX,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAK,CAAA;QACd,CAAC;KACF;CACF,CAAC,CAAA;AAEF,SAAS,SAAS;IAChB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACtB,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9C,qCAAqC;IACrC,yFAAyF;IAEzF,8CAA8C;IAC9C,sEAAsE;IACtE,0DAA0D;IAC1D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAClB,KAAM,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;IAC9B,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC;AAED,SAAS,cAAc,CAAC,GAAS,EAAE,SAAoB;IACrD,MAAM,WAAW,GAAiB,EAAE,CAAA;IACpC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QAC5B,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACjC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,IAAI,GAAG,IAAI,SAAS,CAAC,EAAE,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAA;YAC/E,IAAI,UAAU,EAAE,CAAC;gBACf,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAA;YAC1F,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;AAC/C,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'prosemirror-view/style/prosemirror.css';
+import 'prosemirror-menu/style/menu.css';
+import 'prosemirror-example-setup/style/style.css';
+import 'prosemirror-gapcursor/style/gapcursor.css';
+import 'prosemirror-tables/style/tables.css';
+export declare function ProseMirrorEditor(): React.JSX.Element;
+//# sourceMappingURL=prosemirror.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/prosemirror.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,iCAAiC,CAAA;AACxC,OAAO,2CAA2C,CAAA;AAClD,OAAO,2CAA2C,CAAA;AAClD,OAAO,qCAAqC,CAAA;AA2G5C,wBAAgB,iBAAiB,sBAsChC"}

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

@@ -0,0 +1,108 @@
+import React, { useState } from 'react';
+import { EditorState, TextSelection } from 'prosemirror-state';
+import { ProseMirror } from '@nytimes/react-prosemirror';
+import 'prosemirror-view/style/prosemirror.css';
+import 'prosemirror-menu/style/menu.css';
+import 'prosemirror-example-setup/style/style.css';
+import 'prosemirror-gapcursor/style/gapcursor.css';
+import 'prosemirror-tables/style/tables.css';
+import { schema as baseSchema } from 'prosemirror-schema-basic';
+import { buildMenuItems, exampleSetup } from 'prosemirror-example-setup';
+import { MenuItem, Dropdown } from 'prosemirror-menu';
+import { addColumnAfter, addColumnBefore, deleteColumn, addRowAfter, addRowBefore, deleteRow, mergeCells, splitCell, setCellAttr, toggleHeaderRow, toggleHeaderColumn, toggleHeaderCell, deleteTable, columnResizing, tableEditing, goToNextCell, tableNodes } from 'prosemirror-tables';
+import { keymap } from 'prosemirror-keymap';
+import { Fragment, Schema, DOMParser as ProseDOMParser } from 'prosemirror-model';
+const schema = new Schema({
+    nodes: baseSchema.spec.nodes.append(tableNodes({
+        tableGroup: 'block',
+        cellContent: 'block+',
+        cellAttributes: {
+            background: {
+                default: null,
+                getFromDOM(dom) {
+                    return dom.style.backgroundColor || null;
+                },
+                setDOMAttr(value, attrs) {
+                    // eslint-disable-next-line @typescript-eslint/no-base-to-string,@typescript-eslint/restrict-template-expressions
+                    if (value)
+                        attrs.style = `${attrs.style || ''}background-color: ${value};`;
+                }
+            }
+        }
+    })),
+    marks: baseSchema.spec.marks
+});
+const menu = buildMenuItems(schema).fullMenu;
+function item(label, cmd) {
+    return new MenuItem({ label, select: cmd, run: cmd });
+}
+const tableMenu = [
+    item('Insert column before', addColumnBefore),
+    item('Insert column after', addColumnAfter),
+    item('Delete column', deleteColumn),
+    item('Insert row before', addRowBefore),
+    item('Insert row after', addRowAfter),
+    item('Delete row', deleteRow),
+    item('Delete table', deleteTable),
+    item('Merge cells', mergeCells),
+    item('Split cell', splitCell),
+    item('Toggle header column', toggleHeaderColumn),
+    item('Toggle header row', toggleHeaderRow),
+    item('Toggle header cells', toggleHeaderCell),
+    item('Make cell green', setCellAttr('background', '#dfd')),
+    item('Make cell not-green', setCellAttr('background', null)),
+    new MenuItem({ label: 'uusi taulu', select: () => true, run: insertTable() }),
+    new MenuItem({
+        label: 'tila',
+        select: state => {
+            console.log('state', state.doc.content);
+            return true;
+        },
+        run: () => { }
+    })
+];
+menu.splice(2, 0, [new Dropdown(tableMenu)]);
+function insertTable() {
+    return (state, dispatch) => {
+        const offset = state.tr.selection.anchor + 1;
+        const transaction = state.tr;
+        const cell = state.schema.nodes.table_cell.createAndFill();
+        const node = state.schema.nodes.table.create(null, Fragment.fromArray([
+            state.schema.nodes.table_row.create(null, Fragment.fromArray([cell, cell, cell])),
+            state.schema.nodes.table_row.create(null, Fragment.fromArray([cell, cell, cell]))
+        ]));
+        if (dispatch) {
+            dispatch(transaction
+                .replaceSelectionWith(node)
+                .scrollIntoView()
+                .setSelection(TextSelection.near(transaction.doc.resolve(offset))));
+        }
+        return true;
+    };
+}
+export function ProseMirrorEditor() {
+    const value = '<p>*some sentence* whatever.</p><table><thead><tr><th>ds</th></tr></thead><tbody><tr><td></td></tr></tbody></table>';
+    const dom = new DOMParser().parseFromString(value, 'text/html');
+    const doc = ProseDOMParser.fromSchema(schema).parse(dom);
+    const [mount, setMount] = useState(null);
+    const [state, setState] = useState(EditorState.create({
+        schema,
+        doc,
+        plugins: [
+            columnResizing(),
+            tableEditing(),
+            keymap({
+                Tab: goToNextCell(1),
+                'Shift-Tab': goToNextCell(-1)
+            })
+        ].concat(exampleSetup({
+            schema,
+            menuContent: menu
+        }))
+    }));
+    return (React.createElement(ProseMirror, { mount: mount, state: state, dispatchTransaction: tr => {
+            setState(s => s.apply(tr));
+        } },
+        React.createElement("div", { ref: setMount })));
+}
+//# sourceMappingURL=prosemirror.js.map