@digabi/exam-engine-core 22.1.4-alpha.0 → 22.1.5-alpha.0

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,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"}
+{"version":3,"file":"ExamGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,sBAAsB,GAAgD,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAC7G,6BAAK,SAAS,EAAC,iDAAiD,4BAAwB,0BAA0B,IAC/G,gBAAgB,CAAC,OAAO,CAAC,CACtB,CACP,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ReactEditor } from 'slate-react';
+import { BaseEditor } from 'slate';
+import { HistoryEditor } from 'slate-history';
+export type CustomElement = {
+    type: 'paragraph' | 'table' | 'table-row' | 'table-cell';
+    children: CustomText[];
+};
+type CustomText = {
+    text: string;
+    bold?: true;
+};
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
+export declare const SlateTableEditor: React.FC;
+export {};
+//# sourceMappingURL=SlateTableEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlateTableEditor.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/SlateTableEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAkD,MAAM,aAAa,CAAA;AACzF,OAAO,EAAgB,UAAU,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAe,MAAM,eAAe,CAAA;AAK1D,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC;IAAC,QAAQ,EAAE,UAAU,EAAE,CAAA;CAAE,CAAA;AAChH,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAE/C,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,MAAM,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,CAAA;QAChD,OAAO,EAAE,aAAa,CAAA;QACtB,IAAI,EAAE,UAAU,CAAA;KACjB;CACF;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8CpC,CAAA"}

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/FormatButton.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 interface Props {
     markName: string;
-    displayName: string;
+    icon?: IconDefinition;
 }
-declare function FormatButton({ markName, displayName }: Props): React.JSX.Element;
+declare function FormatButton({ markName, icon }: Props): React.JSX.Element;
 export default FormatButton;
 //# sourceMappingURL=FormatButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormatButton.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormatButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB;AAID,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,qBAuBrD;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"FormatButton.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormatButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGlE,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB;AAID,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,qBAuB9C;AAED,eAAe,YAAY,CAAA"}

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

@@ -1,8 +1,10 @@
 import { useEditorEventCallback, useEditorState } from '@nytimes/react-prosemirror';
 import { toggleMark } from 'prosemirror-commands';
 import React, { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 const getMarkType = (state, markName) => state.schema.marks[markName];
-function FormatButton({ markName, displayName }) {
+function FormatButton({ markName, icon }) {
     const editorState = useEditorState();
     const [isActive, setIsActive] = useState(false);
     const onClick = useEditorEventCallback(view => {
@@ -17,7 +19,8 @@ function FormatButton({ markName, displayName }) {
             : getMarkType(editorState, markName).isInSet(editorState.selection.$to.marks()); // is current input marked?
         setIsActive(!!isTextFormatActive);
     }, [editorState]);
-    return (React.createElement("button", { onClick: onClick, style: { fontWeight: isActive ? 'bold' : 'normal' } }, displayName));
+    return (React.createElement("button", { onClick: onClick, className: classNames({ active: isActive }) },
+        React.createElement(FontAwesomeIcon, { size: "lg", className: "editor-menu-icon", icon: icon })));
 }
 export default FormatButton;
 //# sourceMappingURL=FormatButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormatButton.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormatButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOlD,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,QAAgB,EAAY,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAEpG,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAS;IACpD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QACtB,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;QACjE,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,WAAW,CAAC,WAAW;YAChD,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,oCAAoC;YAC1G,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAA,CAAC,2BAA2B;QAC7G,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,gCAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,IAC1E,WAAW,CACL,CACV,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"FormatButton.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormatButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAOhE,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,QAAgB,EAAY,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAEpG,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAS;IAC7C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QACtB,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;QACjE,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,WAAW,CAAC,WAAW;YAChD,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,oCAAoC;YAC1G,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAA,CAAC,2BAA2B;QAC7G,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,gCAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QACnE,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAK,GAAI,CAChE,CACV,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

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

@@ -1 +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,QA+B3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QAoBjC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,eAAe,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAAE,qBAoBhH;AAED,qBAAa,aAAc,SAAQ,MAAM;gBAC3B,kBAAkB,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;CAmBrE"}
+{"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,QAgC3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QAoBjC,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,eAAe,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAAE,qBAoBhH;AAED,qBAAa,aAAc,SAAQ,MAAM;gBAC3B,kBAAkB,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;CAmBrE"}

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

@@ -28,6 +28,7 @@ export const formulaSchema = {
             const container = document.createElement('img');
             if (node.attrs.latex) {
                 container.setAttribute('alt', node.attrs.latex);
+                container.setAttribute('formula', 'true');
                 container.setAttribute('src', `/math.svg?latex=${encodeURIComponent(node.attrs.latex)}`);
             }
             return container;

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

@@ -1 +1 @@
-{"version":3,"file":"Formula.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Formula.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Formula.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Formula.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAiB,QAAQ,EAAkB,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,aAAa,GAAa;IACrC,OAAO,EAAE;QACP,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;YACrB,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;SAChC;QACD,QAAQ,EAAE;YACR;gBACE,GAAG,EAAE,4BAA4B;gBACjC,QAAQ,CAAC,GAAgB;oBACvB,OAAO;wBACL,KAAK,EAAE,GAAG,CAAC,WAAW;wBACtB,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC;wBAC9B,cAAc,EAAE,GAAG,CAAC,YAAY,CAAC,iBAAiB,CAAC;qBACpD,CAAA;gBACH,CAAC;aACF;SACF;QACD,KAAK,CAAC,IAAU;YACd,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC/C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrB,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,CAAA;gBACzD,SAAS,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;gBACzC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,mBAAmB,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,EAAE,CAAC,CAAA;YACpG,CAAC;YACD,OAAO,SAAS,CAAA;QAClB,CAAC;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAa;IAC3C,OAAO,EAAE;QACP,GAAI,aAAa,CAAC,OAAyB;QAC3C,KAAK,CAAC,IAAU;YACd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACtB,OAAO,EAAE,CAAA;YACX,CAAC;YACD,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;YAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACpB,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAc,CAAC,CAAA;YAChE,CAAC;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC9B,cAAc,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAwB,CAAC,CAAA;YACrF,CAAC;YACD,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAe,CAAA;YACvD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAChD,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;YACrC,OAAO,SAAS,CAAC,iBAAkB,CAAA;QACrC,CAAC;KACF;CACF,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,KAAmF;IAC/G,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAC5C,MAAM,WAAW,GAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,CAAA;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QACrF,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,cAAc,EAAE,CAAC,CAAA;YAEpF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAA;YACtD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YACjC,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;gBAC/B,KAAK,CAAC,eAAe,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;YACpD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,gCAAQ,OAAO,EAAE,OAAO,iBAAc,aAAa,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,4BAEnE,CACV,CAAA;AACH,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,MAAM;IACvC,YAAY,kBAAwD;QAClE,KAAK,CAAC;YACJ,GAAG,EAAE,IAAI,SAAS,CAAC,SAAS,CAAC;YAC7B,KAAK,EAAE;gBACL,WAAW,CAAC,IAAgB,EAAE,GAAW;oBACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;oBACtB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBAClC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;wBACzC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;wBACjC,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;4BAC/B,kBAAkB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAe,EAAE,CAAC,CAAA;4BAChF,OAAO,IAAI,CAAA;wBACb,CAAC;oBACH,CAAC;oBACD,OAAO,KAAK,CAAA;gBACd,CAAC;aACF;SACF,CAAC,CAAA;IACJ,CAAC;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/ImageUploadButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAUvE,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;CAAE,qBA6E3F"}
+{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/ImageUploadButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAYvE,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;CAAE,qBAgF3F"}

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

@@ -2,6 +2,8 @@ import { useEditorEventCallback } from '@nytimes/react-prosemirror';
 import React, { useRef, useContext } from 'react';
 import { QuestionContext } from '../../context/QuestionContext';
 import { CommonExamContext } from '../../context/CommonExamContext';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faImage } from '@fortawesome/free-solid-svg-icons';
 var EditorAction;
 (function (EditorAction) {
     EditorAction["REMOVE_IMAGE"] = "REMOVE_IMAGE";
@@ -67,7 +69,9 @@ export function ImageUploadButton({ saveImage }) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("button", { onClick: handleButtonClick }, "Lis\u00E4\u00E4 kuva"),
+        React.createElement("button", { onClick: handleButtonClick },
+            ' ',
+            React.createElement(FontAwesomeIcon, { size: "lg", icon: faImage, className: "editor-menu-icon", fixedWidth: true })),
         React.createElement("input", { type: "file", accept: "image/png, image/jpeg, image/tiff", style: { display: 'none' }, ref: inputRef, onChange: e => void handleFileChange(e), "data-testid": "image-upload-button" })));
 }
 //# sourceMappingURL=ImageUploadButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadButton.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/ImageUploadButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageUploadButton.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/ImageUploadButton.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":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAGnE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,GAAG,EACH,OAAO,EACP,QAAQ,EAOT;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAA;IAClD,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAA;IACrD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,KAAK,0BAA0B,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAA;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,KAAK,0BAA0B,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;YACzG,YAAY,CACV,WAAW,CAAC,OAAO,EACnB;gBACE,MAAM,EAAE,IAAI;gBACZ,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;aAC3C,EACD,KAAK,CAAC,EAAE;gBACN,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;oBACxE,YAAY,CAAC,gDAAgD,CAAC,CAAA;gBAChE,CAAC;qBAAM,CAAC;oBACN,YAAY,CAAC,EAAE,CAAC,CAAA;gBAClB,CAAC;gBACD,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;gBAC5B,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YACpD,CAAC,CACF,CAAA;YACD,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,EAAE,CAAA;QACV,eAAe,CAAC,WAAW,CAAC,OAAQ,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,MAAM,YAAY,GAAG,oBAAoB,CAAA;QACzC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAE5C,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzC,OAAM;QACR,CAAC;QAED,OAAO,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,sBAAsB,CAAC,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE;QAC5D,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;YACpD,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,EAC3C,GAAG,EAAE,QAAQ,iBACD,kBAAkB;QAE9B,6BACE,SAAS,EAAC,iBAAiB,iBACf,cAAc,EAC1B,IAAI,EAAC,SAAS,oBACC,MAAM,EACrB,GAAG,EAAE,WAAW,GAChB;QACD,SAAS,IAAI,kCAAO,SAAS,CAAQ;QACtC,8BAAM,SAAS,EAAC,qBAAqB;YACnC;gBACE,gCACE,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,eAAe,CAAC,WAAW,CAAC,OAAQ,CAAC,CAAA;wBACrC,MAAM,CAAC,OAAO,CAAC,CAAA;oBACjB,CAAC,iBACW,cAAc,EAC1B,QAAQ,EAAE,CAAC,WAAW,eAGf;gBACT,gCAAQ,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,WAAW,WAElD;gBACT,gCACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE;wBACZ,eAAe,CAAC,WAAW,CAAC,OAAQ,CAAC,CAAA;wBACrC,MAAM,CAAC,EAAE,CAAC,CAAA;oBACZ,CAAC,aAGM,CACJ,CACF,CACH,CACP,CAAA;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAoB,EAAE,QAAsC;IAC1F,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;IAC9B,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE,CAAA;QAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;QAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;QAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;QACrC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAA;QAC9B,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QACnB,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,WAAW,CAAA;QAE1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,KAAK,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,IAAI,CAAA;QACtD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAA;QACnC,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,OAAuB;IAC9C,4GAA4G;IAC5G,oFAAoF;IACpF,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAC/E,CAAC;AAED,SAAS,qBAAqB,CAAC,UAAkB;IAC/C,MAAM,aAAa,GAAG,kBAAkB,CAAA;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IACtD,OAAO,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAA;AACxC,CAAC"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Menu.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Menu.tsx"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"NBSP.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/NBSP.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,UAAU,uGAAoC,CAAA;AAE3D,wBAAgB,UAAU,sBAYzB"}
+{"version":3,"file":"NBSP.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/NBSP.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,UAAU,uGAAoC,CAAA;AAE3D,wBAAgB,UAAU,sBAgBzB"}

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

@@ -12,6 +12,6 @@ export function NbspButton() {
         view.focus();
         return true;
     });
-    return React.createElement("button", { onClick: onClick }, "NBSP");
+    return (React.createElement("button", { onClick: onClick, title: "sitova v\u00E4lily\u00F6nti" }, "NBSP"));
 }
 //# sourceMappingURL=NBSP.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NBSP.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/NBSP.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAE3D,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,OAAO,gCAAQ,OAAO,EAAE,OAAO,WAAe,CAAA;AAChD,CAAC"}
+{"version":3,"file":"NBSP.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/NBSP.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AAE3D,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,gCAAQ,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,6BAAmB,WAE1C,CACV,CAAA;AACH,CAAC"}

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

@@ -1,5 +1,8 @@
 import { NodeSpec } from 'prosemirror-model';
 import React from 'react';
 export declare const tableSchema: NodeSpec;
-export declare function TableMenu(): React.JSX.Element;
+export declare function tablePlugin(): import("prosemirror-state").Plugin<any>;
+export declare function TableMenu(props: {
+    dropdownsBelow: boolean;
+}): React.JSX.Element;
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,eAAO,MAAM,WAAW,EAAE,QAmCzB,CAAA;AAED,wBAAgB,SAAS,sBAqHxB"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Table.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,QAAQ,EAAe,MAAM,mBAAmB,CAAA;AACzE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,eAAO,MAAM,WAAW,EAAE,QAmCzB,CAAA;AAED,wBAAgB,WAAW,4CAK1B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,cAAc,EAAE,OAAO,CAAA;CAAE,qBA0L3D"}

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

@@ -1,10 +1,12 @@
-import { addColumnAfter, addRowAfter, deleteColumn, deleteRow, deleteTable, tableNodes } from 'prosemirror-tables';
+import { addColumnAfter, addRowAfter, deleteColumn, deleteRow, deleteTable, goToNextCell, tableNodes } from 'prosemirror-tables';
 import { Fragment } from 'prosemirror-model';
-import React, { useState } from 'react';
-import { useEditorEventCallback } from '@nytimes/react-prosemirror';
+import React, { useEffect, useState } from 'react';
+import { useEditorEventCallback, useEditorState } from '@nytimes/react-prosemirror';
 import { TextSelection } from 'prosemirror-state';
-import { faTable } from '@fortawesome/free-solid-svg-icons';
+import { faTable, faAngleUp, faAngleDown } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import { keymap } from 'prosemirror-keymap';
 const defaultSchema = tableNodes({
     tableGroup: 'block',
     cellContent: 'inline*',
@@ -46,7 +48,37 @@ export const tableSchema = {
         }
     }
 };
-export function TableMenu() {
+export function tablePlugin() {
+    return keymap({
+        Tab: goToNextCell(1),
+        'Shift-Tab': goToNextCell(-1)
+    });
+}
+export function TableMenu(props) {
+    const [isActive, setIsActive] = useState(false);
+    const [isOpen, setIsOpen] = useState({ add: false, remove: false, styles: false });
+    const [classes, setClasses] = useState([]);
+    const editorState = useEditorState();
+    const getTableFromPosition = (pos) => {
+        for (let d = pos.depth; d > 0; d--) {
+            const node = pos.node(d);
+            if (node.type.name === 'table') {
+                return node;
+            }
+        }
+        return null;
+    };
+    useEffect(() => {
+        const table = getTableFromPosition(editorState.selection.$from);
+        setIsActive(!!table);
+        if (table) {
+            setIsOpen({ add: false, remove: false, styles: false });
+            setClasses(table.attrs.class ? table.attrs.class.split(' ') : []);
+        }
+        else {
+            setClasses([]);
+        }
+    }, [editorState]);
     const withFocus = (view, action) => {
         const result = action(view.state, view.dispatch);
         view.focus();
@@ -93,51 +125,73 @@ export function TableMenu() {
         },
         setFullWidth: {
             title: 'Täysi leveys',
-            onClick: useEditorEventCallback(view => changeWidthClass(view, 'e-width-full'))
+            className: 'e-width-full',
+            shouldShowOption: () => !classes.includes(menuOptions.setFullWidth.className),
+            onClick: useEditorEventCallback(view => changeWidthClass(view, menuOptions.setFullWidth.className))
         },
         setHalfWidth: {
             title: 'Puolikas leveys',
-            onClick: useEditorEventCallback(view => changeWidthClass(view, 'e-width-half'))
+            className: 'e-width-half',
+            shouldShowOption: () => !classes.includes(menuOptions.setHalfWidth.className),
+            onClick: useEditorEventCallback(view => changeWidthClass(view, menuOptions.setHalfWidth.className))
         },
         removeBorder: {
             title: 'Poista reunat',
-            onClick: useEditorEventCallback(view => addClass(view, 'e-table--borderless'))
+            className: 'e-table--borderless',
+            shouldShowOption: () => !classes.includes(menuOptions.removeBorder.className),
+            onClick: useEditorEventCallback(view => addClass(view, menuOptions.removeBorder.className))
         },
         addBorder: {
             title: 'Lisää reunat',
-            onClick: useEditorEventCallback(view => removeClass(view, 'e-table--borderless'))
+            className: 'e-table--borderless',
+            shouldShowOption: () => classes.includes(menuOptions.addBorder.className),
+            onClick: useEditorEventCallback(view => removeClass(view, menuOptions.addBorder.className))
         },
         removeZebra: {
-            title: 'Poista kuviointi',
-            onClick: useEditorEventCallback(view => removeClass(view, 'e-table--zebra'))
+            title: 'Poista raidat',
+            className: 'e-table--zebra',
+            shouldShowOption: () => classes.includes(menuOptions.removeZebra.className),
+            onClick: useEditorEventCallback(view => removeClass(view, menuOptions.removeZebra.className))
         },
         addZebra: {
-            title: 'Lisää kuviointi',
-            onClick: useEditorEventCallback(view => addClass(view, 'e-table--zebra'))
+            title: 'Lisää raidat',
+            className: 'e-table--zebra',
+            shouldShowOption: () => !classes.includes(menuOptions.addZebra.className),
+            onClick: useEditorEventCallback(view => addClass(view, menuOptions.addZebra.className))
         }
     };
-    const [isOpen, setIsOpen] = useState(false);
     const Option = ({ title, onClick }) => (React.createElement("li", { onClick: () => {
             onClick();
-            setIsOpen(false);
+            setIsOpen({ add: false, remove: false, styles: 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("button", { onClick: () => menuOptions.addTable.onClick(), className: classNames({ active: isActive }), "data-testid": "editor-menu-add-table" },
+            React.createElement(FontAwesomeIcon, { size: "lg", icon: faTable, className: "editor-menu-icon", fixedWidth: true })),
+        isActive && (React.createElement(React.Fragment, null,
+            React.createElement(DropdownMenu, { title: "Tyylit", openState: isOpen.styles, setOpen: state => setIsOpen({ add: false, remove: false, styles: state }), dropdownsBelow: props.dropdownsBelow },
+                menuOptions.setFullWidth.shouldShowOption() && React.createElement(Option, { ...menuOptions.setFullWidth }),
+                menuOptions.setHalfWidth.shouldShowOption() && React.createElement(Option, { ...menuOptions.setHalfWidth }),
+                menuOptions.addBorder.shouldShowOption() && React.createElement(Option, { ...menuOptions.addBorder }),
+                menuOptions.removeBorder.shouldShowOption() && React.createElement(Option, { ...menuOptions.removeBorder }),
+                menuOptions.addZebra.shouldShowOption() && React.createElement(Option, { ...menuOptions.addZebra }),
+                menuOptions.removeZebra.shouldShowOption() && React.createElement(Option, { ...menuOptions.removeZebra })),
+            React.createElement(DropdownMenu, { title: "Lis\u00E4\u00E4", openState: isOpen.add, setOpen: state => setIsOpen({ add: state, remove: false, styles: false }), dropdownsBelow: props.dropdownsBelow },
                 React.createElement(Option, { ...menuOptions.addRowAfter }),
-                React.createElement(Option, { ...menuOptions.addColumnAfter }),
+                React.createElement(Option, { ...menuOptions.addColumnAfter })),
+            React.createElement(DropdownMenu, { title: "Poista", openState: isOpen.remove, setOpen: state => setIsOpen({ add: false, remove: state, styles: false }), dropdownsBelow: props.dropdownsBelow },
                 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 })))));
+                React.createElement(Option, { ...menuOptions.deleteTable }))))));
+}
+function DropdownMenu({ title, openState, setOpen, dropdownsBelow, children }) {
+    const menuClosedIcon = dropdownsBelow ? faAngleDown : faAngleUp;
+    const menuOpenIcon = dropdownsBelow ? faAngleUp : faAngleDown;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { onClick: () => setOpen(!openState) },
+            title,
+            React.createElement(FontAwesomeIcon, { size: "lg", className: "editor-menu-icon-open-close", icon: openState ? menuClosedIcon : menuOpenIcon, fixedWidth: true })),
+        React.createElement("span", { className: "e-menu-dropdown" },
+            React.createElement("ul", { style: { display: openState ? 'block' : 'none' }, className: classNames({ 'e-menu-dropdown-menu': true, ['dropdowns-below']: dropdownsBelow }) }, children))));
 }
 function changeWidthClass(view, className) {
     return changeClasses(view, className, swapWidthClass);