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

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

@@ -1,10 +1,11 @@
 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, TextField as o } from "@mui/material";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Popover as o, TextField as s } from "@mui/material";
 //#region src/delivery/annotation/freeform-editor.tsx
-var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
+var c = n(o)(({ annotationType: e }) => ({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginLeft: "16px",
@@ -18,41 +19,41 @@ var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderRightColor: e.palette.grey[100]
+		borderRightColor: r.border()
 	},
-	...t === "negative" && { "&::before": { borderRightColor: "rgb(255, 204, 238) !important" } },
-	...t === "positive" && { "&::before": { borderRightColor: "rgb(153, 255, 153) !important" } }
-} })), c = n("div")(({ theme: e, annotationType: t }) => ({
+	...e === "negative" && { "&::before": { borderRightColor: "rgb(255, 204, 238) !important" } },
+	...e === "positive" && { "&::before": { borderRightColor: "rgb(153, 255, 153) !important" } }
+} })), l = n("div")(({ annotationType: e }) => ({
 	width: "200px",
 	overflow: "hidden",
 	borderRadius: "4px",
-	backgroundColor: "#ffffff",
-	border: `4px solid ${e.palette.grey[100]}`,
-	...t === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
-	...t === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
-})), l = n("div")(({ theme: e }) => ({
+	backgroundColor: r.white(),
+	border: `4px solid ${r.border()}`,
+	...e === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
+	...e === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
+})), u = n("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), u = n("div")(({ theme: e, variant: t, annotationType: n }) => ({
+	borderTop: `2px solid ${r.border()}`
+})), d = n("div")(({ variant: e, annotationType: t }) => ({
 	flexGrow: 1,
 	width: "28%",
 	textAlign: "center",
 	padding: "4px",
 	cursor: "pointer",
-	"&:not(:nth-child(3n))": { borderRight: `1px solid ${e.palette.grey[100]}` },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
+	"&:not(:nth-child(3n))": { borderRight: `1px solid ${r.border()}` },
+	"&:hover": { backgroundColor: r.backgroundDark() },
+	...e === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...e === "negative" && {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "typeChange" && n === "negative" && { "&:hover": { backgroundColor: "rgb(153, 255, 153) !important" } },
-	...t === "typeChange" && n === "positive" && { "&:hover": { backgroundColor: "rgb(255, 204, 238) !important" } }
-})), d = class extends e.Component {
+	...e === "typeChange" && t === "negative" && { "&:hover": { backgroundColor: "rgb(153, 255, 153) !important" } },
+	...e === "typeChange" && t === "positive" && { "&:hover": { backgroundColor: "rgb(255, 204, 238) !important" } }
+})), f = class extends e.Component {
 	static propTypes = {
 		anchorEl: t.object,
 		open: t.bool,
@@ -81,13 +82,13 @@ var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
 		n === "" ? t() : e(n), this.setState({ value: "" });
 	};
 	render() {
-		let { anchorEl: e, offset: t, onDelete: n, open: a, type: d } = this.props, { value: f } = this.state;
-		return /* @__PURE__ */ r(s, {
+		let { anchorEl: e, offset: t, onDelete: n, open: r, type: o } = this.props, { value: f } = this.state;
+		return /* @__PURE__ */ i(c, {
 			anchorEl: e,
 			elevation: 2,
-			open: a,
+			open: r,
 			onClose: this.handleSave,
-			annotationType: d,
+			annotationType: o,
 			style: {
 				marginTop: `${t}px`,
 				transition: "margin-top 2s ease-out"
@@ -104,9 +105,9 @@ var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
 				vertical: "top",
 				horizontal: "left"
 			},
-			children: /* @__PURE__ */ i(c, {
-				annotationType: d,
-				children: [/* @__PURE__ */ r(o, {
+			children: /* @__PURE__ */ a(l, {
+				annotationType: o,
+				children: [/* @__PURE__ */ i(s, {
 					id: "annotation-editor",
 					style: {
 						padding: "2px 5px",
@@ -119,18 +120,18 @@ var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
 					value: f,
 					onChange: this.onValueChange,
 					InputProps: { disableUnderline: !0 }
-				}), /* @__PURE__ */ i(l, { children: [
-					/* @__PURE__ */ r(u, {
+				}), /* @__PURE__ */ a(u, { children: [
+					/* @__PURE__ */ i(d, {
 						onClick: n,
 						children: "Delete"
 					}),
-					/* @__PURE__ */ r(u, {
+					/* @__PURE__ */ i(d, {
 						variant: "typeChange",
-						annotationType: d,
+						annotationType: o,
 						onClick: this.handleTypeChange,
-						children: d === "negative" ? "Green" : "Pink"
+						children: o === "negative" ? "Green" : "Pink"
 					}),
-					/* @__PURE__ */ r(u, {
+					/* @__PURE__ */ i(d, {
 						onClick: this.handleSave,
 						children: "Save"
 					})
@@ -140,4 +141,4 @@ var s = n(a)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
 	}
 };
 //#endregion
-export { d as default };
+export { f as default };

package/dist/delivery/index.js

@@ -1,4 +1,4 @@
-import e from "./main.js";
+import { Main as e } from "./main.js";
 import t from "react";
 import n from "debug";
 import { createRoot as r } from "react-dom/client";
@@ -61,7 +61,7 @@ var d = class extends HTMLElement {
 		}
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/delivery/main.js

@@ -23,7 +23,8 @@ var v = _(f, "UiLayout") || _(w.UiLayout, "UiLayout"), y = _(d, "PreviewPrompt")
 	width: "100%",
 	color: p.text(),
 	marginBottom: e.spacing(2),
-	fontSize: "inherit"
+	fontSize: "inherit",
+	display: "block"
 })), O = o("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), k = o(s)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
@@ -131,4 +132,4 @@ var v = _(f, "UiLayout") || _(w.UiLayout, "UiLayout"), y = _(d, "PreviewPrompt")
 	}
 };
 //#endregion
-export { j as default };
+export { j as Main, j as default };