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

package/dist/__tests__/utils/ProseMirrorWrapper.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+interface WrapperProps {
+    children?: ReactNode;
+    innerHtml?: string;
+}
+declare const ProseMirrorWrapper: React.FC<WrapperProps>;
+export default ProseMirrorWrapper;
+//# sourceMappingURL=ProseMirrorWrapper.d.ts.map

package/dist/__tests__/utils/ProseMirrorWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProseMirrorWrapper.d.ts","sourceRoot":"","sources":["../../../__tests__/utils/ProseMirrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAMlD,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB9C,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/__tests__/utils/ProseMirrorWrapper.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_prosemirror_1 = require("@nytimes/react-prosemirror");
+const prosemirror_schema_basic_1 = require("prosemirror-schema-basic");
+const prosemirror_model_1 = require("prosemirror-model");
+const prosemirror_state_1 = require("prosemirror-state");
+const ProseMirrorWrapper = ({ children, innerHtml = '' }) => {
+    const [mount, setMount] = (0, react_1.useState)(null);
+    const container = document.createElement('div');
+    container.innerHTML = innerHtml;
+    const doc = prosemirror_model_1.DOMParser.fromSchema(prosemirror_schema_basic_1.schema).parse(container);
+    const [state, setState] = (0, react_1.useState)(prosemirror_state_1.EditorState.create({ schema: prosemirror_schema_basic_1.schema, doc }));
+    return (react_1.default.createElement(react_prosemirror_1.ProseMirror, { state: state, mount: mount, dispatchTransaction: tr => {
+            setState(s => s.apply(tr));
+        } },
+        react_1.default.createElement("div", { ref: setMount }),
+        children));
+};
+exports.default = ProseMirrorWrapper;
+//# sourceMappingURL=ProseMirrorWrapper.js.map

package/dist/__tests__/utils/ProseMirrorWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProseMirrorWrapper.js","sourceRoot":"","sources":["../../../__tests__/utils/ProseMirrorWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,kEAAwD;AACxD,uEAAiD;AACjD,yDAA+D;AAC/D,yDAA+C;AAO/C,MAAM,kBAAkB,GAA2B,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAC5D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/C,SAAS,CAAC,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,GAAG,GAAG,6BAAc,CAAC,UAAU,CAAC,iCAAM,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,+BAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAN,iCAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IAEvE,OAAO,CACL,8BAAC,+BAAW,IACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,EAAE,CAAC,EAAE;YACxB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QAC5B,CAAC;QAED,uCAAK,GAAG,EAAE,QAAQ,GAAI;QACrB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,kBAAkB,CAAA"}

package/dist/__tests__/utils/prosemirror.d.ts

@@ -0,0 +1,3 @@
+export declare function mockCreateRange(): () => () => Range;
+export declare function promisifiedFireEventInput(element: Element, options: object): Promise<void>;
+//# sourceMappingURL=prosemirror.d.ts.map

package/dist/__tests__/utils/prosemirror.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../../__tests__/utils/prosemirror.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,sBA2B9B;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAK1E"}

package/dist/__tests__/utils/prosemirror.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mockCreateRange = mockCreateRange;
+exports.promisifiedFireEventInput = promisifiedFireEventInput;
+const react_1 = require("@testing-library/react");
+function mockCreateRange() {
+    const originalCreateRange = global.window.document.createRange;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    global.Range = function Range() { };
+    const createContextualFragment = (html) => {
+        const div = document.createElement('div');
+        div.innerHTML = html;
+        return div.children[0];
+    };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    Range.prototype.createContextualFragment = (html) => createContextualFragment(html);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    global.window.document.createRange = function createRange() {
+        return {
+            setEnd: () => { },
+            setStart: () => { },
+            getBoundingClientRect: () => ({ right: 0 }),
+            getClientRects: () => [],
+            createContextualFragment
+        };
+    };
+    return () => (global.window.document.createRange = originalCreateRange);
+}
+function promisifiedFireEventInput(element, options) {
+    return new Promise(resolve => {
+        react_1.fireEvent.input(element, options);
+        resolve();
+    });
+}
+//# sourceMappingURL=prosemirror.js.map

package/dist/__tests__/utils/prosemirror.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prosemirror.js","sourceRoot":"","sources":["../../../__tests__/utils/prosemirror.ts"],"names":[],"mappings":";;AAEA,0CA2BC;AAED,8DAKC;AApCD,kDAAkD;AAElD,SAAgB,eAAe;IAC7B,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAA;IAC9D,6DAA6D;IAC7D,mBAAmB;IACnB,MAAM,CAAC,KAAK,GAAG,SAAS,KAAK,KAAI,CAAC,CAAA;IAElC,MAAM,wBAAwB,GAAG,CAAC,IAAY,EAAE,EAAE;QAChD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;QACpB,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACxB,CAAC,CAAA;IACD,6DAA6D;IAC7D,mBAAmB;IACnB,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAE3F,6DAA6D;IAC7D,mBAAmB;IACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,GAAG,SAAS,WAAW;QACvD,OAAO;YACL,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;YAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;YAClB,qBAAqB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC3C,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE;YACxB,wBAAwB;SACzB,CAAA;IACH,CAAC,CAAA;IACD,OAAO,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,GAAG,mBAAmB,CAAC,CAAA;AACzE,CAAC;AAED,SAAgB,yBAAyB,CAAC,OAAgB,EAAE,OAAe;IACzE,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;QACjC,iBAAS,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QACjC,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/components/LexicalEditor.d.ts

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

package/dist/components/LexicalEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalEditor.d.ts","sourceRoot":"","sources":["../../src/components/LexicalEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsCzB,wBAAgB,aAAa,sBAiB5B"}

package/dist/components/LexicalEditor.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { ToolbarPlugin } from './ToolBarPlugin';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
+import { ListPlugin } from '@lexical/react/LexicalListPlugin';
+import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
+import { ListNode, ListItemNode } from '@lexical/list';
+const theme = {
+    // Add your custom styling here
+    ltr: 'ltr',
+    rtl: 'rtl',
+    placeholder: 'editor-placeholder',
+    paragraph: 'editor-paragraph'
+};
+function Placeholder() {
+    return React.createElement("div", { className: "editor-placeholder" }, "Enter some text...");
+}
+function onChange(editorState) {
+    console.log(editorState);
+}
+const initialConfig = {
+    namespace: 'MyEditor',
+    theme,
+    onError(error) {
+        throw error;
+    },
+    nodes: [TableCellNode, TableNode, TableRowNode, ListNode, ListItemNode]
+};
+export function LexicalEditor() {
+    return (React.createElement(LexicalComposer, { initialConfig: initialConfig },
+        React.createElement(ToolbarPlugin, null),
+        React.createElement(TablePlugin, null),
+        React.createElement(ListPlugin, null),
+        React.createElement("div", { className: "editor-container" },
+            React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: "editor-input" }), placeholder: React.createElement(Placeholder, null), ErrorBoundary: LexicalErrorBoundary }),
+            React.createElement(HistoryPlugin, null),
+            React.createElement(OnChangePlugin, { onChange: onChange }))));
+}
+//# sourceMappingURL=LexicalEditor.js.map

package/dist/components/LexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalEditor.js","sourceRoot":"","sources":["../../src/components/LexicalEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,KAAK,GAAG;IACZ,+BAA+B;IAC/B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,WAAW,EAAE,oBAAoB;IACjC,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,SAAS,WAAW;IAClB,OAAO,6BAAK,SAAS,EAAC,oBAAoB,yBAAyB,CAAA;AACrE,CAAC;AAED,SAAS,QAAQ,CAAC,WAAmB;IACnC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,UAAU;IACrB,KAAK;IACL,OAAO,CAAC,KAAY;QAClB,MAAM,KAAK,CAAA;IACb,CAAC;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC;CACxE,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,oBAAC,eAAe,IAAC,aAAa,EAAE,aAAa;QAC3C,oBAAC,aAAa,OAAG;QACjB,oBAAC,WAAW,OAAG;QACf,oBAAC,UAAU,OAAG;QACd,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,oBAAC,cAAc,IACb,eAAe,EAAE,oBAAC,eAAe,IAAC,SAAS,EAAC,cAAc,GAAG,EAC7D,WAAW,EAAE,oBAAC,WAAW,OAAG,EAC5B,aAAa,EAAE,oBAAoB,GACnC;YACF,oBAAC,aAAa,OAAG;YACjB,oBAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAClC,CACU,CACnB,CAAA;AACH,CAAC"}

package/dist/components/RTE.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const RichTextEditor: () => React.JSX.Element;
+//# sourceMappingURL=RTE.d.ts.map

package/dist/components/RTE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTE.d.ts","sourceRoot":"","sources":["../../src/components/RTE.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,yBAmC1B,CAAA"}

package/dist/components/RTE.js

@@ -0,0 +1,23 @@
+import React, { useRef } from 'react';
+export const RichTextEditor = () => {
+    const editorRef = useRef(null);
+    const handleBoldText = () => {
+        document.queryCommandState('bold');
+        const selection = window.getSelection();
+        console.log(selection);
+        if (editorRef.current) {
+            editorRef.current.focus();
+        }
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { style: { marginBottom: '10px' } },
+            React.createElement("button", { onClick: handleBoldText },
+                React.createElement("b", null, "B"))),
+        React.createElement("div", { ref: editorRef, contentEditable: true, style: {
+                border: '1px solid #ccc',
+                minHeight: '200px',
+                padding: '10px',
+                fontFamily: 'Arial'
+            } }, "Start editing this text...")));
+};
+//# sourceMappingURL=RTE.js.map

package/dist/components/RTE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTE.js","sourceRoot":"","sources":["../../src/components/RTE.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE9C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;QACvC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QACtB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC3B,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YAClC,gCAAQ,OAAO,EAAE,cAAc;gBAC7B,mCAAQ,CACD,CAEL;QACN,6BACE,GAAG,EAAE,SAAS,EACd,eAAe,EAAE,IAAI,EACrB,KAAK,EAAE;gBACL,MAAM,EAAE,gBAAgB;gBACxB,SAAS,EAAE,OAAO;gBAClB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,OAAO;aACpB,iCAIG,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/TablePlugin.d.ts

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

package/dist/components/TablePlugin.d.ts.map

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

package/dist/components/TablePlugin.js

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

package/dist/components/TablePlugin.js.map

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

package/dist/components/ToolBarPlugin.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+export declare function ToolbarPlugin(): React.JSX.Element;
+//# sourceMappingURL=ToolBarPlugin.d.ts.map

package/dist/components/ToolBarPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolBarPlugin.d.ts","sourceRoot":"","sources":["../../src/components/ToolBarPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAuBvE,wBAAgB,aAAa,sBA+K5B"}

package/dist/components/ToolBarPlugin.js

@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { INSERT_TABLE_COMMAND } from '@lexical/table';
+import { INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list';
+import { $getSelection, $isRangeSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from 'lexical';
+const LowPriority = 1;
+function Divider() {
+    return React.createElement("div", { className: "divider" });
+}
+export function ToolbarPlugin() {
+    const [editor] = useLexicalComposerContext();
+    const toolbarRef = useRef(null);
+    const [canUndo, setCanUndo] = useState(false);
+    const [canRedo, setCanRedo] = useState(false);
+    const [isBold, setIsBold] = useState(false);
+    const [isItalic, setIsItalic] = useState(false);
+    const [isUnderline, setIsUnderline] = useState(false);
+    const [isStrikethrough, setIsStrikethrough] = useState(false);
+    const $updateToolbar = useCallback(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            // Update text format
+            setIsBold(selection.hasFormat('bold'));
+            setIsItalic(selection.hasFormat('italic'));
+            setIsUnderline(selection.hasFormat('underline'));
+            setIsStrikethrough(selection.hasFormat('strikethrough'));
+        }
+    }, []);
+    useEffect(() => mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+            $updateToolbar();
+        });
+    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_payload, _newEditor) => {
+        $updateToolbar();
+        return false;
+    }, LowPriority), editor.registerCommand(CAN_UNDO_COMMAND, payload => {
+        setCanUndo(payload);
+        return false;
+    }, LowPriority), editor.registerCommand(CAN_REDO_COMMAND, payload => {
+        setCanRedo(payload);
+        return false;
+    }, LowPriority)), [editor, $updateToolbar]);
+    return (React.createElement("div", { className: "toolbar", ref: toolbarRef },
+        React.createElement("button", { disabled: !canUndo, onClick: () => {
+                editor.dispatchCommand(UNDO_COMMAND, undefined);
+            }, className: "toolbar-item spaced", "aria-label": "Undo" },
+            "Undo",
+            React.createElement("i", { className: "format undo" })),
+        React.createElement("button", { disabled: !canRedo, onClick: () => {
+                editor.dispatchCommand(REDO_COMMAND, undefined);
+            }, className: "toolbar-item", "aria-label": "Redo" },
+            "Redo",
+            React.createElement("i", { className: "format redo" })),
+        React.createElement(Divider, null),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
+            }, className: `toolbar-item spaced ${isBold ? 'active' : ''}`, "aria-label": "Format Bold" },
+            "bold",
+            React.createElement("i", { className: "format bold" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
+            }, className: `toolbar-item spaced ${isItalic ? 'active' : ''}`, "aria-label": "Format Italics" },
+            "italic",
+            React.createElement("i", { className: "format italic" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(INSERT_TABLE_COMMAND, { columns: '1', rows: '2' });
+            }, className: `toolbar-item spaced ${isUnderline ? 'active' : ''}`, "aria-label": "add  table" },
+            "table",
+            React.createElement("i", { className: "format table" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
+            }, className: `toolbar-item spaced ${isUnderline ? 'active' : ''}`, "aria-label": "add  list" },
+            "list",
+            React.createElement("i", { className: "format list" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+            }, className: `toolbar-item spaced ${isStrikethrough ? 'active' : ''}`, "aria-label": "Format Strikethrough" },
+            "strikethrough",
+            React.createElement("i", { className: "format strikethrough" })),
+        React.createElement(Divider, null),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
+            }, className: "toolbar-item spaced", "aria-label": "Left Align" },
+            "left",
+            React.createElement("i", { className: "format left-align" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
+            }, className: "toolbar-item spaced", "aria-label": "Center Align" },
+            "center",
+            React.createElement("i", { className: "format center-align" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
+            }, className: "toolbar-item spaced", "aria-label": "Right Align" },
+            "right",
+            React.createElement("i", { className: "format right-align" })),
+        React.createElement("button", { onClick: () => {
+                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
+            }, className: "toolbar-item", "aria-label": "Justify Align" },
+            "justify",
+            React.createElement("i", { className: "format justify-align" })),
+        ' '));
+}
+//# sourceMappingURL=ToolBarPlugin.js.map

package/dist/components/ToolBarPlugin.js.map

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

package/dist/components/context/AnnotationContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextAnnotation } from '../../types/Score';
+export interface AnnotationContext {
+    annotations: Record<string, TextAnnotation>;
+    onClickAnnotation: (a: TextAnnotation) => void;
+}
+export declare const AnnotationContext: React.Context<AnnotationContext>;
+//# sourceMappingURL=AnnotationContext.d.ts.map

package/dist/components/context/AnnotationContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/AnnotationContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAC3C,iBAAiB,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;CAC/C;AAED,eAAO,MAAM,iBAAiB,kCAA+C,CAAA"}

package/dist/components/context/AnnotationContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const AnnotationContext = React.createContext({});
+//# sourceMappingURL=AnnotationContext.js.map

package/dist/components/context/AnnotationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationContext.js","sourceRoot":"","sources":["../../../src/components/context/AnnotationContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAuB,CAAC,CAAA"}

package/dist/components/context/AnnotationProvider.d.ts

@@ -12,8 +12,8 @@ export interface RenderableAnnotationProps {
 export interface AnnotationContextType extends RenderableAnnotationProps {
     newAnnotation: NewExamAnnotation | null;
     setNewAnnotation: (a: NewExamAnnotation | null) => void;
-    newAnnotationRef: HTMLElement | undefined;
-    setNewAnnotationRef: (ref: HTMLElement | undefined) => void;
+    newAnnotationRef: HTMLElement | null;
+    setNewAnnotationRef: (ref: HTMLElement | null) => void;
 }
 export declare const AnnotationContext: React.Context<AnnotationContextType>;
 export declare const AnnotationProvider: ({ children, annotations, onClickAnnotation, onSaveAnnotation }: Props & AnnotationProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/dist/components/context/AnnotationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationProvider.d.ts","sourceRoot":"","sources":["../../../src/components/context/AnnotationProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAI9C,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAA;IACnD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC5G,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5E;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACvC,gBAAgB,EAAE,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,gBAAgB,EAAE,WAAW,GAAG,SAAS,CAAA;IACzC,mBAAmB,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5D;AAED,eAAO,MAAM,iBAAiB,sCAAmD,CAAA;AAEjF,eAAO,MAAM,kBAAkB,mEAK5B,KAAK,GAAG,eAAe,iGA0DzB,CAAA"}
+{"version":3,"file":"AnnotationProvider.d.ts","sourceRoot":"","sources":["../../../src/components/context/AnnotationProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAI9C,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAA;IACnD,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC5G,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5E;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACvC,gBAAgB,EAAE,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,mBAAmB,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACvD;AAED,eAAO,MAAM,iBAAiB,sCAAmD,CAAA;AAEjF,eAAO,MAAM,kBAAkB,mEAK5B,KAAK,GAAG,eAAe,iGA2DzB,CAAA"}

package/dist/components/context/AnnotationProvider.js

@@ -5,15 +5,16 @@ import { AnnotationPopup } from '../shared/AnnotationPopup';
 export const AnnotationContext = React.createContext({});
 export const AnnotationProvider = ({ children, annotations, onClickAnnotation, onSaveAnnotation }) => {
     const [newAnnotation, setNewAnnotation] = React.useState(null);
-    const [newAnnotationRef, setNewAnnotationRef] = React.useState();
+    const [newAnnotationRef, setNewAnnotationRef] = React.useState(null);
     const mouseUpCallback = (annotation) => {
         setNewAnnotation(annotation);
     };
     function onMouseDown(e) {
         const target = e.target;
-        const clickIsInPopup = !!target.closest('.annotation-popup');
+        const clickIsInPopup = !!target.closest('.e-popup');
         if (!clickIsInPopup) {
             setNewAnnotation(null);
+            setNewAnnotationRef(null);
         }
         onMouseDownForAnnotation(e, mouseUpCallback);
     }

package/dist/components/context/AnnotationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationProvider.js","sourceRoot":"","sources":["../../../src/components/context/AnnotationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAmB3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,EAA2B,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACQ,EAAE,EAAE;IAC5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAA;IACxF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAA;IAE7E,MAAM,eAAe,GAAG,CAAC,UAA6B,EAAE,EAAE;QACxD,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,SAAS,WAAW,CAAC,CAAmB;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAA;QAClC,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;QAC5D,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;QACD,wBAAwB,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC5C,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,sCAAsC,GAA2C,OAAO,CAC5F,GAAG,EAAE,CACH,CAAC,CAAC,OAAO,CACP,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CACvB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QACtC,MAAM,WAAW,GAAG,KAAK,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAA;QAC5C,OAAO;YACL,GAAG,CAAC;YACJ,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;YAClD,MAAM,EAAE,CAAC,CAAC,MAAM;SACjB,CAAA;IACH,CAAC,CAAC,CACH,KAAI,EAAE,EACP,kBAAkB,CACnB,EACH,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,iBAAiB;YACjB,gBAAgB;YAChB,aAAa;YACb,gBAAgB;YAChB,gBAAgB;YAChB,mBAAmB;SACpB;QAED,8BAAM,WAAW,EAAE,WAAW;YAC5B,oBAAC,eAAe,OAAG;YAClB,QAAQ,CACJ,CACoB,CAC9B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AnnotationProvider.js","sourceRoot":"","sources":["../../../src/components/context/AnnotationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAmB3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,EAA2B,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACQ,EAAE,EAAE;IAC5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAA;IACxF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAExF,MAAM,eAAe,GAAG,CAAC,UAA6B,EAAE,EAAE;QACxD,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,SAAS,WAAW,CAAC,CAAmB;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAA;QAClC,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;QACnD,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC;QACD,wBAAwB,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC5C,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,sCAAsC,GAA2C,OAAO,CAC5F,GAAG,EAAE,CACH,CAAC,CAAC,OAAO,CACP,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CACvB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QACtC,MAAM,WAAW,GAAG,KAAK,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAA;QAC5C,OAAO;YACL,GAAG,CAAC;YACJ,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;YAClD,MAAM,EAAE,CAAC,CAAC,MAAM;SACjB,CAAA;IACH,CAAC,CAAC,CACH,KAAI,EAAE,EACP,kBAAkB,CACnB,EACH,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,iBAAiB;YACjB,gBAAgB;YAChB,aAAa;YACb,gBAAgB;YAChB,gBAAgB;YAChB,mBAAmB;SACpB;QAED,8BAAM,WAAW,EAAE,WAAW;YAC5B,oBAAC,eAAe,OAAG;YAClB,QAAQ,CACJ,CACoB,CAC9B,CAAA;AACH,CAAC,CAAA"}

package/dist/components/exam/ExamineExam.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function ExamineExam(): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ExamineExam>;
+export default _default;
+//# sourceMappingURL=ExamineExam.d.ts.map

package/dist/components/exam/ExamineExam.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamineExam.d.ts","sourceRoot":"","sources":["../../../src/components/exam/ExamineExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,iBAAS,WAAW,sBA4BnB;;AAED,wBAAsC"}

package/dist/components/exam/ExamineExam.js

@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import { useExamTranslation } from '../../i18n';
+import { ExamContext } from '../context/ExamContext';
+function ExamineExam() {
+    const { examServerApi } = useContext(ExamContext);
+    const { examineExam } = examServerApi;
+    const { t } = useExamTranslation();
+    const goToInspectAnswers = () => {
+        if (!examineExam) {
+            return;
+        }
+        examineExam();
+        window.scrollTo(0, 0);
+    };
+    return (React.createElement("div", { className: "e-examine-exam" },
+        React.createElement("button", { className: "e-button", id: "examineExam", onClick: goToInspectAnswers, "aria-describedby": "examineExamInstructions" }, t('examine-exam.examine')),
+        React.createElement("div", { className: "e-examine-exam-instructions", id: "examineExamInstructions" }, t('examine-exam.instructions'))));
+}
+export default React.memo(ExamineExam);
+//# sourceMappingURL=ExamineExam.js.map

package/dist/components/exam/ExamineExam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamineExam.js","sourceRoot":"","sources":["../../../src/components/exam/ExamineExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGpD,SAAS,WAAW;IAClB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,EAAE,WAAW,EAAE,GAAkB,aAAa,CAAA;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,WAAW,EAAE,CAAA;QACb,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,gCACE,SAAS,EAAC,UAAU,EACpB,EAAE,EAAC,aAAa,EAChB,OAAO,EAAE,kBAAkB,sBACV,yBAAyB,IAEzC,CAAC,CAAC,sBAAsB,CAAC,CACnB;QACT,6BAAK,SAAS,EAAC,6BAA6B,EAAC,EAAE,EAAC,yBAAyB,IACtE,CAAC,CAAC,2BAA2B,CAAC,CAC3B,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA"}

package/dist/components/exam/FinishExam.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function FinishExam(): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FinishExam>;
+export default _default;
+//# sourceMappingURL=FinishExam.d.ts.map

package/dist/components/exam/FinishExam.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinishExam.d.ts","sourceRoot":"","sources":["../../../src/components/exam/FinishExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,iBAAS,UAAU,sBAoBlB;;AAED,wBAAqC"}

package/dist/components/exam/FinishExam.js

@@ -0,0 +1,17 @@
+import React, { useContext } from 'react';
+import { useExamTranslation } from '../../i18n';
+import { ExamContext } from '../context/ExamContext';
+function FinishExam() {
+    const { examServerApi } = useContext(ExamContext);
+    const { finishExam } = examServerApi;
+    const { t } = useExamTranslation();
+    const goToInspectAnswers = () => {
+        finishExam();
+        window.scrollTo(0, 0);
+    };
+    return (React.createElement("div", { className: "e-finish-exam" },
+        React.createElement("button", { id: "finishExam", onClick: goToInspectAnswers, "aria-describedby": "finishExamInstructions" }, t('finish-exam.finish')),
+        React.createElement("div", { className: "e-finish-exam-instructions", id: "finishExamInstructions" }, t('finish-exam.instructions'))));
+}
+export default React.memo(FinishExam);
+//# sourceMappingURL=FinishExam.js.map

package/dist/components/exam/FinishExam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinishExam.js","sourceRoot":"","sources":["../../../src/components/exam/FinishExam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,SAAS,UAAU;IACjB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAA;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,UAAU,EAAE,CAAA;QACZ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC5B,gCAAQ,EAAE,EAAC,YAAY,EAAC,OAAO,EAAE,kBAAkB,sBAAmB,wBAAwB,IAC3F,CAAC,CAAC,oBAAoB,CAAC,CACjB;QACT,6BAAK,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAC,wBAAwB,IACpE,CAAC,CAAC,0BAA0B,CAAC,CAC1B,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA"}

package/dist/components/grading/reactAnnotation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function onMouseDownForAnnotation(e: React.MouseEvent, mouseUpCallback: (e: any) => void): void;
+export declare function hasTextSelectedInAnswerText(): boolean;
+//# sourceMappingURL=reactAnnotation.d.ts.map

package/dist/components/grading/reactAnnotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactAnnotation.d.ts","sourceRoot":"","sources":["../../../src/components/grading/reactAnnotation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,QAwB9F;AAED,wBAAgB,2BAA2B,IAAI,OAAO,CAoCrD"}

package/dist/components/grading/reactAnnotation.js

@@ -0,0 +1,54 @@
+import { textAnnotationFromRange } from './editAnnotations';
+export function onMouseDownForAnnotation(e, mouseUpCallback) {
+    function onWindowMouseUpAfterAnswerMouseDown(e) {
+        const target = e.target;
+        window.removeEventListener('mouseup', onWindowMouseUpAfterAnswerMouseDown);
+        // Text annotation
+        const selection = window.getSelection();
+        if (selection && hasTextSelectedInAnswerText()) {
+            const range = selection.getRangeAt(0);
+            const position = textAnnotationFromRange(target, range);
+            if (!position) {
+                return;
+            }
+            const selectedText = selection.toString();
+            mouseUpCallback({ ...position, selectedText, range: selection.getRangeAt(0) });
+        }
+    }
+    const isReadOnly = false;
+    // Do annotations only with left mouse buttons and when permitted
+    if (isReadOnly || e.button !== 0) {
+        return;
+    }
+    window.addEventListener('mouseup', onWindowMouseUpAfterAnswerMouseDown);
+}
+export function hasTextSelectedInAnswerText() {
+    const selection = window.getSelection();
+    return (selection !== null &&
+        selectionInAnswerText(selection) &&
+        (isRangeSelection(selection) || textSelectedInRange(selection)));
+    function selectionInAnswerText(sel) {
+        if (sel.type === 'None' || sel.type === 'Caret' || sel.rangeCount === 0) {
+            return false;
+        }
+        const startContainer = sel.getRangeAt(0).startContainer;
+        const endContainer = sel.getRangeAt(0).endContainer;
+        const startParent = startContainer.parentElement;
+        const endParent = endContainer.parentElement;
+        return sel.rangeCount > 0 && startParent === endParent;
+    }
+    function isRangeSelection(sel) {
+        return (sel === null || sel === void 0 ? void 0 : sel.type) === 'Range';
+    }
+    function textSelectedInRange(sel) {
+        const range = sel.getRangeAt(0);
+        return (!!sel.rangeCount &&
+            (range.toString().length > 0 ||
+                isParentContainer(range.startContainer) ||
+                isParentContainer(range.endContainer)));
+    }
+    function isParentContainer(container) {
+        return container.classList.contains('answer');
+    }
+}
+//# sourceMappingURL=reactAnnotation.js.map

package/dist/components/grading/reactAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactAnnotation.js","sourceRoot":"","sources":["../../../src/components/grading/reactAnnotation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAG3D,MAAM,UAAU,wBAAwB,CAAC,CAAmB,EAAE,eAAiC;IAC7F,SAAS,mCAAmC,CAAC,CAAa;QACxD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;QACtC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,mCAAmC,CAAC,CAAA;QAE1E,kBAAkB;QAClB,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;QACvC,IAAI,SAAS,IAAI,2BAA2B,EAAE,EAAE,CAAC;YAC/C,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;YACrC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;YACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAM;YACR,CAAC;YACD,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAA;YACzC,eAAe,CAAC,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QAChF,CAAC;IACH,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAA;IACxB,iEAAiE;IACjE,IAAI,UAAU,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAM;IACR,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,mCAAmC,CAAC,CAAA;AACzE,CAAC;AAED,MAAM,UAAU,2BAA2B;IACzC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;IACvC,OAAO,CACL,SAAS,KAAK,IAAI;QAClB,qBAAqB,CAAC,SAAS,CAAC;QAChC,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAChE,CAAA;IAED,SAAS,qBAAqB,CAAC,GAAc;QAC3C,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC;YACxE,OAAO,KAAK,CAAA;QACd,CAAC;QACD,MAAM,cAAc,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAA;QACvD,MAAM,YAAY,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAA;QACnD,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,CAAA;QAChD,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAA;QAC5C,OAAO,GAAG,CAAC,UAAU,GAAG,CAAC,IAAI,WAAW,KAAK,SAAS,CAAA;IACxD,CAAC;IAED,SAAS,gBAAgB,CAAC,GAAc;QACtC,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,OAAO,CAAA;IAC9B,CAAC;IAED,SAAS,mBAAmB,CAAC,GAAc;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAC/B,OAAO,CACL,CAAC,CAAC,GAAG,CAAC,UAAU;YAChB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC;gBAC1B,iBAAiB,CAAC,KAAK,CAAC,cAAyB,CAAC;gBAClD,iBAAiB,CAAC,KAAK,CAAC,YAAuB,CAAC,CAAC,CACpD,CAAA;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,SAAkB;QAC3C,OAAO,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,CAAC;AACH,CAAC"}

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

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