@digabi/exam-engine-core 22.1.6-alpha.1 → 22.1.7-alpha.0

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

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

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

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

package/dist/components/shared/CreateAnnotationPopup.js

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function showAndPositionElement(mark: Element | null, popupRef: React.RefObject<HTMLElement>): void;
+export declare function closeMathEditor(element: HTMLDivElement): void;
+//# sourceMappingURL=PopupUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupUtils.d.ts","sourceRoot":"","sources":["../../../src/components/shared/PopupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,QAkBlG;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,cAAc,QAKtD"}

package/dist/components/shared/PopupUtils.js

@@ -0,0 +1,26 @@
+export function showAndPositionElement(mark, popupRef) {
+    const popup = popupRef.current;
+    if (mark && popup) {
+        const style = popup.style;
+        const markRect = mark === null || mark === void 0 ? void 0 : mark.getBoundingClientRect();
+        const popupRect = popup.getBoundingClientRect();
+        const top = markRect.height + markRect.top + window.scrollY;
+        const windowWidth = window.innerWidth;
+        style.top = `${String(top)}px`;
+        style.opacity = '1';
+        const popupHitsWindowRight = markRect.left + popupRect.width > windowWidth;
+        if (popupHitsWindowRight) {
+            style.left = `${markRect.right - popupRect.width}px`;
+        }
+        else {
+            style.left = `${markRect.left}px`;
+        }
+    }
+}
+export function closeMathEditor(element) {
+    // rich-text-editor does not properly support several rich-text-editor instances created at different times.
+    // In order to close math editor that is open, we need to dispatch events like this.
+    element.dispatchEvent(new Event('focus', { bubbles: true, cancelable: true }));
+    element.dispatchEvent(new Event('blur', { bubbles: true, cancelable: true }));
+}
+//# sourceMappingURL=PopupUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupUtils.js","sourceRoot":"","sources":["../../../src/components/shared/PopupUtils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,IAAoB,EAAE,QAAsC;IACjG,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;IAC9B,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE,CAAA;QAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;QAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;QAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;QACrC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAA;QAC9B,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QACnB,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,WAAW,CAAA;QAE1E,IAAI,oBAAoB,EAAE,CAAC;YACzB,KAAK,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,IAAI,CAAA;QACtD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAA;QACnC,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAuB;IACrD,4GAA4G;IAC5G,oFAAoF;IACpF,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC9E,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAC/E,CAAC"}