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

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

@@ -0,0 +1,181 @@
+import { addColumnAfter, addRowAfter, deleteColumn, deleteRow, deleteTable, tableNodes } from 'prosemirror-tables';
+import { Fragment } from 'prosemirror-model';
+import React, { useState } from 'react';
+import { useEditorEventCallback } from '@nytimes/react-prosemirror';
+import { TextSelection } from 'prosemirror-state';
+import { faTable } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+const defaultSchema = tableNodes({
+    tableGroup: 'block',
+    cellContent: 'block+',
+    cellAttributes: { class: { default: '' } }
+});
+export const tableSchema = {
+    ...defaultSchema,
+    table: {
+        ...defaultSchema.table,
+        parseDOM: [
+            {
+                tag: 'table',
+                getAttrs: (dom) => ({ class: dom.getAttribute('class') })
+            }
+        ],
+        attrs: { class: { default: '' } },
+        toDOM(node) {
+            const classNames = node.attrs.class || undefined;
+            return [
+                'table',
+                {
+                    class: classNames
+                },
+                ['tbody', 0]
+            ];
+        }
+    },
+    table_cell: {
+        ...defaultSchema.table_cell,
+        parseDOM: [
+            {
+                tag: 'td',
+                getAttrs: (dom) => ({ class: dom.getAttribute('class') })
+            }
+        ],
+        toDOM(node) {
+            const classNames = node.attrs.class || undefined;
+            return ['td', { class: classNames }, 0];
+        }
+    }
+};
+export function TableMenu() {
+    const withFocus = (view, action) => {
+        const result = action(view.state, view.dispatch);
+        view.focus();
+        return result;
+    };
+    const menuOptions = {
+        addTable: {
+            title: 'Lisää taulukko',
+            onClick: useEditorEventCallback(view => {
+                const offset = view.state.selection.anchor + 1;
+                const transaction = view.state.tr;
+                const cell = view.state.schema.nodes.table_cell.createAndFill(null, Fragment.empty);
+                const row = view.state.schema.nodes.table_row.create(null, Fragment.fromArray([cell, cell]));
+                const table = view.state.schema.nodes.table.create({ class: 'e-table e-width-half' }, Fragment.fromArray([row, row]));
+                if (view.dispatch) {
+                    view.dispatch(transaction
+                        .replaceSelectionWith(table)
+                        .scrollIntoView()
+                        .setSelection(TextSelection.near(transaction.doc.resolve(offset))));
+                    view.focus();
+                }
+                return true;
+            })
+        },
+        addColumnAfter: {
+            title: 'Lisää sarake',
+            onClick: useEditorEventCallback(view => withFocus(view, addColumnAfter))
+        },
+        addRowAfter: {
+            title: 'Lisää rivi',
+            onClick: useEditorEventCallback(view => withFocus(view, addRowAfter))
+        },
+        deleteColumn: {
+            title: 'Poista sarake',
+            onClick: useEditorEventCallback(view => withFocus(view, deleteColumn))
+        },
+        deleteRow: {
+            title: 'Poista rivi',
+            onClick: useEditorEventCallback(view => withFocus(view, deleteRow))
+        },
+        deleteTable: {
+            title: 'Poista taulukko',
+            onClick: useEditorEventCallback(view => withFocus(view, deleteTable))
+        },
+        setFullWidth: {
+            title: 'Täysi leveys',
+            onClick: useEditorEventCallback(view => changeWidthClass(view, 'e-width-full'))
+        },
+        setHalfWidth: {
+            title: 'Puolikas leveys',
+            onClick: useEditorEventCallback(view => changeWidthClass(view, 'e-width-half'))
+        },
+        removeBorder: {
+            title: 'Poista reunat',
+            onClick: useEditorEventCallback(view => addClass(view, 'e-table--borderless'))
+        },
+        addBorder: {
+            title: 'Lisää reunat',
+            onClick: useEditorEventCallback(view => removeClass(view, 'e-table--borderless'))
+        },
+        removeZebra: {
+            title: 'Poista kuviointi',
+            onClick: useEditorEventCallback(view => removeClass(view, 'e-table--zebra'))
+        },
+        addZebra: {
+            title: 'Lisää kuviointi',
+            onClick: useEditorEventCallback(view => addClass(view, 'e-table--zebra'))
+        }
+    };
+    const [isOpen, setIsOpen] = useState(false);
+    const Option = ({ title, onClick }) => (React.createElement("li", { onClick: () => {
+            onClick();
+            setIsOpen(false);
+        } }, title));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: "e-menu-dropdown" },
+            React.createElement("button", { onClick: () => setIsOpen(!isOpen) },
+                React.createElement(FontAwesomeIcon, { size: "sm", icon: faTable, fixedWidth: true })),
+            React.createElement("ul", { className: "e-menu-dropdown-menu", style: { display: isOpen ? 'block' : 'none' } },
+                React.createElement(Option, { ...menuOptions.addTable }),
+                React.createElement(Option, { ...menuOptions.addRowAfter }),
+                React.createElement(Option, { ...menuOptions.addColumnAfter }),
+                React.createElement(Option, { ...menuOptions.deleteRow }),
+                React.createElement(Option, { ...menuOptions.deleteColumn }),
+                React.createElement(Option, { ...menuOptions.deleteTable }),
+                React.createElement(Option, { ...menuOptions.setFullWidth }),
+                React.createElement(Option, { ...menuOptions.setHalfWidth }),
+                React.createElement(Option, { ...menuOptions.removeBorder }),
+                React.createElement(Option, { ...menuOptions.addBorder }),
+                React.createElement(Option, { ...menuOptions.removeZebra }),
+                React.createElement(Option, { ...menuOptions.addZebra })))));
+}
+function changeWidthClass(view, className) {
+    return changeClasses(view, className, swapWidthClass);
+}
+function addClass(view, className) {
+    return changeClasses(view, className, addClassToExistingClasses);
+}
+function removeClass(view, className) {
+    return changeClasses(view, className, removeClassFromExistingClasses);
+}
+function addClassToExistingClasses(classes, newClass) {
+    return classes ? [...classes.split(' ').filter(c => c !== newClass), newClass].join(' ') : newClass;
+}
+function removeClassFromExistingClasses(classes, classToRemove) {
+    return classes
+        ? classes
+            .split(' ')
+            .filter(c => c !== classToRemove)
+            .join(' ')
+        : '';
+}
+function swapWidthClass(classes, newClass) {
+    return classes ? [...classes.split(' ').filter(c => !c.startsWith('e-width')), newClass].join(' ') : newClass;
+}
+function changeClasses(view, className, convertClasses) {
+    const from = view.state.selection.$from;
+    for (let depth = from.depth; depth > 0; depth--) {
+        const node = from.node(depth);
+        if (node.type.spec.tableRole == 'table') {
+            if (view.dispatch) {
+                view.dispatch(view.state.tr.setNodeMarkup(from.before(depth), null, {
+                    ...node.attrs,
+                    ...{ class: convertClasses(node.attrs.class, className) }
+                }));
+            }
+            view.focus();
+            return true;
+        }
+    }
+}
+//# sourceMappingURL=Table.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"prosemirror.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/prosemirror.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAe,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,OAAO,wCAAwC,CAAA;AAC/C,OAAO,iCAAiC,CAAA;AACxC,OAAO,2CAA2C,CAAA;AAClD,OAAO,2CAA2C,CAAA;AAClD,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAErD,OAAO,EACL,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACX,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAQ,SAAS,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvF,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CACjC,UAAU,CAAC;QACT,UAAU,EAAE,OAAO;QACnB,WAAW,EAAE,QAAQ;QACrB,cAAc,EAAE;YACd,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI;gBACb,UAAU,CAAC,GAAG;oBACZ,OAAO,GAAG,CAAC,KAAK,CAAC,eAAe,IAAI,IAAI,CAAA;gBAC1C,CAAC;gBACD,UAAU,CAAC,KAAK,EAAE,KAAK;oBACrB,iHAAiH;oBACjH,IAAI,KAAK;wBAAE,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,qBAAqB,KAAK,GAAG,CAAA;gBAC5E,CAAC;aACF;SACF;KACF,CAAC,CACH;IACD,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK;CAC7B,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;AAC5C,SAAS,IAAI,CAAC,KAAa,EAAE,GAAoC;IAC/D,OAAO,IAAI,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;AACvD,CAAC;AACD,MAAM,SAAS,GAAG;IAChB,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC;IAC7C,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC;IAC3C,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;IACnC,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IACvC,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC;IACrC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC7B,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;IACjC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAC/B,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC7B,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;IAChD,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC;IAC1C,IAAI,CAAC,qBAAqB,EAAE,gBAAgB,CAAC;IAC7C,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC1D,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC5D,IAAI,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,CAAC;IAC7E,IAAI,QAAQ,CAAC;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK,CAAC,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACvC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,GAAG,EAAE,GAAG,EAAE,GAAE,CAAC;KACd,CAAC;CACH,CAAA;AACD,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAE5C,SAAS,WAAW;IAClB,OAAO,CAAC,KAAkB,EAAE,QAAmC,EAAW,EAAE;QAC1E,MAAM,MAAM,GAAW,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;QACpD,MAAM,WAAW,GAAgB,KAAK,CAAC,EAAE,CAAA;QACzC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,EAAqB,CAAA;QAC7E,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAC1C,IAAI,EACJ,QAAQ,CAAC,SAAS,CAAC;YACjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YACjF,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;SAClF,CAAC,CACH,CAAA;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CACN,WAAW;iBACR,oBAAoB,CAAC,IAAI,CAAC;iBAC1B,cAAc,EAAE;iBAChB,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACrE,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GACT,qHAAqH,CAAA;IACvH,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC/D,MAAM,GAAG,GAAG,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAExD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,WAAW,CAAC,MAAM,CAAC;QACjB,MAAM;QACN,GAAG;QACH,OAAO,EAAE;YACP,cAAc,EAAE;YAChB,YAAY,EAAE;YACd,MAAM,CAAC;gBACL,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;gBACpB,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;aAC9B,CAAC;SACH,CAAC,MAAM,CACN,YAAY,CAAC;YACX,MAAM;YACN,WAAW,EAAE,IAAI;SAClB,CAAC,CACH;KACF,CAAC,CACH,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,EAAE,CAAC,EAAE;YACxB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QAC5B,CAAC;QAED,6BAAK,GAAG,EAAE,QAAQ,GAAI,CACV,CACf,CAAA;AACH,CAAC"}

package/dist/components/results/isExamFinishPageHook.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsStudentsFinishExamPage: () => boolean;
+//# sourceMappingURL=isExamFinishPageHook.d.ts.map

package/dist/components/results/isExamFinishPageHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isExamFinishPageHook.d.ts","sourceRoot":"","sources":["../../../src/components/results/isExamFinishPageHook.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,eAGvC,CAAA"}

package/dist/components/results/isExamFinishPageHook.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { ResultsContext } from '../context/ResultsContext';
+export const useIsStudentsFinishExamPage = () => {
+    const { gradingStructure } = useContext(ResultsContext);
+    return gradingStructure === undefined;
+};
+//# sourceMappingURL=isExamFinishPageHook.js.map

package/dist/components/results/isExamFinishPageHook.js.map

@@ -0,0 +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"}

package/dist/components/shared/AnnotationMark.d.ts

@@ -4,6 +4,6 @@ export declare const AnnotationMark: ({ annotation, markedText, onClickAnnotatio
     annotation: RenderableAnnotation | NewRenderableAnnotation;
     markedText: string;
     onClickAnnotation: (e: React.MouseEvent<HTMLElement, MouseEvent>, a: RenderableAnnotation) => void;
-    setNewAnnotationRef: (ref: HTMLElement | undefined) => void;
+    setNewAnnotationRef: (ref: HTMLElement | null) => void;
 }) => React.JSX.Element;
 //# sourceMappingURL=AnnotationMark.d.ts.map

package/dist/components/shared/AnnotationMark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationMark.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AnnotationMark.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAGjF,eAAO,MAAM,cAAc,uEAKxB;IACD,UAAU,EAAE,oBAAoB,GAAG,uBAAuB,CAAA;IAC1D,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAClG,mBAAmB,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5D,sBAsBA,CAAA"}
+{"version":3,"file":"AnnotationMark.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AnnotationMark.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAGjF,eAAO,MAAM,cAAc,uEAKxB;IACD,UAAU,EAAE,oBAAoB,GAAG,uBAAuB,CAAA;IAC1D,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAClG,mBAAmB,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACvD,sBAsBA,CAAA"}

package/dist/components/shared/AnnotationPopup.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare function AnnotationPopup(): React.JSX.Element | null;
+export declare function AnnotationPopup(): React.JSX.Element;
 //# sourceMappingURL=AnnotationPopup.d.ts.map

package/dist/components/shared/AnnotationPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationPopup.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAK9D,wBAAgB,eAAe,6BA8E9B"}
+{"version":3,"file":"AnnotationPopup.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,wBAAgB,eAAe,sBAmB9B"}

package/dist/components/shared/AnnotationPopup.js

@@ -1,74 +1,15 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { makeRichText } from 'rich-text-editor';
+import React, { useContext } from 'react';
 import { AnnotationContext } from '../context/AnnotationProvider';
+import { Popup } from './Popup';
 export function AnnotationPopup() {
-    const popupRef = React.createRef();
-    const textAreaRef = React.createRef();
-    const { newAnnotation, setNewAnnotation, newAnnotationRef, onSaveAnnotation } = useContext(AnnotationContext);
-    const [comment, setComment] = useState('');
-    const [saveEnabled, setSaveEnabled] = useState(false);
-    useEffect(() => {
-        if (newAnnotationRef && textAreaRef.current) {
-            showAndPositionElement(newAnnotationRef, popupRef);
-            textAreaRef.current.innerHTML = comment;
-            makeRichText(textAreaRef.current, {
-                locale: 'FI',
-                screenshotSaver: () => Promise.resolve('')
-            }, value => {
-                setComment(value.answerHTML);
-                setSaveEnabled(value.answerHTML.trim().length > 0);
-            });
-            textAreaRef.current.focus();
-        }
-    }, [newAnnotationRef]);
-    if (!newAnnotation) {
-        if (comment) {
-            setComment('');
-        }
-        return null;
-    }
-    const closeEditor = () => {
-        setNewAnnotation(null);
-        closeMathEditor(textAreaRef.current);
-    };
-    function createNewAnnotation(annotation, comment) {
-        onSaveAnnotation(annotation, comment);
-        closeEditor();
-    }
-    return (React.createElement("div", { className: "annotation-popup", style: { position: 'absolute', opacity: 0 }, ref: popupRef, "data-testid": "annotation-popup" },
-        React.createElement("div", { className: "comment-content", "data-testid": "edit-comment", role: "textbox", "aria-multiline": "true", ref: textAreaRef }),
-        React.createElement("span", { className: "comment-button-area" },
-            React.createElement("span", null,
-                React.createElement("button", { className: "button", onClick: e => {
-                        e.stopPropagation();
-                        closeMathEditor(textAreaRef.current);
-                        createNewAnnotation(newAnnotation, comment);
-                    }, "data-testid": "save-comment", disabled: !saveEnabled }, "Tallenna"),
-                React.createElement("button", { className: "button text-button", onClick: closeEditor }, "Peru")))));
-}
-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 }));
+    const { newAnnotation, setNewAnnotation, newAnnotationRef, setNewAnnotationRef, onSaveAnnotation } = useContext(AnnotationContext);
+    return (React.createElement(Popup, { element: newAnnotationRef, initialTextContent: '', onValueSave: (comment) => {
+            onSaveAnnotation(newAnnotation, comment);
+            setNewAnnotation(null);
+            setNewAnnotationRef(null);
+        }, enableDelete: false, onCancel: () => {
+            setNewAnnotation(null);
+            setNewAnnotationRef(null);
+        } }));
 }
 //# sourceMappingURL=AnnotationPopup.js.map

package/dist/components/shared/AnnotationPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationPopup.js","sourceRoot":"","sources":["../../../src/components/shared/AnnotationPopup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnotationPopup.js","sourceRoot":"","sources":["../../../src/components/shared/AnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,UAAU,eAAe;IAC7B,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAChG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/B,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,gBAAgB,EACzB,kBAAkB,EAAE,EAAE,EACtB,WAAW,EAAE,CAAC,OAAe,EAAE,EAAE;YAC/B,gBAAiB,CAAC,aAAc,EAAE,OAAO,CAAC,CAAA;YAC1C,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC,EACD,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,GAAG,EAAE;YACb,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/components/shared/CreateAnnotationPopup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function CreateAnnotationPopup({ updateComment, closeEditor }: {
+    updateComment: (value: string) => void;
+    closeEditor: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=CreateAnnotationPopup.d.ts.map

package/dist/components/shared/CreateAnnotationPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAnnotationPopup.d.ts","sourceRoot":"","sources":["../../../src/components/shared/CreateAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,WAAW,EACZ,EAAE;IACD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,qBAyBA"}

package/dist/components/shared/CreateAnnotationPopup.js

@@ -0,0 +1,11 @@
+import React, { useState } from 'react';
+export function CreateAnnotationPopup({ updateComment, closeEditor }) {
+    const [comment, setComment] = useState('');
+    return (React.createElement("span", { className: "annotation-popup", style: { position: 'absolute' } },
+        React.createElement("textarea", { className: "comment-content", role: "textbox", "aria-multiline": "true", onChange: e => setComment(e.target.value), value: comment, autoFocus: true }),
+        React.createElement("span", { className: "comment-button-area" },
+            React.createElement("span", null,
+                React.createElement("button", { onClick: () => updateComment(comment), disabled: comment.trim().length === 0 }, "Vastaa"),
+                React.createElement("button", { className: "text-button", onClick: () => closeEditor() }, "Peru")))));
+}
+//# sourceMappingURL=CreateAnnotationPopup.js.map

package/dist/components/shared/CreateAnnotationPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAnnotationPopup.js","sourceRoot":"","sources":["../../../src/components/shared/CreateAnnotationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,MAAM,UAAU,qBAAqB,CAAC,EACpC,aAAa,EACb,WAAW,EAIZ;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAElD,OAAO,CACL,8BAAM,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChE,kCACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,SAAS,oBACC,MAAM,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAI,GACf;QACF,8BAAM,SAAS,EAAC,qBAAqB;YACnC;gBACE,gCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,aAE3E;gBACT,gCAAQ,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,WAEnD,CACJ,CACF,CACF,CACR,CAAA;AACH,CAAC"}

package/dist/components/shared/Popup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type PopupProps = {
+    element: Element | null;
+    initialTextContent: string;
+    onValueChange?: (text: string) => string | null;
+    onValueSave: (text: string) => void;
+    enableDelete: boolean;
+    onDelete?: () => void;
+    onCancel: () => void;
+};
+export declare function Popup(props: PopupProps): React.JSX.Element | null;
+export declare function showAndPositionElement(mark: Element | null, popupRef: React.RefObject<HTMLElement>): void;
+export declare function closeMathEditor(element: HTMLDivElement): void;
+export {};
+//# sourceMappingURL=Popup.d.ts.map