@pie-lib/graphing 4.0.5-next.33 → 4.0.5-next.35

package/dist/_virtual/_rolldown/runtime.js

@@ -15,9 +15,6 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, l = (e, t, n) => (c(e, t, "default"), n && c(n, t, "default")), u = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n)), d = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
+}) : a, n));
 //#endregion
-export { o as __commonJSMin, s as __exportAll, l as __reExport, d as __require, u as __toESM };
+export { o as __commonJSMin, s as __exportAll, l as __reExport, u as __toESM };

package/dist/axis/arrow.js

@@ -1,13 +1,13 @@
 import e from "react";
 import t from "prop-types";
 import { types as n } from "@pie-lib/plot";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
 //#region src/axis/arrow.tsx
-var a = r("path")(({ theme: e }) => ({ fill: `var(--arrow-color, ${e.palette.common.black})` })), o = class extends e.Component {
+var a = i("path")(({ theme: e }) => ({ fill: `var(--arrow-color, ${e.palette.common.black})` })), o = class extends e.Component {
 	render() {
-		let { x: e, y: t, className: n, scale: r } = this.props, o = this.props.direction || "left", s = r.x(e), c = r.y(t), l = "", u = (e, t, n) => `translate(${e}, ${t}) rotate(${n})`;
-		return o === "left" && (l = u(s - 15, c, 0)), o === "right" && (l = u(s + 15, c, 180)), o === "up" && (l = u(s, c - 15, 90)), o === "down" && (l = u(s, c + 15, 270)), /* @__PURE__ */ i(a, {
+		let { x: e, y: t, className: n, scale: i } = this.props, o = this.props.direction || "left", s = i.x(e), c = i.y(t), l = "", u = (e, t, n) => `translate(${e}, ${t}) rotate(${n})`;
+		return o === "left" && (l = u(s - 15, c, 0)), o === "right" && (l = u(s + 15, c, 180)), o === "up" && (l = u(s, c - 15, 90)), o === "down" && (l = u(s, c + 15, 270)), /* @__PURE__ */ r(a, {
 			d: "m 0,0 8,-5 0,10 -8,-5",
 			transform: l,
 			className: n

package/dist/axis/axes.js

@@ -1,11 +1,11 @@
-import e from "../node_modules/.bun/@visx_axis@3.12.0_f4eacebf2041cd4f/node_modules/@visx/axis/esm/axis/Axis.js";
+import e from "../node_modules/.bun/@visx_axis@4.0.0_d84c32d47042070f/node_modules/@visx/axis/esm/axis/Axis.js";
 import { Arrow as t } from "./arrow.js";
 import { amountToIncreaseWidth as n, countWords as r, findLongestWord as i, getTickValues as a } from "../utils.js";
 import o from "react";
 import s from "prop-types";
 import { types as c } from "@pie-lib/plot";
-import { styled as l } from "@mui/material/styles";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { styled as d } from "@mui/material/styles";
 import * as f from "@pie-lib/render-ui";
 import { Readable as p, color as m } from "@pie-lib/render-ui";
 //#region src/axis/axes.tsx
@@ -23,7 +23,7 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 	right: !0,
 	up: !0,
 	down: !0
-} }, C = l(t)(() => ({ fill: m.defaults.PRIMARY })), w = l("div")(({ theme: e, centered: t }) => ({
+} }, C = d(t)(() => ({ fill: m.defaults.PRIMARY })), w = d("div")(({ theme: e, centered: t }) => ({
 	padding: 0,
 	margin: 0,
 	"* > *": {
@@ -33,7 +33,7 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 	"& p": { margin: 0 },
 	fontSize: e.typography.fontSize,
 	...t && { textAlign: "center" }
-})), T = l("g")(() => ({
+})), T = d("g")(() => ({
 	"& .visx-axis-line": {
 		stroke: m.defaults.PRIMARY,
 		strokeWidth: 3
@@ -56,8 +56,8 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 	};
 	static defaultProps = S;
 	render() {
-		let { includeArrows: t, graphProps: a, columnTicksValues: o, skipValues: s, distanceFromOriginToFirstNegativeY: c, dy: l } = this.props, { scale: f, domain: p, size: m, range: h } = a || {}, g = (e) => {
-			let t = s && s[0] === e ? c + 4 : l;
+		let { includeArrows: t, graphProps: a, columnTicksValues: o, skipValues: s, distanceFromOriginToFirstNegativeY: c, dy: d } = this.props, { scale: f, domain: p, size: m, range: h } = a || {}, g = (e) => {
+			let t = s && s[0] === e ? c + 4 : d;
 			return {
 				...E,
 				textAnchor: "middle",
@@ -66,8 +66,8 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 				dy: e === 0 ? -7 : 0
 			};
 		}, v = r(p.axisLabel), y = n(i(p.axisLabel)) + 2;
-		return /* @__PURE__ */ d(T, { children: [
-			/* @__PURE__ */ u(e, {
+		return /* @__PURE__ */ u(T, { children: [
+			/* @__PURE__ */ l(e, {
 				scale: f.x,
 				top: f.y(0),
 				left: 0,
@@ -78,26 +78,26 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 				tickValues: o,
 				hideZero: !(p.labelStep || h.labelStep) && p.min <= 0
 			}),
-			t && t.left && /* @__PURE__ */ u(C, {
+			t && t.left && /* @__PURE__ */ l(C, {
 				direction: "left",
 				x: p.min,
 				y: 0,
 				scale: f
 			}),
-			t && t.right && /* @__PURE__ */ u(C, {
+			t && t.right && /* @__PURE__ */ l(C, {
 				direction: "right",
 				x: p.max,
 				y: 0,
 				scale: f
 			}),
-			p.axisLabel && /* @__PURE__ */ u("foreignObject", {
+			p.axisLabel && /* @__PURE__ */ l("foreignObject", {
 				x: m.width + 17,
 				y: f.y(0) - 9,
 				width: y,
 				height: 20 * v,
-				children: /* @__PURE__ */ u(_, {
+				children: /* @__PURE__ */ l(_, {
 					false: !0,
-					children: /* @__PURE__ */ u(w, { dangerouslySetInnerHTML: { __html: p.axisLabel } })
+					children: /* @__PURE__ */ l(w, { dangerouslySetInnerHTML: { __html: p.axisLabel } })
 				})
 			})
 		] });
@@ -109,9 +109,9 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 	};
 	static defaultProps = S;
 	render() {
-		let { includeArrows: t, graphProps: r, skipValues: i, rowTickValues: a } = this.props, { scale: o, range: s, size: c } = r || {}, l = s.axisLabel ? n(s.axisLabel.length) : 0;
-		return /* @__PURE__ */ d(T, { children: [
-			/* @__PURE__ */ u(e, {
+		let { includeArrows: t, graphProps: r, skipValues: i, rowTickValues: a } = this.props, { scale: o, range: s, size: c } = r || {}, d = s.axisLabel ? n(s.axisLabel.length) : 0;
+		return /* @__PURE__ */ u(T, { children: [
+			/* @__PURE__ */ l(e, {
 				orientation: "left",
 				scale: o.y,
 				top: 0,
@@ -135,26 +135,26 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 				tickTextAnchor: "bottom",
 				tickValues: a
 			}),
-			t && t.down && /* @__PURE__ */ u(C, {
+			t && t.down && /* @__PURE__ */ l(C, {
 				direction: "down",
 				x: 0,
 				y: s.min,
 				scale: o
 			}),
-			t && t.up && /* @__PURE__ */ u(C, {
+			t && t.up && /* @__PURE__ */ l(C, {
 				direction: "up",
 				x: 0,
 				y: s.max,
 				scale: o
 			}),
-			s.axisLabel && /* @__PURE__ */ u("foreignObject", {
-				x: o.x(0) - l / 2,
+			s.axisLabel && /* @__PURE__ */ l("foreignObject", {
+				x: o.x(0) - d / 2,
 				y: -33,
-				width: l,
+				width: d,
 				height: "20",
-				children: /* @__PURE__ */ u(_, {
+				children: /* @__PURE__ */ l(_, {
 					false: !0,
-					children: /* @__PURE__ */ u(w, {
+					children: /* @__PURE__ */ l(w, {
 						centered: !0,
 						dangerouslySetInnerHTML: { __html: s.axisLabel }
 					})
@@ -195,16 +195,16 @@ var _ = g(p, "Readable") || g(b.Readable, "Readable"), v = f, y = v.default, b =
 		};
 	};
 	render() {
-		let { graphProps: e } = this.props, { domain: t, range: n } = e || {}, { columnTicksValues: r, firstNegativeX: i, distanceFromOriginToFirstNegativeX: a } = this.xValues(), { rowTickValues: o, firstNegativeY: s, distanceFromOriginToFirstNegativeY: c } = this.yValues(), l = D(i, s, a, c, 6, 25);
-		return /* @__PURE__ */ d(T, { children: [n.min <= 0 ? /* @__PURE__ */ u(A, {
+		let { graphProps: e } = this.props, { domain: t, range: n } = e || {}, { columnTicksValues: r, firstNegativeX: i, distanceFromOriginToFirstNegativeX: a } = this.xValues(), { rowTickValues: o, firstNegativeY: s, distanceFromOriginToFirstNegativeY: c } = this.yValues(), d = D(i, s, a, c, 6, 25);
+		return /* @__PURE__ */ u(T, { children: [n.min <= 0 ? /* @__PURE__ */ l(A, {
 			...this.props,
-			skipValues: l,
+			skipValues: d,
 			columnTicksValues: r,
 			distanceFromOriginToFirstNegativeY: c,
 			dy: 25
-		}) : null, t.min <= 0 ? /* @__PURE__ */ u(M, {
+		}) : null, t.min <= 0 ? /* @__PURE__ */ l(M, {
 			...this.props,
-			skipValues: l,
+			skipValues: d,
 			rowTickValues: o,
 			distanceFromOriginToFirstNegativeX: a
 		}) : null] });

package/dist/container/index.js

@@ -1,46 +1,46 @@
-import { Provider as e, connect as t } from "../node_modules/.bun/react-redux@9.3.0_9e2203c65d1d5fa1/node_modules/react-redux/dist/react-redux.js";
-import { applyMiddleware as n, createStore as r } from "../node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.js";
-import { ActionCreators as i } from "../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js";
-import a from "./reducer.js";
-import { changeMarks as o } from "./actions.js";
-import { GraphWithControls as s } from "../graph-with-controls.js";
-import { lastActionMiddleware as c } from "./middleware.js";
-import l from "react";
-import u from "prop-types";
-import { isEqual as d } from "@pie-element/shared-lodash";
-import { jsx as f } from "react/jsx-runtime";
-var p = t((e) => ({ marks: e.marks.present }), (e) => ({
-	onChangeMarks: (t) => e(o(t)),
-	onUndo: () => e(i.undo()),
-	onRedo: () => e(i.redo()),
-	onReset: () => e(o([]))
-}))(s), m = class extends l.Component {
+import { applyMiddleware as e, createStore as t } from "../node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.js";
+import { ActionCreators as n } from "../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js";
+import r from "./reducer.js";
+import { changeMarks as i } from "./actions.js";
+import { GraphWithControls as a } from "../graph-with-controls.js";
+import { lastActionMiddleware as o } from "./middleware.js";
+import s from "react";
+import c from "prop-types";
+import { isEqual as l } from "@pie-element/shared-lodash";
+import { jsx as u } from "react/jsx-runtime";
+import { Provider as d, connect as f } from "react-redux";
+var p = f((e) => ({ marks: e.marks.present }), (e) => ({
+	onChangeMarks: (t) => e(i(t)),
+	onUndo: () => e(n.undo()),
+	onRedo: () => e(n.redo()),
+	onReset: () => e(i([]))
+}))(a), m = class extends s.Component {
 	static propTypes = {
-		onChangeMarks: u.func,
-		marks: u.array
+		onChangeMarks: c.func,
+		marks: c.array
 	};
-	constructor(e) {
-		super(e);
-		let t = a();
-		this.store = r(t, { marks: e.marks }, n(c)), this.store.subscribe(this.onStoreChange);
+	constructor(n) {
+		super(n);
+		let i = r();
+		this.store = t(i, { marks: n.marks }, e(o)), this.store.subscribe(this.onStoreChange);
 	}
 	componentDidUpdate(e) {
 		let { marks: t } = this.props;
-		d(this.store.getState().marks.present, t) || d(e.marks, t) || t && t.find((e) => e.correctness) || this.store.dispatch(o(t));
+		l(this.store.getState().marks.present, t) || l(e.marks, t) || t && t.find((e) => e.correctness) || this.store.dispatch(i(t));
 	}
 	onStoreChange = () => {
 		let { marks: e, onChangeMarks: t } = this.props, n = this.store.getState();
-		d(n.marks.present, e) || t(n.marks.present);
+		l(n.marks.present, e) || t(n.marks.present);
 	};
 	render() {
-		let { onChangeMarks: t, marks: n, ...r } = this.props, i = n && n.find((e) => e.correctness);
-		return i ? /* @__PURE__ */ f(s, {
-			...r,
-			marks: n,
-			disabled: i
-		}) : /* @__PURE__ */ f(e, {
+		let { onChangeMarks: e, marks: t, ...n } = this.props, r = t && t.find((e) => e.correctness);
+		return r ? /* @__PURE__ */ u(a, {
+			...n,
+			marks: t,
+			disabled: r
+		}) : /* @__PURE__ */ u(d, {
 			store: this.store,
-			children: /* @__PURE__ */ f(p, { ...r })
+			children: /* @__PURE__ */ u(p, { ...n })
 		});
 	}
 };

package/dist/coordinates-label.js

@@ -2,12 +2,12 @@ import { roundNumber as e } from "./utils.js";
 import "react";
 import t from "prop-types";
 import { types as n } from "@pie-lib/plot";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
 import { color as a } from "@pie-lib/render-ui";
 import o from "@mui/material/InputBase";
 //#region src/coordinates-label.tsx
-var s = r(o)(({ theme: e }) => ({
+var s = i(o)(({ theme: e }) => ({
 	fontFamily: e.typography.fontFamily,
 	fontSize: e.typography.fontSize,
 	borderRadius: "8px",
@@ -23,15 +23,15 @@ var s = r(o)(({ theme: e }) => ({
 		left: i.x(t) + 10,
 		top: i.y(n) - s
 	};
-}, l = ({ x: t, y: n, graphProps: r }) => {
+}, l = ({ x: t, y: n, graphProps: i }) => {
 	let a = `(${e(t)}, ${e(n)})`, o = (a.length || 0) * 6;
-	return /* @__PURE__ */ i(s, {
+	return /* @__PURE__ */ r(s, {
 		style: {
 			position: "absolute",
 			pointerEvents: "auto",
 			width: o,
 			padding: 0,
-			...c(r, t, n, o)
+			...c(i, t, n, o)
 		},
 		value: a,
 		inputProps: { ariaLabel: "naked" }

package/dist/graph-with-controls.js

@@ -5,31 +5,33 @@ import { UndoRedo as a } from "./undo-redo.js";
 import o from "react";
 import s from "prop-types";
 import { isString as c, uniq as l } from "@pie-element/shared-lodash";
-import { styled as u } from "@mui/material/styles";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { styled as f } from "@mui/material/styles";
 import { color as p } from "@pie-lib/render-ui";
 import { Accordion as m, AccordionDetails as h, AccordionSummary as g, Typography as _ } from "@mui/material";
 import v from "@mui/icons-material/ExpandMore";
 //#region src/graph-with-controls.tsx
-var y = u("div")({
+var y = f("div")({
 	display: "flex",
 	flexDirection: "column",
 	width: "min-content"
-}), b = u("div")(({ theme: e }) => ({
+}), b = f("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	padding: e.spacing(1),
 	color: p.text(),
-	backgroundColor: p.primaryLight(),
-	"& button": { fontSize: e.typography.fontSize }
-})), x = u(m)({
-	backgroundColor: p.primaryLight(),
+	backgroundColor: p.backgroundDark(),
+	"& button": { fontSize: e.typography.fontSize },
+	border: `1px solid ${p.primaryLight()}`,
+	borderBottom: "none"
+})), x = f(m)({
+	backgroundColor: p.backgroundDark(),
 	width: "100%"
-}), S = u(g)(({ theme: e }) => ({
+}), S = f(g)(({ theme: e }) => ({
 	padding: `0 ${e.spacing(1)}`,
 	minHeight: "32px !important",
 	"& .MuiAccordionSummary-content": { margin: "4px 0 !important" }
-})), C = u(h)(({ theme: e }) => ({
+})), C = f(h)(({ theme: e }) => ({
 	padding: 0,
 	marginTop: e.spacing(1),
 	display: "flex",
@@ -37,7 +39,7 @@ var y = u("div")({
 })), w = (e) => r.map((t) => ({
 	...t,
 	toolbar: !!e.find((e) => e === t.type)
-})) || [], T = (e, t) => t && e && (e.find((e) => e.type === t.type) || {}).toolbar, E = (e) => e.find((e) => e.toolbar), D = (e) => e.filter((e) => !!n.find((t) => t === e.type)), O = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), k = (e) => r.find((t) => t.type === e) || null, A = ({ children: e, title: t }) => /* @__PURE__ */ f(x, {
+})) || [], T = (e, t) => t && e && (e.find((e) => e.type === t.type) || {}).toolbar, E = (e) => e.find((e) => e.toolbar), D = (e) => e.filter((e) => !!n.find((t) => t === e.type)), O = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), k = (e) => r.find((t) => t.type === e) || null, A = ({ children: e, title: t }) => /* @__PURE__ */ d(x, {
 	elevation: 0,
 	disableGutters: !0,
 	square: !0,
@@ -45,13 +47,13 @@ var y = u("div")({
 		enter: 225,
 		exit: 195
 	} },
-	children: [/* @__PURE__ */ d(S, {
-		expandIcon: /* @__PURE__ */ d(v, {}),
-		children: /* @__PURE__ */ d(_, {
+	children: [/* @__PURE__ */ u(S, {
+		expandIcon: /* @__PURE__ */ u(v, {}),
+		children: /* @__PURE__ */ u(_, {
 			variant: "subheading",
 			children: t
 		})
-	}), /* @__PURE__ */ d(C, { children: e })]
+	}), /* @__PURE__ */ u(C, { children: e })]
 });
 A.propTypes = {
 	children: s.array,
@@ -93,11 +95,11 @@ var j = class extends o.Component {
 		labelModeEnabled: e === "label"
 	});
 	render() {
-		let { currentTool: t, labelModeEnabled: n } = this.state, { axesSettings: r, className: s, coordinatesOnHover: u, collapsibleToolbar: p, collapsibleToolbarTitle: m, disabled: h, disabledLabels: g, disabledTitle: _, domain: v, draggableTools: x, labels: S, labelsPlaceholders: C, onChangeLabels: k, onChangeMarks: j, onChangeTitle: M, onChangeTools: N, onUndo: P, onRedo: F, onReset: I, range: L, size: R, showLabels: z, showPixelGuides: B, showTitle: V, title: H, titlePlaceholder: U, language: W, removeIncompleteTool: G, limitLabeling: K } = this.props, { backgroundMarks: q, marks: J, toolbarTools: Y } = this.props;
+		let { currentTool: t, labelModeEnabled: n } = this.state, { axesSettings: r, className: s, coordinatesOnHover: f, collapsibleToolbar: p, collapsibleToolbarTitle: m, disabled: h, disabledLabels: g, disabledTitle: _, domain: v, draggableTools: x, labels: S, labelsPlaceholders: C, onChangeLabels: k, onChangeMarks: j, onChangeTitle: M, onChangeTools: N, onUndo: P, onRedo: F, onReset: I, range: L, size: R, showLabels: z, showPixelGuides: B, showTitle: V, title: H, titlePlaceholder: U, language: W, removeIncompleteTool: G, limitLabeling: K } = this.props, { backgroundMarks: q, marks: J, toolbarTools: Y } = this.props;
 		Y = l(Y || []).filter((e) => !!c(e)) || [], q = D(q || []), J = O(Y, J || []);
 		let X = w(Y);
 		(!t || !T(X, t)) && (t = E(X));
-		let Z = /* @__PURE__ */ f(o.Fragment, { children: [/* @__PURE__ */ d(i, {
+		let Z = /* @__PURE__ */ d(o.Fragment, { children: [/* @__PURE__ */ u(i, {
 			currentToolType: t && t.type,
 			disabled: !!h,
 			draggableTools: x,
@@ -106,24 +108,24 @@ var j = class extends o.Component {
 			toolbarTools: Y,
 			onChangeTools: N,
 			language: W
-		}), !h && /* @__PURE__ */ d(a, {
+		}), !h && /* @__PURE__ */ u(a, {
 			onUndo: P,
 			onRedo: F,
 			onReset: I,
 			language: W
 		})] });
-		return /* @__PURE__ */ f(y, {
+		return /* @__PURE__ */ d(y, {
 			className: s,
 			children: [
-				/* @__PURE__ */ d(b, { children: p ? /* @__PURE__ */ d(A, {
+				/* @__PURE__ */ u(b, { children: p ? /* @__PURE__ */ u(A, {
 					title: m,
 					children: Z
 				}) : Z }),
-				/* @__PURE__ */ d("div", { ref: (e) => this.labelNode = e }),
-				/* @__PURE__ */ d(e, {
+				/* @__PURE__ */ u("div", { ref: (e) => this.labelNode = e }),
+				/* @__PURE__ */ u(e, {
 					axesSettings: r,
 					backgroundMarks: q,
-					coordinatesOnHover: u,
+					coordinatesOnHover: f,
 					currentTool: t,
 					disabledLabels: g,
 					disabledTitle: _,