@pie-element/extended-text-entry 15.1.2-next.1 → 15.1.2

package/dist/delivery/annotation/annotation-editor.js

@@ -1,296 +0,0 @@
-import { clearSelection as e, getAnnotationElements as t, getDOMNodes as n, getLabelElement as r, getRangeDetails as i, isSideLabel as a, removeElemsWrapping as o, wrapRange as s } from "./annotation-utils.js";
-import c from "./freeform-editor.js";
-import l from "./annotation-menu.js";
-import u from "react";
-import d from "prop-types";
-import { styled as f } from "@mui/material/styles";
-import p from "@pie-lib/editable-html-tip-tap";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { InputContainer as g } from "@pie-lib/config-ui";
-//#region src/delivery/annotation/annotation-editor.tsx
-var _ = f("div")({
-	padding: "10px 120px 10px 16px",
-	backgroundColor: "rgba(0, 0, 0, 0.06)",
-	border: "1px solid #ccc",
-	borderRadius: "4px",
-	overflowY: "scroll",
-	lineHeight: "36px",
-	whiteSpace: "pre-wrap",
-	overflowWrap: "break-word",
-	"& p": { margin: 0 },
-	"& span[data-latex]": {
-		userSelect: "none",
-		"-webkit-user-select": "none",
-		"-moz-user-select": "none",
-		"-ms-user-select": "none"
-	}
-}), v = f("div")({ width: "230px" }), y = f("div")({
-	position: "relative",
-	overflowX: "hidden",
-	display: "flex"
-}), b = f(g)(({ theme: e }) => ({
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	marginTop: e.spacing(2),
-	width: "100%"
-})), x = "\n  .sideAnnotation:before {\n    position: absolute;\n    right: var(--before-right, 100%);\n    top: var(--before-top, 5px);\n    border: solid transparent;\n    content: \"\";\n    height: 0;\n    width: 0;\n    pointer-events: none;\n    border-width: var(--before-border-width, 7px);\n    border-right-color: var(--before-border-color, rgb(153, 255, 153));\n  }\n";
-if (!document.getElementById("annotation-editor-styles")) {
-	let e = document.createElement("style");
-	e.id = "annotation-editor-styles", e.textContent = x, document.head.appendChild(e);
-}
-var S = class extends u.Component {
-	static propTypes = {
-		text: d.string,
-		comment: d.string,
-		annotations: d.array,
-		predefinedAnnotations: d.array,
-		onChange: d.func.isRequired,
-		onCommentChange: d.func.isRequired,
-		width: d.number,
-		height: d.number,
-		maxHeight: d.string,
-		disabled: d.bool,
-		disabledMath: d.bool,
-		customKeys: d.array,
-		keypadMode: d.string
-	};
-	constructor(e) {
-		super(e), this.state = {
-			anchorEl: null,
-			openedMenu: !1,
-			openedEditor: !1,
-			selectedElems: [],
-			labelElem: null,
-			selectionDetails: null,
-			annotation: null,
-			annotationIndex: null
-		};
-	}
-	componentDidMount() {
-		let { annotations: e, text: t } = this.props;
-		t && e.forEach((e) => {
-			let [t, r] = n(e.start, e.end, this.textRef);
-			if (t && r) {
-				let n = document.createRange();
-				n.setStart(t.node, t.offset), n.setEnd(r.node, r.offset);
-				let i = s(n);
-				this.createDOMAnnotation(i, e);
-			}
-		}), this.textRef && (this.adjustAnnotationsPosition(), this.textRef.addEventListener("scroll", this.adjustAnnotationsPosition));
-	}
-	adjustAnnotationsPosition = () => {
-		if (this.textRef && this.labelsRef) {
-			let e = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;
-			Array.from(this.labelsRef.children).forEach((n) => {
-				let r = t(n.dataset.annId), i = (r[0].offsetTop ? r[0].offsetTop : r[0].offsetParent.offsetTop) - this.textRef.scrollTop - 6;
-				n.style.top = `${i}px`, n.style.left = `${e}px`;
-			});
-		}
-	};
-	handleClick = (e) => {
-		let { annotations: n } = this.props, { selectionDetails: i } = this.state;
-		if (i) return;
-		let { id: a, annId: o } = e.target.dataset, s = a || o, c = t(s), l = r(s), u = n.findIndex((e) => e.id === s), d = l.hasAttribute("data-freeform");
-		d && (l.style.zIndex = "10"), this.setState({
-			anchorEl: c[0],
-			openedMenu: !!a || !!o && !d,
-			openedEditor: !!o && d,
-			selectedElems: c,
-			labelElem: l,
-			annotationIndex: u,
-			annotation: n[u],
-			selectionDetails: null
-		});
-	};
-	handleHover = (e) => {
-		let { id: n, annId: i } = e.target.dataset, a = n || i, o = t(a), s = r(a), c = s.hasAttribute("data-freeform");
-		o.forEach((e) => {
-			e.style.zIndex = "20", e.classList.contains("positive") ? e.style.backgroundColor = "rgb(51, 255, 51, 0.7)" : e.classList.contains("negative") && (e.style.backgroundColor = "rgba(255, 102, 204, 0.55)");
-		}), c ? (s.style.zIndex = "20", s.classList.contains("positive") ? (s.style.backgroundColor = "rgb(128, 255, 128)", s.style.setProperty("--before-border-color", "rgb(153, 255, 153)")) : s.classList.contains("negative") && (s.style.backgroundColor = "rgb(255, 179, 230)", s.style.setProperty("--before-border-color", "rgb(255, 179, 230)"))) : (s.style.zIndex = "20", s.classList.contains("positive") ? s.style.color = "rgb(0, 77, 0)" : s.classList.contains("negative") && (s.style.color = "rgb(153, 0, 102)"));
-	};
-	handleCancelHover = (e) => {
-		let { id: n, annId: i } = e.target.dataset, a = n || i, o = t(a), s = r(a), c = s.hasAttribute("data-freeform");
-		o.forEach((e) => {
-			e.style.zIndex = "", e.classList.contains("positive") ? e.style.backgroundColor = "rgb(51, 255, 51, 0.5)" : e.classList.contains("negative") && (e.style.backgroundColor = "rgba(255, 102, 204, 0.4)");
-		}), c ? (s.style.zIndex = "", s.classList.contains("positive") ? (s.style.backgroundColor = "rgb(153, 255, 153)", s.style.removeProperty("--before-border-color")) : s.classList.contains("negative") && (s.style.backgroundColor = "rgb(255, 204, 238)", s.style.removeProperty("--before-border-color"))) : (s.style.zIndex = "", s.classList.contains("positive") ? s.style.color = "rgb(0, 128, 0)" : s.classList.contains("negative") && (s.style.color = "rgb(204, 0, 136)"));
-	};
-	handleClose = (t) => {
-		let { selectedElems: n, labelElem: r } = this.state;
-		n.length && !n[0].hasAttribute("data-id") && o(n, this.textRef), r && (r.style.zIndex = ""), this.setState({
-			anchorEl: null,
-			openedMenu: !1,
-			openedEditor: !1,
-			selectedElems: [],
-			labelElem: null,
-			selectionDetails: null,
-			annotationIndex: null,
-			annotation: null
-		}), e();
-	};
-	handleSelection = (t) => {
-		let n = window.getSelection();
-		if (t.detail > 2) {
-			e();
-			return;
-		}
-		if (n && n.rangeCount > 0) {
-			let e = n.getRangeAt(0), t = e.toString(), r = this.textRef.contains(e.commonAncestorContainer);
-			if (!n.isCollapsed && t !== "" && r) {
-				let t = i(e, this.textRef), n = s(e);
-				this.setState({
-					anchorEl: n[0],
-					openedMenu: !0,
-					selectedElems: n,
-					selectionDetails: t
-				});
-			}
-		}
-	};
-	deleteAnnotation = () => {
-		let { annotations: e, onChange: t } = this.props, { selectedElems: n, labelElem: r, annotationIndex: i, annotation: s } = this.state;
-		(a(s.label) ? this.labelsRef : n[0]).removeChild(r), o(n, this.textRef), e.splice(i, 1), t(e), this.handleClose();
-	};
-	createDOMAnnotation = (e, t) => {
-		let { disabled: n } = this.props, { id: r, label: i, type: o } = t;
-		(e || []).forEach((e) => {
-			e.dataset.id = r, e.className = `annotation ${o}`, e.style.position = "relative", e.style.cursor = "pointer", o === "positive" ? e.style.backgroundColor = "rgb(51, 255, 51, 0.5)" : o === "negative" && (e.style.backgroundColor = "rgba(255, 102, 204, 0.4)"), e.onclick = !n && this.handleClick, e.onmouseover = this.handleHover, e.onmouseout = this.handleCancelHover;
-		});
-		let s = e && e[0] || {}, c = document.createElement("SPAN");
-		if (c.dataset.annId = r, c.innerHTML = i, c.onclick = !n && this.handleClick, c.onmouseover = this.handleHover, c.onmouseout = this.handleCancelHover, a(i)) {
-			let e = (s.offsetTop ? s.offsetTop : s.offsetParent.offsetTop) - this.textRef.scrollTop, t = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;
-			c.dataset.freeform = !0, c.className = `sideAnnotation ${o}`, c.style.position = "absolute", c.style.padding = "4px", c.style.borderRadius = "4px", c.style.marginLeft = "8px", c.style.width = "180px", c.style.whiteSpace = "pre-wrap", c.style.wordBreak = "break-word", c.style.border = "2px solid #ffffff", c.style.fontSize = "14px", c.style.fontStyle = "normal", c.style.fontWeight = "normal", c.style.top = `${e}px`, c.style.left = `${t}px`, o === "negative" ? c.style.backgroundColor = "rgb(255, 204, 238)" : o === "positive" && (c.style.backgroundColor = "rgb(153, 255, 153)"), c.style.setProperty("--before-border-width", "7px"), c.style.setProperty("--before-top", "5px"), c.style.setProperty("--before-right", "100%"), o === "negative" ? c.style.setProperty("--before-border-color", "rgb(255, 204, 238)") : o === "positive" && c.style.setProperty("--before-border-color", "rgb(153, 255, 153)"), this.labelsRef.appendChild(c);
-		} else c.className = `annotationLabel ${o}`, c.style.backgroundColor = "rgb(242, 242, 242)", c.style.padding = "2px", c.style.position = "absolute", c.style.userSelect = "none", c.style.whiteSpace = "nowrap", c.style.top = "-10px", c.style.left = "-2px", c.style.fontSize = "12px", c.style.fontStyle = "normal", c.style.fontWeight = "normal", c.style.lineHeight = "6px", c.style.webkitUserSelect = "none", c.style.mozUserSelect = "none", c.style.msUserSelect = "none", o === "positive" ? c.style.color = "rgb(0, 128, 0)" : o === "negative" && (c.style.color = "rgb(204, 0, 136)"), s.appendChild(c);
-	};
-	createNewAnnotation = (e, t) => {
-		let { selectedElems: n, selectionDetails: r } = this.state, i = {
-			id: [
-				r.start,
-				r.end,
-				(/* @__PURE__ */ new Date()).getTime()
-			].join("-"),
-			label: e,
-			type: t,
-			...r
-		};
-		return this.createDOMAnnotation(n, i), i;
-	};
-	handleMenuClick = (e) => {
-		let { annotations: t, onChange: n } = this.props, { annotation: r, annotationIndex: i } = this.state, { type: a, text: o } = e;
-		if (r) {
-			let e = {
-				...r,
-				label: o,
-				type: a
-			}, { type: n, label: s } = r;
-			this.updateLabel(s, e, a !== n && n), t.splice(i, 1, e);
-		} else {
-			let e = this.createNewAnnotation(o, a);
-			t.push(e);
-		}
-		n(t), this.handleClose();
-	};
-	editAnnotation = () => {
-		this.setState({
-			openedMenu: !1,
-			openedEditor: !0
-		});
-	};
-	addAnnotation = (e) => {
-		let { annotations: t, onChange: n } = this.props, i = this.createNewAnnotation("", e), a = r(i.id);
-		t.push(i), this.setState({
-			openedMenu: !1,
-			openedEditor: !0,
-			annotationIndex: t.length - 1,
-			annotation: i,
-			labelElem: a
-		}), n(t);
-	};
-	updateLabel = (e, t, n) => {
-		let { selectedElems: r, labelElem: i } = this.state, { label: o, type: s } = t;
-		a(o) && a(e) || !a(o) && !a(e) ? (i.innerHTML = o, n && (i.classList.remove(n), i.classList.add(s), r.forEach((e) => {
-			e.classList.remove(n), e.classList.add(s);
-		}))) : a(o) && !a(e) ? (r[0].removeChild(i), this.createDOMAnnotation(r, t)) : !a(o) && a(e) && (this.labelsRef.removeChild(i), this.createDOMAnnotation(r, t));
-	};
-	changeAnnotationType = (e) => {
-		let { annotations: t, onChange: n } = this.props, { annotationIndex: r, selectedElems: i } = this.state, { type: a, label: o } = t[r], s = a === "positive" ? "negative" : "positive", c = {
-			...t[r],
-			type: s,
-			label: e
-		};
-		i.forEach((e) => {
-			e.classList.remove(a), e.classList.add(s);
-		}), this.updateLabel(o, c, a), t.splice(r, 1, c), n(t), this.handleClose();
-	};
-	updateAnnotation = (e, t) => {
-		let { annotations: n, onChange: r } = this.props, { annotationIndex: i } = this.state, a = {
-			...n[i],
-			label: t
-		};
-		this.updateLabel(e, a), n.splice(i, 1, a), r(n);
-	};
-	componentWillUnmount() {
-		this.textRef.removeEventListener("scroll", this.adjustAnnotationsPosition);
-	}
-	render() {
-		let { comment: t, customKeys: n, disabled: r, disabledMath: i, keypadMode: a, height: o, width: s, maxHeight: u, onCommentChange: d, predefinedAnnotations: f, text: g } = this.props, { anchorEl: x, annotation: S, openedMenu: C, openedEditor: w, selectionDetails: T } = this.state, E = x && (x.offsetTop ? x.offsetTop : x.offsetParent.offsetTop), D = this.textRef && E ? E - this.textRef.scrollTop - 8 : 0;
-		return /* @__PURE__ */ h("div", { children: [
-			/* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m(_, {
-				style: {
-					width: s - 34,
-					minHeight: o,
-					maxHeight: u
-				},
-				ref: (e) => this.textRef = e,
-				onMouseDown: r ? () => {} : e,
-				onMouseUp: r ? () => {} : this.handleSelection,
-				dangerouslySetInnerHTML: { __html: g }
-			}), /* @__PURE__ */ m(v, { ref: (e) => this.labelsRef = e })] }),
-			/* @__PURE__ */ m(b, {
-				label: "Comment",
-				children: /* @__PURE__ */ m(p, {
-					className: "prompt",
-					markup: t || "",
-					onChange: d,
-					width: s && (s + 104).toString(),
-					disabled: r,
-					pluginProps: {
-						math: {
-							disabled: i,
-							customKeys: n,
-							keypadMode: a,
-							controlledKeypadMode: !1
-						},
-						video: { disabled: !0 },
-						audio: { disabled: !0 },
-						textAlign: { disabled: !0 },
-						h3: { disabled: !0 }
-					}
-				})
-			}),
-			/* @__PURE__ */ m(l, {
-				anchorEl: x,
-				open: C && !r,
-				annotations: f,
-				isNewAnnotation: !!T,
-				onClose: this.handleClose,
-				onDelete: this.deleteAnnotation,
-				onEdit: this.editAnnotation,
-				onWrite: this.addAnnotation,
-				onAnnotate: this.handleMenuClick
-			}),
-			/* @__PURE__ */ m(c, {
-				anchorEl: this.textRef,
-				open: w && !r,
-				offset: D,
-				value: S && S.label || "",
-				type: S && S.type,
-				onClose: this.handleClose,
-				onDelete: this.deleteAnnotation,
-				onSave: this.updateAnnotation,
-				onTypeChange: this.changeAnnotationType
-			})
-		] });
-	}
-};
-//#endregion
-export { S as default };

package/dist/delivery/annotation/annotation-menu.d.ts

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-elements/packages/extended-text-entry/src/annotation/annotation-menu.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-declare class AnnotationMenu extends React.Component {
-    static propTypes: {
-        anchorEl: PropTypes.Requireable<object>;
-        open: PropTypes.Requireable<boolean>;
-        annotations: PropTypes.Requireable<any[]>;
-        isNewAnnotation: PropTypes.Requireable<boolean>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        onEdit: PropTypes.Requireable<(...args: any[]) => any>;
-        onWrite: PropTypes.Requireable<(...args: any[]) => any>;
-        onAnnotate: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    render(): React.JSX.Element;
-}
-export default AnnotationMenu;

package/dist/delivery/annotation/annotation-menu.js

@@ -1,113 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { styled as n } from "@mui/material/styles";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Popover as a } from "@mui/material";
-//#region src/delivery/annotation/annotation-menu.tsx
-var o = n(a)({ "& .MuiPaper-root": {
-	overflowX: "unset",
-	overflowY: "unset",
-	marginTop: "-16px",
-	"&::after": {
-		position: "absolute",
-		left: "calc(50% - 7px)",
-		border: "solid transparent",
-		content: "\"\"",
-		height: 0,
-		width: 0,
-		pointerEvents: "none",
-		borderWidth: "7px",
-		borderTopColor: "black"
-	}
-} }), s = n("div")(({ theme: e }) => ({
-	width: "300px",
-	overflow: "hidden",
-	borderRadius: "4px",
-	backgroundColor: e.palette.common.white,
-	border: `2px solid ${e.palette.grey[100]}`
-})), c = n("div")({
-	display: "flex",
-	flexWrap: "wrap"
-}), l = n("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), u = n("div")(({ theme: e, variant: t }) => ({
-	width: "22%",
-	textAlign: "center",
-	padding: "4px",
-	cursor: "pointer",
-	borderBottom: `1px solid ${e.palette.grey[100]}`,
-	"&:not(:nth-child(4n))": { borderRight: `1px solid ${e.palette.grey[100]}` },
-	"&:nth-child(4n)": { flexGrow: 1 },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
-		backgroundColor: "rgb(153, 255, 153) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	},
-	...t === "negative" && {
-		backgroundColor: "rgb(255, 204, 238) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	}
-})), d = class extends e.Component {
-	static propTypes = {
-		anchorEl: t.object,
-		open: t.bool,
-		annotations: t.array,
-		isNewAnnotation: t.bool,
-		onClose: t.func,
-		onDelete: t.func,
-		onEdit: t.func,
-		onWrite: t.func,
-		onAnnotate: t.func
-	};
-	render() {
-		let { anchorEl: t, annotations: n, isNewAnnotation: a, onAnnotate: d, onClose: f, onEdit: p, onDelete: m, onWrite: h, open: g } = this.props;
-		return /* @__PURE__ */ r(o, {
-			anchorEl: t,
-			open: g,
-			onClose: f,
-			elevation: 5,
-			transitionDuration: {
-				enter: 225,
-				exit: 195
-			},
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			},
-			transformOrigin: {
-				vertical: "bottom",
-				horizontal: "center"
-			},
-			children: /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(c, { children: n.map((e, t) => /* @__PURE__ */ r(u, {
-				variant: e.type,
-				onClick: () => d(e),
-				children: e.label
-			}, `annotation-${t}`)) }), /* @__PURE__ */ i(l, { children: [
-				/* @__PURE__ */ r(u, {
-					onClick: f,
-					children: "Cancel"
-				}),
-				/* @__PURE__ */ r(u, { style: { pointerEvents: "none" } }),
-				a ? /* @__PURE__ */ i(e.Fragment, { children: [/* @__PURE__ */ r(u, {
-					variant: "positive",
-					onClick: () => h("positive"),
-					children: "Write"
-				}), /* @__PURE__ */ r(u, {
-					variant: "negative",
-					onClick: () => h("negative"),
-					children: "Write"
-				})] }) : /* @__PURE__ */ i(e.Fragment, { children: [/* @__PURE__ */ r(u, {
-					onClick: m,
-					children: "Delete"
-				}), /* @__PURE__ */ r(u, {
-					onClick: p,
-					children: "Edit"
-				})] })
-			] })] })
-		});
-	}
-};
-//#endregion
-export { d as default };

package/dist/delivery/annotation/annotation-utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * @synced-from pie-elements/packages/extended-text-entry/src/annotation/annotation-utils.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-export declare const getDOMNodes: (startOffset: any, endOffset: any, rootNode: any) => any[];
-export declare const wrapRange: (range: any) => any[];
-export declare const getRangeDetails: (range: any, rootNode: any) => {
-    quote: string | any[];
-    start: number;
-    end: number;
-};
-export declare const removeElemsWrapping: (elems: any, container: any) => void;
-export declare const clearSelection: () => void;
-export declare const isSideLabel: (text: any) => boolean;
-export declare const getAnnotationElements: (id: any) => Element[];
-export declare const getLabelElement: (id: any) => Element | null;

package/dist/delivery/annotation/annotation-utils.js

@@ -1,65 +0,0 @@
-//#region src/delivery/annotation/annotation-utils.ts
-var e = (t, n, r) => {
-	let i = r || [], a = i.reduce((e, t) => e + t.textContent.length, 0), o = !0;
-	if (a > n) return !1;
-	for (t &&= (t.nodeType === 3 && t.parentNode && !t.parentNode.hasAttribute("data-ann-id") && i.push(t), t.firstChild); t && o;) o = e(t, n, i), t = t.nextSibling;
-	return i;
-}, t = (t, n, r) => {
-	let i = e(r, n), a = [], o = 0;
-	return i.forEach((e) => {
-		let r = o + e.textContent.length;
-		[t, n].forEach((t) => {
-			o <= t && t < r && a.push({
-				node: e,
-				offset: t - o
-			});
-		}), o = r;
-	}), a;
-}, n = (e) => {
-	let { commonAncestorContainer: t, startContainer: n, endContainer: r, startOffset: i, endOffset: a } = e, o = [], s = !1, c = !1, l = "", u = (e) => {
-		let { nodeValue: t, childNodes: d } = e;
-		e === n && e === r ? (t && (l += t.substring(i, a)), s = c = !0) : e === n ? (t && (l += t.substring(i)), s = !0) : e === r ? (t && (l += t.substring(0, a)), c = !0) : e && e.nodeType === 3 && e.parentNode && !e.parentNode.hasAttribute("data-ann-id") && t && s && !c && (l += t, o.push(e)), d.forEach((e) => {
-			if (!c) u(e);
-			else return;
-		});
-	};
-	return u(t), [o, l];
-}, r = (e) => {
-	let t = document.createElement("SPAN");
-	return e.surroundContents(t), t;
-}, i = (e) => {
-	if (e.startContainer === e.endContainer) return [r(e)];
-	let [t] = n(e), i = document.createRange();
-	i.selectNodeContents(e.startContainer), i.setStart(e.startContainer, e.startOffset);
-	let a = r(i), o = document.createRange();
-	o.selectNode(e.endContainer), o.setEnd(e.endContainer, e.endOffset);
-	let s = r(o);
-	return [
-		a,
-		...t.map((e) => {
-			let t = document.createElement("SPAN");
-			return e.parentNode.insertBefore(t, e), t.appendChild(e), t;
-		}),
-		s
-	];
-}, a = (e, t) => {
-	let r = document.createRange();
-	r.setStart(t, 0), r.setEnd(e.startContainer, e.startOffset);
-	let [, i] = n(r), [, a] = n(e), o = i.length;
-	return {
-		quote: a,
-		start: o,
-		end: o + a.length
-	};
-}, o = (e, t) => {
-	(e || []).forEach((e) => {
-		let t = e.parentNode, n = e.childNodes, r = n.length;
-		if (r > 0) for (let i = 0; i < r; i++) t.insertBefore(n[0], e);
-		else t.insertBefore(document.createTextNode(e.textContent), e);
-		t.removeChild(e);
-	}), t.normalize();
-}, s = () => {
-	document.getSelection ? (document.getSelection().removeAllRanges(), document.getSelection().addRange(document.createRange())) : window.getSelection ? window.getSelection().removeAllRanges ? (window.getSelection().removeAllRanges(), window.getSelection().addRange(document.createRange())) : window.getSelection().empty && window.getSelection().empty() : document.selection && document.selection.empty();
-}, c = (e) => e.length >= 20 || e.search(/\n|\r|\r\n/) !== -1, l = (e) => Array.from(document.querySelectorAll(`[data-id='${e}']`)), u = (e) => document.querySelector(`[data-ann-id='${e}']`);
-//#endregion
-export { s as clearSelection, l as getAnnotationElements, t as getDOMNodes, u as getLabelElement, a as getRangeDetails, c as isSideLabel, o as removeElemsWrapping, i as wrapRange };

package/dist/delivery/annotation/freeform-editor.d.ts

@@ -1,30 +0,0 @@
-/**
- * @synced-from pie-elements/packages/extended-text-entry/src/annotation/freeform-editor.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-declare class FreeformEditor extends React.Component {
-    static propTypes: {
-        anchorEl: PropTypes.Requireable<object>;
-        open: PropTypes.Requireable<boolean>;
-        offset: PropTypes.Requireable<number>;
-        value: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        onSave: PropTypes.Requireable<(...args: any[]) => any>;
-        onTypeChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    constructor(props: any);
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onValueChange: (event: any) => void;
-    handleSave: any;
-    handleTypeChange: any;
-    render(): React.JSX.Element;
-}
-export default FreeformEditor;