@digabi/exam-engine-core 22.0.1-alpha.7 → 22.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/__tests__/EditableGradingInsatruction.test.d.ts +1 -0
- package/dist/__tests__/EditableGradingInsatruction.test.d.ts.map +1 -0
- package/dist/__tests__/EditableGradingInsatruction.test.js +2 -0
- package/dist/__tests__/EditableGradingInsatruction.test.js.map +1 -0
- package/dist/__tests__/EditableGradingInstruction.test.js +44 -51
- package/dist/__tests__/EditableGradingInstruction.test.js.map +1 -1
- package/dist/__tests__/editor/Formula.test.d.ts +2 -0
- package/dist/__tests__/editor/Formula.test.d.ts.map +1 -0
- package/dist/__tests__/editor/Formula.test.js +43 -0
- package/dist/__tests__/editor/Formula.test.js.map +1 -0
- package/dist/__tests__/editor/NBSP.test.d.ts +2 -0
- package/dist/__tests__/editor/NBSP.test.d.ts.map +1 -0
- package/dist/__tests__/editor/NBSP.test.js +59 -0
- package/dist/__tests__/editor/NBSP.test.js.map +1 -0
- package/dist/__tests__/editor/br.test.d.ts +2 -0
- package/dist/__tests__/editor/br.test.d.ts.map +1 -0
- package/dist/__tests__/editor/br.test.js +43 -0
- package/dist/__tests__/editor/br.test.js.map +1 -0
- package/dist/__tests__/editor/hr.test.d.ts +2 -0
- package/dist/__tests__/editor/hr.test.d.ts.map +1 -0
- package/dist/__tests__/editor/hr.test.js +43 -0
- package/dist/__tests__/editor/hr.test.js.map +1 -0
- package/dist/__tests__/editor/no-wrap.test.d.ts +2 -0
- package/dist/__tests__/editor/no-wrap.test.d.ts.map +1 -0
- package/dist/__tests__/editor/no-wrap.test.js +43 -0
- package/dist/__tests__/editor/no-wrap.test.js.map +1 -0
- package/dist/__tests__/editor/noWrap.test.d.ts +2 -0
- package/dist/__tests__/editor/noWrap.test.d.ts.map +1 -0
- package/dist/__tests__/editor/noWrap.test.js +62 -0
- package/dist/__tests__/editor/noWrap.test.js.map +1 -0
- package/dist/__tests__/tsconfig.tsbuildinfo +1 -1
- package/dist/__tests__/utils/EditableGradingInstructionsWrapper.d.ts +1 -0
- package/dist/__tests__/utils/EditableGradingInstructionsWrapper.d.ts.map +1 -0
- package/dist/__tests__/utils/EditableGradingInstructionsWrapper.js +2 -0
- package/dist/__tests__/utils/EditableGradingInstructionsWrapper.js.map +1 -0
- package/dist/__tests__/utils/renderEditableGradingInstruction.d.ts +2 -0
- package/dist/__tests__/utils/renderEditableGradingInstruction.d.ts.map +1 -0
- package/dist/__tests__/utils/renderEditableGradingInstruction.js +16 -0
- package/dist/__tests__/utils/renderEditableGradingInstruction.js.map +1 -0
- package/dist/__tests__/utils/renderEditableGradingInstructions.d.ts +1 -0
- package/dist/__tests__/utils/renderEditableGradingInstructions.d.ts.map +1 -0
- package/dist/__tests__/utils/renderEditableGradingInstructions.js +2 -0
- package/dist/__tests__/utils/renderEditableGradingInstructions.js.map +1 -0
- package/dist/components/LexicalEditor.d.ts +3 -0
- package/dist/components/LexicalEditor.d.ts.map +1 -0
- package/dist/components/LexicalEditor.js +44 -0
- package/dist/components/LexicalEditor.js.map +1 -0
- package/dist/components/RTE.d.ts +3 -0
- package/dist/components/RTE.d.ts.map +1 -0
- package/dist/components/RTE.js +23 -0
- package/dist/components/RTE.js.map +1 -0
- package/dist/components/TablePlugin.d.ts +1 -0
- package/dist/components/TablePlugin.d.ts.map +1 -0
- package/dist/components/TablePlugin.js +2 -0
- package/dist/components/TablePlugin.js.map +1 -0
- package/dist/components/ToolBarPlugin.d.ts +10 -0
- package/dist/components/ToolBarPlugin.d.ts.map +1 -0
- package/dist/components/ToolBarPlugin.js +111 -0
- package/dist/components/ToolBarPlugin.js.map +1 -0
- package/dist/components/context/AnnotationContext.d.ts +8 -0
- package/dist/components/context/AnnotationContext.d.ts.map +1 -0
- package/dist/components/context/AnnotationContext.js +3 -0
- package/dist/components/context/AnnotationContext.js.map +1 -0
- package/dist/components/context/CommonExamContext.d.ts +0 -1
- package/dist/components/context/CommonExamContext.d.ts.map +1 -1
- package/dist/components/context/CommonExamContext.js +0 -3
- package/dist/components/context/CommonExamContext.js.map +1 -1
- package/dist/components/exam/ExamineExam.d.ts +5 -0
- package/dist/components/exam/ExamineExam.d.ts.map +1 -0
- package/dist/components/exam/ExamineExam.js +20 -0
- package/dist/components/exam/ExamineExam.js.map +1 -0
- package/dist/components/exam/FinishExam.d.ts +5 -0
- package/dist/components/exam/FinishExam.d.ts.map +1 -0
- package/dist/components/exam/FinishExam.js +17 -0
- package/dist/components/exam/FinishExam.js.map +1 -0
- package/dist/components/grading/reactAnnotation.d.ts +4 -0
- package/dist/components/grading/reactAnnotation.d.ts.map +1 -0
- package/dist/components/grading/reactAnnotation.js +54 -0
- package/dist/components/grading/reactAnnotation.js.map +1 -0
- package/dist/components/grading-instructions/AnswerGradingInstruction.d.ts.map +1 -1
- package/dist/components/grading-instructions/AnswerGradingInstruction.js +2 -7
- package/dist/components/grading-instructions/AnswerGradingInstruction.js.map +1 -1
- package/dist/components/grading-instructions/EditableGradingInstruction.d.ts.map +1 -1
- package/dist/components/grading-instructions/EditableGradingInstruction.js +56 -12
- package/dist/components/grading-instructions/EditableGradingInstruction.js.map +1 -1
- package/dist/components/grading-instructions/ExamGradingInstruction.d.ts.map +1 -1
- package/dist/components/grading-instructions/ExamGradingInstruction.js +2 -7
- package/dist/components/grading-instructions/ExamGradingInstruction.js.map +1 -1
- package/dist/components/grading-instructions/GradingInstructions.d.ts +1 -2
- package/dist/components/grading-instructions/GradingInstructions.d.ts.map +1 -1
- package/dist/components/grading-instructions/GradingInstructions.js +15 -18
- package/dist/components/grading-instructions/GradingInstructions.js.map +1 -1
- package/dist/components/grading-instructions/SlateTableEditor.d.ts +22 -0
- package/dist/components/grading-instructions/SlateTableEditor.d.ts.map +1 -0
- package/dist/components/grading-instructions/SlateTableEditor.js +44 -0
- package/dist/components/grading-instructions/SlateTableEditor.js.map +1 -0
- package/dist/components/grading-instructions/SlateUtils.d.ts +5 -0
- package/dist/components/grading-instructions/SlateUtils.d.ts.map +1 -0
- package/dist/components/grading-instructions/SlateUtils.js +28 -0
- package/dist/components/grading-instructions/SlateUtils.js.map +1 -0
- package/dist/components/grading-instructions/editor/FormatButton.d.ts +4 -2
- package/dist/components/grading-instructions/editor/FormatButton.d.ts.map +1 -1
- package/dist/components/grading-instructions/editor/FormatButton.js +5 -2
- package/dist/components/grading-instructions/editor/FormatButton.js.map +1 -1
- package/dist/components/grading-instructions/editor/Formula.d.ts +17 -0
- package/dist/components/grading-instructions/editor/Formula.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/Formula.js +81 -0
- package/dist/components/grading-instructions/editor/Formula.js.map +1 -0
- package/dist/components/grading-instructions/editor/FormulaPopup.d.ts +7 -0
- package/dist/components/grading-instructions/editor/FormulaPopup.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/FormulaPopup.js +49 -0
- package/dist/components/grading-instructions/editor/FormulaPopup.js.map +1 -0
- package/dist/components/grading-instructions/editor/MathPopup.d.ts +10 -0
- package/dist/components/grading-instructions/editor/MathPopup.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/MathPopup.js +94 -0
- package/dist/components/grading-instructions/editor/MathPopup.js.map +1 -0
- package/dist/components/grading-instructions/editor/NBSP.d.ts +4 -0
- package/dist/components/grading-instructions/editor/NBSP.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/NBSP.js +17 -0
- package/dist/components/grading-instructions/editor/NBSP.js.map +1 -0
- package/dist/components/grading-instructions/editor/Table.d.ts.map +1 -1
- package/dist/components/grading-instructions/editor/Table.js +24 -5
- package/dist/components/grading-instructions/editor/Table.js.map +1 -1
- package/dist/components/grading-instructions/editor/math-svg.d.ts +2 -0
- package/dist/components/grading-instructions/editor/math-svg.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/math-svg.js +22 -0
- package/dist/components/grading-instructions/editor/math-svg.js.map +1 -0
- package/dist/components/grading-instructions/editor/math.d.ts +4 -0
- package/dist/components/grading-instructions/editor/math.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/math.js +55 -0
- package/dist/components/grading-instructions/editor/math.js.map +1 -0
- package/dist/components/grading-instructions/editor/noWrap.d.ts +3 -0
- package/dist/components/grading-instructions/editor/noWrap.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/noWrap.js +13 -0
- package/dist/components/grading-instructions/editor/noWrap.js.map +1 -0
- package/dist/components/grading-instructions/editor/spanWithClass.d.ts +3 -0
- package/dist/components/grading-instructions/editor/spanWithClass.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/spanWithClass.js +19 -0
- package/dist/components/grading-instructions/editor/spanWithClass.js.map +1 -0
- package/dist/components/grading-instructions/editor/spanWithNowrap.d.ts +3 -0
- package/dist/components/grading-instructions/editor/spanWithNowrap.d.ts.map +1 -0
- package/dist/components/grading-instructions/editor/spanWithNowrap.js +19 -0
- package/dist/components/grading-instructions/editor/spanWithNowrap.js.map +1 -0
- package/dist/components/grading-instructions/prosemirror.d.ts +8 -0
- package/dist/components/grading-instructions/prosemirror.d.ts.map +1 -0
- package/dist/components/grading-instructions/prosemirror.js +108 -0
- package/dist/components/grading-instructions/prosemirror.js.map +1 -0
- package/dist/components/results/isExamFinishPageHook.d.ts +2 -0
- package/dist/components/results/isExamFinishPageHook.d.ts.map +1 -0
- package/dist/components/results/isExamFinishPageHook.js +7 -0
- package/dist/components/results/isExamFinishPageHook.js.map +1 -0
- package/dist/components/shared/CreateAnnotationPopup.d.ts +6 -0
- package/dist/components/shared/CreateAnnotationPopup.d.ts.map +1 -0
- package/dist/components/shared/CreateAnnotationPopup.js +11 -0
- package/dist/components/shared/CreateAnnotationPopup.js.map +1 -0
- package/dist/components/shared/Popup.d.ts +15 -0
- package/dist/components/shared/Popup.d.ts.map +1 -0
- package/dist/components/shared/Popup.js +90 -0
- package/dist/components/shared/Popup.js.map +1 -0
- package/dist/components/shared/PopupUtils.d.ts +4 -0
- package/dist/components/shared/PopupUtils.d.ts.map +1 -0
- package/dist/components/shared/PopupUtils.js +26 -0
- package/dist/components/shared/PopupUtils.js.map +1 -0
- package/dist/dom-utils.d.ts.map +1 -1
- package/dist/dom-utils.js +4 -2
- package/dist/dom-utils.js.map +1 -1
- package/dist/main-bundle.js +1 -1
- package/dist/main-bundle.js.LICENSE.txt +1 -1
- package/dist/main.css +1 -1
- package/dist/store/listenerMiddleware.d.ts +89 -0
- package/dist/store/listenerMiddleware.d.ts.map +1 -0
- package/dist/store/listenerMiddleware.js +6 -0
- package/dist/store/listenerMiddleware.js.map +1 -0
- package/package.json +3 -10
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { useContext, useState } from 'react';
|
1
|
+
import React, { useContext, useEffect, useState } from 'react';
|
2
2
|
import { schema as baseSchema } from 'prosemirror-schema-basic';
|
3
3
|
import { EditorState } from 'prosemirror-state';
|
4
4
|
import { baseKeymap } from 'prosemirror-commands';
|
@@ -6,36 +6,80 @@ import { GradingInstructionContext } from '../context/GradingInstructionContext'
|
|
6
6
|
import { ProseMirror } from '@nytimes/react-prosemirror';
|
7
7
|
import { DOMParser as ProseDOMParser, DOMSerializer, Schema } from 'prosemirror-model';
|
8
8
|
import { keymap } from 'prosemirror-keymap';
|
9
|
+
import { FormulaButton, formulaOutputSchema, FormulaPlugin, formulaSchema } from './editor/Formula';
|
9
10
|
import { TableMenu, tableSchema } from './editor/Table';
|
11
|
+
import { FormulaPopup } from './editor/FormulaPopup';
|
10
12
|
import FormatButton from './editor/FormatButton';
|
13
|
+
import { NbspButton, nbspPlugin } from './editor/NBSP';
|
14
|
+
import { spanWithNowrap } from './editor/spanWithNowrap';
|
15
|
+
import { faBold, faItalic } from '@fortawesome/free-solid-svg-icons';
|
11
16
|
const schema = new Schema({
|
12
|
-
nodes: baseSchema.spec.nodes.append(tableSchema),
|
13
|
-
marks: baseSchema.spec.marks
|
17
|
+
nodes: baseSchema.spec.nodes.append(formulaSchema).append(tableSchema),
|
18
|
+
marks: baseSchema.spec.marks.append(spanWithNowrap)
|
14
19
|
});
|
15
|
-
|
20
|
+
const outputSchema = new Schema({
|
21
|
+
nodes: baseSchema.spec.nodes.append(formulaOutputSchema).append(tableSchema),
|
22
|
+
marks: baseSchema.spec.marks.append(spanWithNowrap)
|
23
|
+
});
|
24
|
+
function Menu(props) {
|
25
|
+
const [isFixed, setIsFixed] = useState(false);
|
26
|
+
useEffect(() => {
|
27
|
+
const handleScroll = () => {
|
28
|
+
if (!props.textAreaElement) {
|
29
|
+
return;
|
30
|
+
}
|
31
|
+
const rect = props.textAreaElement.getBoundingClientRect();
|
32
|
+
if (rect.top < 25 && rect.bottom > 100) {
|
33
|
+
setIsFixed(true);
|
34
|
+
}
|
35
|
+
else {
|
36
|
+
setIsFixed(false);
|
37
|
+
}
|
38
|
+
};
|
39
|
+
window.addEventListener('scroll', handleScroll);
|
40
|
+
return () => {
|
41
|
+
window.removeEventListener('scroll', handleScroll);
|
42
|
+
};
|
43
|
+
}, [props.textAreaElement]);
|
16
44
|
return (React.createElement(React.Fragment, null,
|
17
|
-
React.createElement(
|
18
|
-
|
19
|
-
|
45
|
+
React.createElement("div", { className: "editor-menu-placeholder" },
|
46
|
+
React.createElement("div", { className: `editor-menu ${isFixed ? 'fixed' : ''}` },
|
47
|
+
React.createElement(FormatButton, { markName: "strong", icon: faBold }),
|
48
|
+
React.createElement(FormatButton, { markName: "em", icon: faItalic }),
|
49
|
+
React.createElement("span", { className: "editor-menu-separator" }),
|
50
|
+
React.createElement(FormulaButton, { setFormulaState: props.setFormulaState }),
|
51
|
+
React.createElement("span", { className: "editor-menu-separator" }),
|
52
|
+
React.createElement(TableMenu, null),
|
53
|
+
React.createElement("span", { className: "editor-menu-separator" }),
|
54
|
+
React.createElement(NbspButton, null)))));
|
20
55
|
}
|
21
56
|
function EditableGradingInstruction({ element }) {
|
22
57
|
const { onContentChange } = useContext(GradingInstructionContext);
|
23
58
|
const doc = ProseDOMParser.fromSchema(schema).parse(element);
|
24
59
|
const [mount, setMount] = useState(null);
|
25
|
-
const [
|
60
|
+
const [formulaState, setFormulaState] = useState(null);
|
61
|
+
const formulaPlugin = new FormulaPlugin(setFormulaState);
|
62
|
+
const [state, setState] = useState(EditorState.create({ schema, doc, plugins: [keymap(baseKeymap), formulaPlugin, nbspPlugin] }));
|
26
63
|
return (React.createElement(ProseMirror, { mount: mount, state: state, dispatchTransaction: tr => {
|
27
64
|
var _a;
|
28
65
|
setState(s => s.apply(tr));
|
29
|
-
const fragment = DOMSerializer.fromSchema(
|
66
|
+
const fragment = DOMSerializer.fromSchema(outputSchema).serializeFragment(tr.doc.content);
|
30
67
|
const div = document.createElement('div');
|
31
68
|
div.appendChild(fragment);
|
32
69
|
const path = (_a = element.getAttribute('path')) !== null && _a !== void 0 ? _a : '';
|
33
70
|
if (onContentChange) {
|
34
|
-
|
71
|
+
const nbspFixed = div.innerHTML
|
72
|
+
.replace(/ /g, ' ')
|
73
|
+
.replace(/<br>/g, '<br/>')
|
74
|
+
.replace(/<hr>/g, '<hr/>');
|
75
|
+
onContentChange(nbspFixed, path);
|
35
76
|
}
|
36
77
|
} },
|
37
|
-
React.createElement(Menu,
|
38
|
-
React.createElement("div", { ref: setMount })
|
78
|
+
React.createElement(Menu, { setFormulaState: setFormulaState, textAreaElement: mount }),
|
79
|
+
React.createElement("div", { className: "ProseMirror-focused", ref: setMount }),
|
80
|
+
formulaState && (React.createElement(FormulaPopup, { state: formulaState, onFinish: () => {
|
81
|
+
setFormulaState(null);
|
82
|
+
} }))));
|
39
83
|
}
|
40
84
|
export default EditableGradingInstruction;
|
41
85
|
//# sourceMappingURL=EditableGradingInstruction.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditableGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
1
|
+
{"version":3,"file":"EditableGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/EditableGradingInstruction.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExamGradingInstruction.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"ExamGradingInstruction.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAIvE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
@@ -1,9 +1,4 @@
|
|
1
|
-
import React
|
2
|
-
|
3
|
-
import EditableGradingInstruction from './EditableGradingInstruction';
|
4
|
-
const ExamGradingInstruction = ({ element, renderChildNodes }) => {
|
5
|
-
const { editable } = useContext(GradingInstructionContext);
|
6
|
-
return (React.createElement("div", { className: "e-exam-grading-instruction notification e-pad-4", "data-annotation-anchor": "exam-grading-instruction" }, editable ? React.createElement(EditableGradingInstruction, { element: element }) : renderChildNodes(element)));
|
7
|
-
};
|
1
|
+
import React from 'react';
|
2
|
+
const ExamGradingInstruction = ({ element, renderChildNodes }) => (React.createElement("div", { className: "e-exam-grading-instruction notification e-pad-4", "data-annotation-anchor": "exam-grading-instruction" }, renderChildNodes(element)));
|
8
3
|
export default ExamGradingInstruction;
|
9
4
|
//# sourceMappingURL=ExamGradingInstruction.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExamGradingInstruction.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/ExamGradingInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
1
|
+
{"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"}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { AnnotationProps, CommonExamProps } from '../exam/Exam';
|
3
|
-
import { GradingInstructionProps } from '../context/GradingInstructionContext';
|
4
3
|
export declare const GradingInstructionsPageTitle: React.FunctionComponent;
|
5
|
-
declare const _default: React.MemoExoticComponent<React.ComponentType<CommonExamProps & AnnotationProps
|
4
|
+
declare const _default: React.MemoExoticComponent<React.ComponentType<CommonExamProps & AnnotationProps>>;
|
6
5
|
export default _default;
|
7
6
|
//# sourceMappingURL=GradingInstructions.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"GradingInstructions.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/GradingInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAcpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;
|
1
|
+
{"version":3,"file":"GradingInstructions.d.ts","sourceRoot":"","sources":["../../../src/components/grading-instructions/GradingInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAcpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AA8H/D,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAGhD,CAAA;;AAED,wBAAqE"}
|
@@ -30,7 +30,6 @@ import QuestionTitle from './QuestionTitle';
|
|
30
30
|
import Recording from './Recording';
|
31
31
|
import Section from './Section';
|
32
32
|
import SectionTitle from './SectionTitle';
|
33
|
-
import { GradingInstructionProvider } from './GradingInstructionProvider';
|
34
33
|
const renderIfWithinGradingInstructionContent = renderIf(({ element }) => queryAncestors(element, [
|
35
34
|
// Keep in sync with lists in mastering/index.ts
|
36
35
|
'answer-grading-instruction',
|
@@ -71,7 +70,7 @@ const renderChildNodes = createRenderChildNodes({
|
|
71
70
|
'section-title': SectionTitle,
|
72
71
|
video: Recording
|
73
72
|
});
|
74
|
-
const GradingInstructions = ({ doc, annotations, onClickAnnotation, onSaveAnnotation
|
73
|
+
const GradingInstructions = ({ doc, annotations, onClickAnnotation, onSaveAnnotation }) => {
|
75
74
|
const root = doc.documentElement;
|
76
75
|
const { date, dateTimeFormatter, dayCode, examCode, language, subjectLanguage } = useContext(CommonExamContext);
|
77
76
|
const examTitle = findChildElement(root, 'exam-title');
|
@@ -85,23 +84,21 @@ const GradingInstructions = ({ doc, annotations, onClickAnnotation, onSaveAnnota
|
|
85
84
|
const i18n = useCached(() => initI18n(language, examCode, dayCode));
|
86
85
|
useEffect(changeLanguage(i18n, language));
|
87
86
|
useEffect(scrollToHash, []);
|
88
|
-
const props = editable ? { editable, onContentChange, saveScreenshot } : { editable };
|
89
87
|
return (React.createElement(AnnotationProvider, { annotations: annotations, onClickAnnotation: onClickAnnotation, onSaveAnnotation: onSaveAnnotation },
|
90
|
-
React.createElement(
|
91
|
-
React.createElement(
|
92
|
-
React.createElement(
|
93
|
-
|
94
|
-
React.createElement(
|
95
|
-
React.createElement(
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
renderChildNodes(root))))));
|
88
|
+
React.createElement(I18nextProvider, { i18n: i18n },
|
89
|
+
React.createElement("main", { className: "e-exam e-grading-instructions", lang: subjectLanguage },
|
90
|
+
React.createElement(React.StrictMode, null),
|
91
|
+
React.createElement(SectionElement, { "aria-labelledby": examTitleId },
|
92
|
+
React.createElement(DocumentTitle, { id: examTitleId },
|
93
|
+
React.createElement(GradingInstructionsPageTitle, null),
|
94
|
+
" ",
|
95
|
+
examTitle && renderChildNodes(examTitle)),
|
96
|
+
date && (React.createElement("p", null,
|
97
|
+
React.createElement("strong", null, dateTimeFormatter.format(date)))),
|
98
|
+
examGradingInstruction && (React.createElement(ExamGradingInstruction, { element: examGradingInstruction, renderChildNodes })),
|
99
|
+
tableOfContents && (React.createElement("div", { className: "main-toc-container" },
|
100
|
+
React.createElement(TableOfContents, { element: tableOfContents, renderChildNodes })))),
|
101
|
+
renderChildNodes(root)))));
|
105
102
|
};
|
106
103
|
// Wrap to a separate component, since we can't use translation hooks in the root component.
|
107
104
|
export const GradingInstructionsPageTitle = () => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"GradingInstructions.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/GradingInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEvF,OAAO,mBAAmB,MAAM,6BAA6B,CAAA;AAC7D,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AACvD,OAAO,iBAAiB,MAAM,2BAA2B,CAAA;AACzD,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,IAAI,MAAM,gBAAgB,CAAA;AACjC,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,KAAK,MAAM,iBAAiB,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAA;
|
1
|
+
{"version":3,"file":"GradingInstructions.js","sourceRoot":"","sources":["../../../src/components/grading-instructions/GradingInstructions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEvF,OAAO,mBAAmB,MAAM,6BAA6B,CAAA;AAC7D,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AACvD,OAAO,iBAAiB,MAAM,2BAA2B,CAAA;AACzD,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,IAAI,MAAM,gBAAgB,CAAA;AACjC,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,KAAK,MAAM,iBAAiB,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,uCAAuC,GAAG,QAAQ,CACtD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACd,cAAc,CAAC,OAAO,EAAE;IACtB,gDAAgD;IAChD,4BAA4B;IAC5B,sBAAsB;IACtB,wBAAwB;IACxB,0BAA0B;IAC1B,8BAA8B;IAC9B,MAAM;IACN,gBAAgB;IAChB,sBAAsB;CACvB,CAAC,IAAI,IAAI,CACb,CAAA;AAED,MAAM,iCAAiC,GAAG,QAAQ,CAChD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC,CAAC,IAAI,IAAI,CACxE,CAAA;AAED,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;IAC9C,iBAAiB,EAAE,sBAAsB;IACzC,UAAU,EAAE,kBAAkB;IAC9B,iBAAiB,EAAE,iCAAiC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/E,kBAAkB,EAAE,iCAAiC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACjF,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,kBAAkB;IACjC,eAAe,EAAE,gBAAgB;IACjC,sBAAsB,EAAE,sBAAsB;IAC9C,iBAAiB,EAAE,gBAAgB;IACnC,wBAAwB,EAAE,sBAAsB;IAChD,mBAAmB,EAAE,kBAAkB;IACvC,IAAI,EAAE,uCAAuC,CAAC,IAAI,CAAC;IACnD,OAAO,EAAE,uCAAuC,CAAC,OAAO,CAAC;IACzD,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,uCAAuC,CAAC,KAAK,CAAC;IACrD,QAAQ,EAAE,QAAQ;IAClB,gBAAgB,EAAE,aAAa;IAC/B,sBAAsB,EAAE,mBAAmB;IAC3C,8BAA8B,EAAE,wBAAwB;IACxD,iBAAiB,EAAE,cAAc;IACjC,WAAW,EAAE,eAAe;IAC5B,oBAAoB,EAAE,gBAAgB;IACtC,aAAa,EAAE,gBAAgB;IAC/B,OAAO,EAAE,OAAO;IAChB,eAAe,EAAE,YAAY;IAC7B,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAA+D,CAAC,EACvF,GAAG,EACH,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACjB,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,CAAA;IAChC,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE/G,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IACtD,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAA;IACjF,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;IACnE,MAAM,eAAe,GAAG,iBAAiB,CAAC;QACxC,yBAAyB,EAAE,KAAK;QAChC,mBAAmB,EAAE,KAAK;QAC1B,WAAW,EAAE,KAAK;KACnB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACnE,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB;QAElC,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI;YACzB,8BAAM,SAAS,EAAC,+BAA+B,EAAC,IAAI,EAAE,eAAe;gBACnE,oBAAC,KAAK,CAAC,UAAU,OAAG;gBACpB,oBAAC,cAAc,uBAAkB,WAAW;oBAC1C,oBAAC,aAAa,IAAC,EAAE,EAAE,WAAW;wBAC5B,oBAAC,4BAA4B,OAAG;;wBAAE,SAAS,IAAI,gBAAgB,CAAC,SAAS,CAAC,CAC5D;oBACf,IAAI,IAAI,CACP;wBACE,oCAAS,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAU,CAC/C,CACL;oBACA,sBAAsB,IAAI,CACzB,oBAAC,sBAAsB,IAAO,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,GAAM,CACtF;oBACA,eAAe,IAAI,CAClB,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,oBAAC,eAAe,IAAO,OAAO,EAAE,eAAe,EAAE,gBAAgB,GAAM,CACnE,CACP,CACc;gBAChB,gBAAgB,CAAC,IAAI,CAAC,CAClB,CACS,CACC,CACtB,CAAA;AACH,CAAC,CAAA;AAED,4FAA4F;AAC5F,MAAM,CAAC,MAAM,4BAA4B,GAA4B,GAAG,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,OAAO,0CAAG,CAAC,CAAC,iCAAiC,CAAC,CAAI,CAAA;AACpD,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC,CAAA"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ReactEditor } from 'slate-react';
|
3
|
+
import { BaseEditor } from 'slate';
|
4
|
+
import { HistoryEditor } from 'slate-history';
|
5
|
+
export type CustomElement = {
|
6
|
+
type: 'paragraph' | 'table' | 'table-row' | 'table-cell';
|
7
|
+
children: CustomText[];
|
8
|
+
};
|
9
|
+
type CustomText = {
|
10
|
+
text: string;
|
11
|
+
bold?: true;
|
12
|
+
};
|
13
|
+
declare module 'slate' {
|
14
|
+
interface CustomTypes {
|
15
|
+
Editor: BaseEditor & ReactEditor & HistoryEditor;
|
16
|
+
Element: CustomElement;
|
17
|
+
Text: CustomText;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
export declare const SlateTableEditor: React.FC;
|
21
|
+
export {};
|
22
|
+
//# sourceMappingURL=SlateTableEditor.d.ts.map
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import React, { useMemo, useCallback, useState } from 'react';
|
2
|
+
import { Slate, Editable, withReact } from 'slate-react';
|
3
|
+
import { createEditor } from 'slate';
|
4
|
+
import { withHistory } from 'slate-history';
|
5
|
+
import { insertTable, isTableActive, removeTable } from './SlateUtils';
|
6
|
+
export const SlateTableEditor = () => {
|
7
|
+
const editor = useMemo(() => withHistory(withReact(createEditor())), []);
|
8
|
+
const [value, setValue] = useState([
|
9
|
+
{
|
10
|
+
type: 'paragraph',
|
11
|
+
children: [{ text: 'This is a Slate editor with table functionalities.' }]
|
12
|
+
}
|
13
|
+
]);
|
14
|
+
const renderElement = useCallback((props) => {
|
15
|
+
switch (props.element.type) {
|
16
|
+
case 'table':
|
17
|
+
return React.createElement(Table, { ...props });
|
18
|
+
case 'table-row':
|
19
|
+
return React.createElement(TableRow, { ...props });
|
20
|
+
case 'table-cell':
|
21
|
+
return React.createElement(TableCell, { ...props });
|
22
|
+
default:
|
23
|
+
return React.createElement(DefaultElement, { ...props });
|
24
|
+
}
|
25
|
+
}, []);
|
26
|
+
const insertTableCallback = () => insertTable(editor, 3, 3); // Inserts a 3x3 table
|
27
|
+
const removeTableCallback = () => removeTable(editor);
|
28
|
+
return (React.createElement("div", null,
|
29
|
+
"hello",
|
30
|
+
React.createElement(Slate, { editor: editor, initialValue: value, onChange: newValue => {
|
31
|
+
console.log(newValue);
|
32
|
+
setValue(newValue);
|
33
|
+
} },
|
34
|
+
React.createElement("div", null,
|
35
|
+
React.createElement("button", { onClick: insertTableCallback }, "Insert Table"),
|
36
|
+
React.createElement("button", { onClick: removeTableCallback, disabled: !isTableActive(editor) }, "Remove Table")),
|
37
|
+
React.createElement(Editable, { renderElement: renderElement }))));
|
38
|
+
};
|
39
|
+
const Table = ({ attributes, children }) => (React.createElement("table", null,
|
40
|
+
React.createElement("tbody", { ...attributes }, children)));
|
41
|
+
const TableRow = ({ attributes, children }) => React.createElement("tr", { ...attributes }, children);
|
42
|
+
const TableCell = ({ attributes, children }) => React.createElement("td", { ...attributes }, children);
|
43
|
+
const DefaultElement = ({ attributes, children }) => React.createElement("p", { ...attributes }, children);
|
44
|
+
//# sourceMappingURL=SlateTableEditor.js.map
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { Editor } from 'slate';
|
2
|
+
export declare const insertTable: (editor: Editor, rows: number, columns: number) => void;
|
3
|
+
export declare const isTableActive: (editor: Editor) => boolean;
|
4
|
+
export declare const removeTable: (editor: Editor) => void;
|
5
|
+
//# sourceMappingURL=SlateUtils.d.ts.map
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { Transforms, Editor } from 'slate';
|
2
|
+
export const insertTable = (editor, rows, columns) => {
|
3
|
+
const table = {
|
4
|
+
type: 'table',
|
5
|
+
children: Array.from({ length: rows }, () => ({
|
6
|
+
type: 'table-row',
|
7
|
+
children: Array.from({ length: columns }, () => ({
|
8
|
+
type: 'table-cell',
|
9
|
+
children: [{ text: '' }]
|
10
|
+
}))
|
11
|
+
}))
|
12
|
+
};
|
13
|
+
// @ts-expect-error
|
14
|
+
Transforms.insertNodes(editor, table);
|
15
|
+
};
|
16
|
+
export const isTableActive = (editor) => {
|
17
|
+
const [match] = Editor.nodes(editor, {
|
18
|
+
match: n => {
|
19
|
+
console.log(n, typeof n);
|
20
|
+
return n.type === 'table';
|
21
|
+
}
|
22
|
+
});
|
23
|
+
return !!match;
|
24
|
+
};
|
25
|
+
export const removeTable = (editor) => {
|
26
|
+
Transforms.removeNodes(editor, { match: n => n.type === 'table' });
|
27
|
+
};
|
28
|
+
//# sourceMappingURL=SlateUtils.js.map
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
|
2
3
|
interface Props {
|
3
4
|
markName: string;
|
4
|
-
displayName
|
5
|
+
displayName?: string;
|
6
|
+
icon?: IconDefinition;
|
5
7
|
}
|
6
|
-
declare function FormatButton({ markName,
|
8
|
+
declare function FormatButton({ markName, icon }: Props): React.JSX.Element;
|
7
9
|
export default FormatButton;
|
8
10
|
//# sourceMappingURL=FormatButton.d.ts.map
|
@@ -1 +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;
|
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,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGlE,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB;AAID,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,qBAuB9C;AAED,eAAe,YAAY,CAAA"}
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { useEditorEventCallback, useEditorState } from '@nytimes/react-prosemirror';
|
2
2
|
import { toggleMark } from 'prosemirror-commands';
|
3
3
|
import React, { useEffect, useState } from 'react';
|
4
|
+
import classNames from 'classnames';
|
5
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
4
6
|
const getMarkType = (state, markName) => state.schema.marks[markName];
|
5
|
-
function FormatButton({ markName,
|
7
|
+
function FormatButton({ markName, icon }) {
|
6
8
|
const editorState = useEditorState();
|
7
9
|
const [isActive, setIsActive] = useState(false);
|
8
10
|
const onClick = useEditorEventCallback(view => {
|
@@ -17,7 +19,8 @@ function FormatButton({ markName, displayName }) {
|
|
17
19
|
: getMarkType(editorState, markName).isInSet(editorState.selection.$to.marks()); // is current input marked?
|
18
20
|
setIsActive(!!isTextFormatActive);
|
19
21
|
}, [editorState]);
|
20
|
-
return (React.createElement("button", { onClick: onClick,
|
22
|
+
return (React.createElement("button", { onClick: onClick, className: classNames({ active: isActive }) },
|
23
|
+
React.createElement(FontAwesomeIcon, { size: "lg", icon: icon })));
|
21
24
|
}
|
22
25
|
export default FormatButton;
|
23
26
|
//# sourceMappingURL=FormatButton.js.map
|
@@ -1 +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;
|
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;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAQhE,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,IAAI,EAAE,IAAK,GAAI,CACnC,CACV,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { Plugin } from 'prosemirror-state';
|
2
|
+
import { NodeSpec } from 'prosemirror-model';
|
3
|
+
import React from 'react';
|
4
|
+
export type FormulaEditorState = {
|
5
|
+
pos: number;
|
6
|
+
latex: string;
|
7
|
+
element: Element;
|
8
|
+
};
|
9
|
+
export declare const formulaSchema: NodeSpec;
|
10
|
+
export declare const formulaOutputSchema: NodeSpec;
|
11
|
+
export declare function FormulaButton(props: {
|
12
|
+
setFormulaState: (values: FormulaEditorState) => void;
|
13
|
+
}): React.JSX.Element;
|
14
|
+
export declare class FormulaPlugin extends Plugin {
|
15
|
+
constructor(updateFormulaState: (values: FormulaEditorState) => void);
|
16
|
+
}
|
17
|
+
//# sourceMappingURL=Formula.d.ts.map
|
@@ -0,0 +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,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"}
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { Plugin, PluginKey } from 'prosemirror-state';
|
2
|
+
import { Fragment } from 'prosemirror-model';
|
3
|
+
import { useEditorEventCallback } from '@nytimes/react-prosemirror';
|
4
|
+
import React from 'react';
|
5
|
+
export const formulaSchema = {
|
6
|
+
formula: {
|
7
|
+
inline: true,
|
8
|
+
group: 'inline',
|
9
|
+
atom: true,
|
10
|
+
attrs: {
|
11
|
+
latex: {},
|
12
|
+
mode: { default: '' }
|
13
|
+
},
|
14
|
+
parseDOM: [
|
15
|
+
{
|
16
|
+
tag: '[data-editor-id=e-formula]',
|
17
|
+
getAttrs(dom) {
|
18
|
+
return {
|
19
|
+
latex: dom.textContent,
|
20
|
+
mode: dom.getAttribute('mode')
|
21
|
+
};
|
22
|
+
}
|
23
|
+
}
|
24
|
+
],
|
25
|
+
toDOM(node) {
|
26
|
+
const container = document.createElement('img');
|
27
|
+
if (node.attrs.latex) {
|
28
|
+
container.setAttribute('alt', node.attrs.latex);
|
29
|
+
container.setAttribute('src', `/math.svg?latex=${encodeURIComponent(node.attrs.latex)}`);
|
30
|
+
}
|
31
|
+
return container;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
};
|
35
|
+
export const formulaOutputSchema = {
|
36
|
+
formula: {
|
37
|
+
...formulaSchema.formula,
|
38
|
+
toDOM(node) {
|
39
|
+
const container = document.createElement('span');
|
40
|
+
container.innerHTML = `<e:formula ${node.attrs.mode ? `mode="${node.attrs.mode}"` : ''}>${node.attrs.latex}</e:formula>`;
|
41
|
+
return container.firstElementChild;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
};
|
45
|
+
export function FormulaButton(props) {
|
46
|
+
const onClick = useEditorEventCallback(view => {
|
47
|
+
const transaction = view.state.tr;
|
48
|
+
const formula = view.state.schema.nodes.formula.create({ latex: '' }, Fragment.empty);
|
49
|
+
if (view.dispatch) {
|
50
|
+
view.dispatch(transaction.insert(view.state.selection.to, formula).scrollIntoView());
|
51
|
+
const pos = view.state.selection.to - formula.nodeSize;
|
52
|
+
const element = view.nodeDOM(pos);
|
53
|
+
if (element instanceof Element) {
|
54
|
+
props.setFormulaState({ pos, latex: '', element });
|
55
|
+
}
|
56
|
+
}
|
57
|
+
});
|
58
|
+
return (React.createElement("button", { onClick: onClick, "data-testid": "add-formula", className: "editor-menu-text-button" }, "Lis\u00E4\u00E4 kaava"));
|
59
|
+
}
|
60
|
+
export class FormulaPlugin extends Plugin {
|
61
|
+
constructor(updateFormulaState) {
|
62
|
+
super({
|
63
|
+
key: new PluginKey('Formula'),
|
64
|
+
props: {
|
65
|
+
handleClick(view, pos) {
|
66
|
+
const { state } = view;
|
67
|
+
const node = state.doc.nodeAt(pos);
|
68
|
+
if (node && node.type.name === 'formula') {
|
69
|
+
const domNode = view.nodeDOM(pos);
|
70
|
+
if (domNode instanceof Element) {
|
71
|
+
updateFormulaState({ pos, element: domNode, latex: node.attrs.latex });
|
72
|
+
return true;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
return false;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
});
|
79
|
+
}
|
80
|
+
}
|
81
|
+
//# sourceMappingURL=Formula.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Formula.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/Formula.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
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"}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { useEditorEventCallback } from '@nytimes/react-prosemirror';
|
3
|
+
import { Popup } from '../../shared/Popup';
|
4
|
+
export function FormulaPopup({ state, onFinish }) {
|
5
|
+
const onValueChange = (text) => {
|
6
|
+
if (text.length && !containsOnlyOneImgTag(text)) {
|
7
|
+
return 'Ainoastaan yksi kaava sallittu';
|
8
|
+
}
|
9
|
+
return null;
|
10
|
+
};
|
11
|
+
const onContentChange = useEditorEventCallback((view, textField) => {
|
12
|
+
const node = view.state.doc.nodeAt(state.pos);
|
13
|
+
const latex = extractLatex(textField) || '';
|
14
|
+
const { schema } = view.state;
|
15
|
+
if (node) {
|
16
|
+
const tr = view.state.tr.replaceWith(state.pos, state.pos + node.nodeSize, schema.node('formula', { ...node.attrs, ...{ latex } }));
|
17
|
+
view.dispatch(tr);
|
18
|
+
}
|
19
|
+
onFinish();
|
20
|
+
});
|
21
|
+
const onDelete = useEditorEventCallback(view => {
|
22
|
+
const node = view.state.doc.nodeAt(state.pos);
|
23
|
+
if (node) {
|
24
|
+
const tr = view.state.tr.delete(state.pos, state.pos + node.nodeSize);
|
25
|
+
view.dispatch(tr);
|
26
|
+
}
|
27
|
+
onFinish();
|
28
|
+
});
|
29
|
+
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: () => {
|
30
|
+
if (!state.latex.length) {
|
31
|
+
onDelete();
|
32
|
+
}
|
33
|
+
onFinish();
|
34
|
+
} }));
|
35
|
+
}
|
36
|
+
function extractLatex(value) {
|
37
|
+
const latexPattern = /alt="([^&]+)" src=/;
|
38
|
+
const latexMatch = value.match(latexPattern);
|
39
|
+
if (!latexMatch || latexMatch.length < 2) {
|
40
|
+
return;
|
41
|
+
}
|
42
|
+
return decodeURIComponent(latexMatch[1]);
|
43
|
+
}
|
44
|
+
function containsOnlyOneImgTag(htmlString) {
|
45
|
+
const imgTagPattern = /^<img\s+[^>]*>$/g;
|
46
|
+
const matches = htmlString.trim().match(imgTagPattern);
|
47
|
+
return matches && matches.length === 1;
|
48
|
+
}
|
49
|
+
//# sourceMappingURL=FormulaPopup.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"FormulaPopup.js","sourceRoot":"","sources":["../../../../src/components/grading-instructions/editor/FormulaPopup.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { EditorView } from 'prosemirror-view';
|
3
|
+
export declare function MathPopup({ latex, update, pos, element, onCancel }: {
|
4
|
+
latex: string;
|
5
|
+
update: (view: EditorView, pos: number, latex: string) => void;
|
6
|
+
pos: number;
|
7
|
+
element: Element;
|
8
|
+
onCancel: () => void;
|
9
|
+
}): React.JSX.Element;
|
10
|
+
//# sourceMappingURL=MathPopup.d.ts.map
|