@pie-lib/plot 5.0.1-next.20261004165705 → 5.0.1-next.20261004181842

package/dist/__tests__/label-theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/label.js

@@ -3,17 +3,17 @@ import { useState as n } from "react";
 import { styled as r } from "@mui/material/styles";
 import i from "prop-types";
 import * as a from "@pie-lib/render-ui";
-import { Readable as o } from "@pie-lib/render-ui";
-import { jsx as s } from "react/jsx-runtime";
-import c from "@pie-lib/editable-html-tip-tap";
+import { Readable as o, color as s } from "@pie-lib/render-ui";
+import { jsx as c } from "react/jsx-runtime";
+import l from "@pie-lib/editable-html-tip-tap";
 //#region src/label.tsx
-function l(e) {
+function u(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function u(e, t) {
-	return !e || l(e) ? e : l(e.default) ? e.default : t && l(e[t]) ? e[t] : t && l(e[t]?.default) ? e[t].default : e;
+function d(e, t) {
+	return !e || u(e) ? e : u(e.default) ? e.default : t && u(e[t]) ? e[t] : t && u(e[t]?.default) ? e[t].default : e;
 }
-var d = u(o, "Readable") || u(m.Readable, "Readable"), f = a, p = f.default, m = p && typeof p == "object" ? p : f, h = {
+var f = d(o, "Readable") || d(h.Readable, "Readable"), p = a, m = p.default, h = m && typeof m == "object" ? m : p, g = {
 	axisLabel: {
 		fontSize: 12,
 		textAlign: "center",
@@ -32,7 +32,7 @@ var d = u(o, "Readable") || u(m.Readable, "Readable"), f = a, p = f.default, m =
 	},
 	editLabel: {
 		position: "absolute",
-		backgroundColor: "white",
+		backgroundColor: s.v("pie")("background", "white"),
 		borderRadius: 4,
 		boxShadow: "0px 5px 8px rgba(0,0,0,0.15)",
 		zIndex: 10
@@ -55,20 +55,20 @@ var d = u(o, "Readable") || u(m.Readable, "Readable"), f = a, p = f.default, m =
 		width: "100%",
 		textAlign: "center"
 	} }
-}, g = r("div")({ ...h.centerPlaceholder }), _ = r("div")({
-	...h.disabledLabel,
+}, _ = r("div")({ ...g.centerPlaceholder }), v = r("div")({
+	...g.disabledLabel,
 	"& p": { margin: 0 }
-}), v = (r) => {
-	let { disabledLabel: i, graphHeight: a, graphWidth: o, isChartBottomLabel: l, isDefineChartBottomLabel: u, isChartLeftLabel: f, isDefineChartLeftLabel: p, placeholder: m, text: v, side: y, onChange: b, mathMlOptions: x = {}, charactersLimit: S, titleHeight: C, preventNewLines: w } = r, [T, E] = n(!1), D = [
+}), y = (r) => {
+	let { disabledLabel: i, graphHeight: a, graphWidth: o, isChartBottomLabel: s, isDefineChartBottomLabel: u, isChartLeftLabel: d, isDefineChartLeftLabel: p, placeholder: m, text: h, side: y, onChange: b, mathMlOptions: x = {}, charactersLimit: S, titleHeight: C, preventNewLines: w } = r, [T, E] = n(!1), D = [
 		"bold",
 		"italic",
 		"underline",
 		"strikethrough",
 		"math"
-	], O = l || f || u || p, k = y === "left" && p && a - 220, A = {
+	], O = s || d || u || p, k = y === "left" && p && a - 220, A = {
 		width: k || (y === "left" || y === "right" ? a - 8 : o - 8),
-		top: k || f && `${a - 70}px` || y === "left" && `${a - 8}px` || l && `${a - 60 + C}px` || y === "bottom" && `${a - 120 + C}px` || 0,
-		left: y === "right" && `${o - 8}px` || (p || u) && "40px" || l && "-10px" || 0
+		top: k || d && `${a - 70}px` || y === "left" && `${a - 8}px` || s && `${a - 60 + C}px` || y === "bottom" && `${a - 120 + C}px` || 0,
+		left: y === "right" && `${o - 8}px` || (p || u) && "40px" || s && "-10px" || 0
 	}, j = {
 		width: o - 8,
 		top: y === "right" ? `${a - 22}px` : 0,
@@ -80,21 +80,21 @@ var d = u(o, "Readable") || u(m.Readable, "Readable"), f = a, p = f.default, m =
 			document.activeElement?.blur?.();
 		});
 	}, P = (e) => !!(w && e.key === "Enter");
-	return /* @__PURE__ */ s(d, {
+	return /* @__PURE__ */ c(f, {
 		false: !0,
-		children: /* @__PURE__ */ s(g, {
+		children: /* @__PURE__ */ c(_, {
 			onClick: M,
 			style: {
 				...T ? j : A,
-				...O ? h.chartLabel : h.axisLabel,
-				...y === "left" && !T ? h.rotateLeftLabel : {},
-				...y === "right" && !T ? h.rotateRightLabel : {},
-				...T ? h.editLabel : {},
-				...l || u ? h.customBottom : {},
-				...i && !O && t(e(v)) && h.displayNone
+				...O ? g.chartLabel : g.axisLabel,
+				...y === "left" && !T ? g.rotateLeftLabel : {},
+				...y === "right" && !T ? g.rotateRightLabel : {},
+				...T ? g.editLabel : {},
+				...s || u ? g.customBottom : {},
+				...i && !O && t(e(h)) && g.displayNone
 			},
-			children: i ? /* @__PURE__ */ s(_, { dangerouslySetInnerHTML: { __html: v || "" } }) : /* @__PURE__ */ s(c, {
-				markup: v || "",
+			children: i ? /* @__PURE__ */ c(v, { dangerouslySetInnerHTML: { __html: h || "" } }) : /* @__PURE__ */ c(l, {
+				markup: h || "",
 				onChange: b,
 				placeholder: !i && m,
 				toolbarOpts: {
@@ -112,7 +112,7 @@ var d = u(o, "Readable") || u(m.Readable, "Readable"), f = a, p = f.default, m =
 		})
 	});
 };
-v.propTypes = {
+y.propTypes = {
 	disabledLabel: i.bool,
 	graphHeight: i.number,
 	graphWidth: i.number,
@@ -129,4 +129,4 @@ v.propTypes = {
 	titleHeight: i.number
 };
 //#endregion
-export { v as default };
+export { y as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/plot",
-  "version": "5.0.1-next.20261004165705",
+  "version": "5.0.1-next.20261004181842",
   "description": "Some underlying components for building charts/graphs",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004165705",
+    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004181842",
     "@pie-lib/render-ui": "8.0.1-next.20261004165705",
     "assert": "^1.4.1",
     "d3-scale": "^4.0.2",