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

package/dist/tools/point/component.js

@@ -1,6 +1,6 @@
 import { BasePoint as e } from "../shared/point/index.js";
 import { ToolPropTypeFields as t } from "../shared/types.js";
-import n from "../../mark-label.js";
+import { MarkLabel as n } from "../../mark-label.js";
 import r from "react";
 import { isEmpty as i, isEqual as a } from "@pie-element/shared-lodash";
 import { types as o } from "@pie-lib/plot";
@@ -14,7 +14,10 @@ var u = class extends r.Component {
 	};
 	static defaultProps = {};
 	constructor(e) {
-		super(e), this.state = {};
+		super(e), this.state = { editingLabel: null };
+	}
+	componentDidUpdate(e) {
+		e.labelModeEnabled && !this.props.labelModeEnabled && this.state.editingLabel !== null && this.setState({ editingLabel: null });
 	}
 	move = (e) => {
 		let t = {
@@ -42,6 +45,9 @@ var u = class extends r.Component {
 			t(this.props.mark, n);
 		});
 	};
+	stopEditingLabel = () => {
+		this.state.editingLabel !== null && this.setState({ editingLabel: null });
+	};
 	clickPoint = () => {
 		let { labelModeEnabled: e, onChange: t, onClick: n, mark: r } = this.props;
 		if (!e) {
@@ -51,14 +57,12 @@ var u = class extends r.Component {
 		r.disabled || (t(r, {
 			label: "",
 			...r
-		}), setTimeout(() => {
-			this.input && this.input.focus();
-		}, 0));
+		}), this.setState({ editingLabel: "label" }));
 	};
 	render() {
-		let { coordinatesOnHover: t, graphProps: i, labelNode: a, labelModeEnabled: o } = this.props, u = this.state.mark ? this.state.mark : this.props.mark;
+		let { coordinatesOnHover: t, graphProps: i, labelNode: a, labelModeEnabled: o } = this.props, { editingLabel: u } = this.state, d = this.state.mark ? this.state.mark : this.props.mark;
 		return /* @__PURE__ */ c(r.Fragment, { children: [/* @__PURE__ */ s(e, {
-			...u,
+			...d,
 			coordinatesOnHover: t,
 			graphProps: i,
 			labelNode: a,
@@ -72,14 +76,16 @@ var u = class extends r.Component {
 			onTouchEnd: (e) => {
 				e.stopPropagation(), this.clickPoint();
 			}
-		}), a && Object.prototype.hasOwnProperty.call(u, "label") && l.createPortal(/* @__PURE__ */ s(n, {
+		}), a && Object.prototype.hasOwnProperty.call(d, "label") && l.createPortal(/* @__PURE__ */ s(n, {
 			inputRef: (e) => this.input = e,
+			autoFocus: u === "label",
 			disabled: !o,
-			mark: u,
+			mark: d,
 			graphProps: i,
+			onBlur: this.stopEditingLabel,
 			onChange: this.labelChange
 		}), a)] });
 	}
 };
 //#endregion
-export { u as default };
+export { u as Point, u as default };

package/dist/tools/point/index.js

@@ -1,4 +1,4 @@
-import e from "./component.js";
+import { Point as e } from "./component.js";
 //#region src/tools/point/index.ts
 var t = () => ({
 	label: "Point",

package/dist/tools/polygon/component.d.ts

@@ -66,11 +66,16 @@ export declare class RawBaseComponent extends React.Component {
     static defaultProps: {
         points: never[];
     };
+    state: {
+        editingLabel: null;
+    };
+    componentDidUpdate(prevProps: any): void;
     dragPoint: any;
     dragLine: any;
     dragPoly: any;
     close: any;
     labelChange: any;
+    stopEditingLabel: any;
     clickPoint: any;
     input: {};
     render(): React.JSX.Element;

package/dist/tools/polygon/component.js

@@ -3,7 +3,7 @@ import { require_browser as t } from "../../node_modules/.bun/invariant@2.2.4/no
 import { equalPoints as n, getMiddleOfTwoPoints as r, getRightestPoints as i, stripEmptyLabel as a } from "../../utils.js";
 import { BasePoint as o } from "../shared/point/index.js";
 import { ToolPropTypeFields as s } from "../shared/types.js";
-import c from "../../mark-label.js";
+import { MarkLabel as c } from "../../mark-label.js";
 import l from "./line.js";
 import u, { Polygon as d } from "./polygon.js";
 import f from "react";
@@ -62,6 +62,10 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 		onChangeProps: p.func
 	};
 	static defaultProps = { points: [] };
+	state = { editingLabel: null };
+	componentDidUpdate(e) {
+		e.labelModeEnabled && !this.props.labelModeEnabled && this.state.editingLabel !== null && this.setState({ editingLabel: null });
+	}
 	dragPoint = (e, t, r) => {
 		C("[dragPoint] from, to:", t, r);
 		let { onChange: i, points: a } = this.props, o = [...a], s = !!(a || []).find((e) => n(e, r));
@@ -89,6 +93,9 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 		let a = [...n];
 		a.splice(t, 1, i), r(a);
 	};
+	stopEditingLabel = () => {
+		this.state.editingLabel !== null && this.setState({ editingLabel: null });
+	};
 	clickPoint = (e, t, n) => {
 		let { closed: o, disabled: s, middle: c, onClick: l, isToolActive: u, labelModeEnabled: d, limitLabeling: f, onSetMiddleLabel: p, points: m } = this.props;
 		if (d) {
@@ -107,9 +114,7 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 					...e
 				}), p(c && a(c), n);
 			}
-			setTimeout(() => {
-				this.input[t] && this.input[t].focus();
-			}, 0);
+			this.setState({ editingLabel: t });
 			return;
 		}
 		if (u && !o && t === 0) {
@@ -120,18 +125,20 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 	};
 	input = {};
 	render() {
-		let { closed: e, coordinatesOnHover: t, correctness: n, disabled: r, graphProps: i, onChangeLabelProps: a, onDragStart: s, onDragStop: p, points: m, middle: h, labelNode: g, labelModeEnabled: _ } = this.props, v = w(m, e), S = {
+		let { closed: e, coordinatesOnHover: t, correctness: n, disabled: r, graphProps: i, onChangeLabelProps: a, onDragStart: s, onDragStop: p, points: m, middle: h, labelNode: g, labelModeEnabled: _ } = this.props, { editingLabel: v } = this.state, S = w(m, e), C = {
 			onDragStart: s,
 			onDragStop: p,
 			graphProps: i,
 			disabled: r,
 			correctness: n
-		}, C = m && m.length || 0, T = null;
-		return g && h && Object.prototype.hasOwnProperty.call(h, "label") && (T = x.createPortal(/* @__PURE__ */ y(c, {
-			inputRef: (e) => this.input[C] = e,
+		}, T = m && m.length || 0, E = null;
+		return g && h && Object.prototype.hasOwnProperty.call(h, "label") && (E = x.createPortal(/* @__PURE__ */ y(c, {
+			inputRef: (e) => this.input[T] = e,
+			autoFocus: v === T,
 			disabled: r || !_,
 			mark: h,
 			graphProps: i,
+			onBlur: this.stopEditingLabel,
 			onChange: (e) => a({
 				...h,
 				label: e
@@ -141,19 +148,19 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 				points: m,
 				onDrag: this.dragPoly.bind(this, m),
 				closed: e,
-				...S,
-				onClick: this.clickPoint.bind(this, h, C)
-			}), T] }) : /* @__PURE__ */ y(d, {
+				...C,
+				onClick: this.clickPoint.bind(this, h, T)
+			}), E] }) : /* @__PURE__ */ y(d, {
 				points: m,
 				graphProps: i,
 				closed: e
 			}),
-			(v || []).map((e, t) => /* @__PURE__ */ y(l, {
+			(S || []).map((e, t) => /* @__PURE__ */ y(l, {
 				from: e.from,
 				to: e.to,
 				onDrag: this.dragLine.bind(this, e),
-				...S,
-				onClick: this.clickPoint.bind(this, h, C)
+				...C,
+				onClick: this.clickPoint.bind(this, h, T)
 			}, `line-${t}`)),
 			(m || []).map((e, n) => [/* @__PURE__ */ y(o, {
 				coordinatesOnHover: t,
@@ -161,13 +168,15 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 				x: e.x,
 				y: e.y,
 				onDrag: this.dragPoint.bind(this, n, e),
-				...S,
+				...C,
 				onClick: this.clickPoint.bind(this, e, n)
 			}, `point-${n}`), g && Object.prototype.hasOwnProperty.call(e, "label") ? x.createPortal(/* @__PURE__ */ y(c, {
 				inputRef: (e) => this.input[n] = e,
+				autoFocus: v === n,
 				disabled: r || !_,
 				mark: e,
 				graphProps: i,
+				onBlur: this.stopEditingLabel,
 				onChange: (t) => this.labelChange({
 					...e,
 					label: t
@@ -175,7 +184,7 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 			}), g) : null])
 		] });
 	}
-}, D = class extends f.Component {
+}, D = E, O = class extends f.Component {
 	static propTypes = {
 		...s,
 		graphProps: _.GraphPropsType.isRequired
@@ -239,7 +248,7 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 	};
 	render() {
 		let { coordinatesOnHover: e, mark: t, graphProps: n, onClick: r, isToolActive: i, labelNode: a, labelModeEnabled: o, limitLabeling: s } = this.props, { mark: c } = this.state;
-		return /* @__PURE__ */ y(E, {
+		return /* @__PURE__ */ y(D, {
 			...c || t,
 			coordinatesOnHover: e,
 			onChange: this.change,
@@ -259,4 +268,4 @@ var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t)
 	}
 };
 //#endregion
-export { D as default };
+export { D as BaseComponent, E as RawBaseComponent, w as buildLines, O as default, T as swap };

package/dist/tools/polygon/index.js

@@ -52,4 +52,4 @@ var n = (t, n) => {
 	}
 });
 //#endregion
-export { r as tool };
+export { n as addPointToArray, r as tool };

package/dist/tools/polygon/line.js

@@ -60,4 +60,4 @@ var u = s("line")(({ disabled: e, correctness: t }) => ({
 	}
 })(d);
 //#endregion
-export { f as default };
+export { d as Line, f as default };

package/dist/tools/polygon/polygon.js

@@ -56,7 +56,7 @@ var g = p("polygon")(({ disabled: e, correctness: t }) => ({
 			...o
 		});
 	}
-}, b = u({
+}, b = y, x = u({
 	bounds: (t, { domain: r, range: i }) => {
 		let { points: a } = t;
 		return e(n(a), r, i);
@@ -69,6 +69,6 @@ var g = p("polygon")(({ disabled: e, correctness: t }) => ({
 		let { points: r } = e;
 		return r.map((e) => t(e).add(t(n)));
 	}
-})(y);
+})(b);
 //#endregion
-export { y as Polygon, b as default };
+export { b as Polygon, y as RawPolygon, x as default, v as getPointString };

package/dist/tools/ray/component.js

@@ -1,5 +1,5 @@
 import { getAdjustedGraphLimits as e, thinnerShapesNeeded as t } from "../../utils.js";
-import n from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as n } from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { ArrowMarker as r, genUid as i } from "../shared/arrow-head.js";
 import { lineBase as a, lineToolComponent as o, styles as s } from "../shared/line/index.js";
 import "react";
@@ -68,4 +68,4 @@ h.propTypes = {
 };
 var g = o(a(h));
 //#endregion
-export { g as default };
+export { h as RayLine, g as default };

package/dist/tools/segment/component.js

@@ -49,4 +49,4 @@ l.propTypes = {
 };
 var u = t(e(l));
 //#endregion
-export { u as default };
+export { l as Line, u as default };

package/dist/tools/shared/line/index.d.ts

@@ -87,6 +87,10 @@ export declare const lineToolComponent: (Component: any) => {
 };
 export declare const lineBase: (Comp: any, opts: any) => {
     new (props: {}): {
+        state: {
+            editingLabel: null;
+        };
+        componentDidUpdate(prevProps: any): void;
         onChangePoint: any;
         dragComp: ({ from: draggedFrom, to: draggedTo }: {
             from: any;
@@ -95,6 +99,7 @@ export declare const lineBase: (Comp: any, opts: any) => {
         dragFrom: any;
         dragTo: any;
         labelChange: any;
+        stopEditingLabel: any;
         clickPoint: any;
         input: {};
         render(): React.JSX.Element;
@@ -102,7 +107,6 @@ export declare const lineBase: (Comp: any, opts: any) => {
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<{}>;
-        state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -111,7 +115,6 @@ export declare const lineBase: (Comp: any, opts: any) => {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
@@ -120,6 +123,10 @@ export declare const lineBase: (Comp: any, opts: any) => {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: {}, context: any): {
+        state: {
+            editingLabel: null;
+        };
+        componentDidUpdate(prevProps: any): void;
         onChangePoint: any;
         dragComp: ({ from: draggedFrom, to: draggedTo }: {
             from: any;
@@ -128,6 +135,7 @@ export declare const lineBase: (Comp: any, opts: any) => {
         dragFrom: any;
         dragTo: any;
         labelChange: any;
+        stopEditingLabel: any;
         clickPoint: any;
         input: {};
         render(): React.JSX.Element;
@@ -135,7 +143,6 @@ export declare const lineBase: (Comp: any, opts: any) => {
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<{}>;
-        state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -144,7 +151,6 @@ export declare const lineBase: (Comp: any, opts: any) => {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;

package/dist/tools/shared/line/index.js

@@ -1,7 +1,7 @@
 import { equalPoints as e, getMiddleOfTwoPoints as t, sameAxes as n, stripEmptyLabel as r } from "../../../utils.js";
 import { correct as i, disabled as a, disabledSecondary as o, incorrect as s, missing as c } from "../styles.js";
 import { BasePoint as l } from "../point/index.js";
-import u from "../../../mark-label.js";
+import { MarkLabel as u } from "../../../mark-label.js";
 import d from "react";
 import f from "prop-types";
 import { cloneDeep as p, isEmpty as m, isEqual as h } from "@pie-element/shared-lodash";
@@ -154,6 +154,10 @@ var T = b("g")(({ disabled: e, correctness: t }) => ({
 			labelModeEnabled: f.bool,
 			labelNode: f.object
 		};
+		state = { editingLabel: null };
+		componentDidUpdate(e) {
+			e.labelModeEnabled && !this.props.labelModeEnabled && this.state.editingLabel !== null && this.setState({ editingLabel: null });
+		}
 		onChangePoint = (n) => {
 			let { middle: r, onChange: i } = this.props, { from: a, to: o } = n;
 			e(a, o) || (r && (n.middle = {
@@ -191,6 +195,9 @@ var T = b("g")(({ disabled: e, correctness: t }) => ({
 			let { changeMarkProps: n } = this.props, r = { ...e };
 			(!e.label || m(e.label)) && delete r.label, n({ [t]: r });
 		};
+		stopEditingLabel = () => {
+			this.state.editingLabel !== null && this.setState({ editingLabel: null });
+		};
 		clickPoint = (e, n, i) => {
 			let { changeMarkProps: a, disabled: o, from: s, to: c, middle: l, labelModeEnabled: u, limitLabeling: d, onClick: f } = this.props;
 			if (!u) {
@@ -208,41 +215,47 @@ var T = b("g")(({ disabled: e, correctness: t }) => ({
 					label: "",
 					...e
 				}
-			}), this.input[n] && this.input[n].focus());
+			}), this.setState({ editingLabel: n }));
 		};
 		input = {};
 		render() {
-			let { coordinatesOnHover: e, graphProps: t, onDragStart: n, onDragStop: r, from: i, to: c, middle: l, disabled: d, correctness: f, onClick: p, labelNode: m, labelModeEnabled: h } = this.props, g = {
+			let { coordinatesOnHover: e, graphProps: t, onDragStart: n, onDragStop: r, from: i, to: c, middle: l, disabled: d, correctness: f, onClick: p, labelNode: m, labelModeEnabled: h } = this.props, { editingLabel: g } = this.state, v = {
 				graphProps: t,
 				onDragStart: n,
 				onDragStop: r,
 				disabled: d,
 				correctness: f,
 				onClick: p
-			}, v = c ? _.toDegrees(_.angle(i, c)) : 0, y = null, b = null, C = null;
-			return m && (i && Object.prototype.hasOwnProperty.call(i, "label") && (y = w.createPortal(/* @__PURE__ */ x(u, {
+			}, y = c ? _.toDegrees(_.angle(i, c)) : 0, b = null, C = null, E = null;
+			return m && (i && Object.prototype.hasOwnProperty.call(i, "label") && (b = w.createPortal(/* @__PURE__ */ x(u, {
 				inputRef: (e) => this.input.from = e,
+				autoFocus: g === "from",
 				disabled: !h,
 				mark: i,
 				graphProps: t,
+				onBlur: this.stopEditingLabel,
 				onChange: (e) => this.labelChange({
 					...i,
 					label: e
 				}, "from")
-			}), m)), c && Object.prototype.hasOwnProperty.call(c, "label") && (b = w.createPortal(/* @__PURE__ */ x(u, {
+			}), m)), c && Object.prototype.hasOwnProperty.call(c, "label") && (C = w.createPortal(/* @__PURE__ */ x(u, {
 				inputRef: (e) => this.input.to = e,
+				autoFocus: g === "to",
 				disabled: !h,
 				mark: c,
 				graphProps: t,
+				onBlur: this.stopEditingLabel,
 				onChange: (e) => this.labelChange({
 					...c,
 					label: e
 				}, "to")
-			}), m)), l && Object.prototype.hasOwnProperty.call(l, "label") && (C = w.createPortal(/* @__PURE__ */ x(u, {
+			}), m)), l && Object.prototype.hasOwnProperty.call(l, "label") && (E = w.createPortal(/* @__PURE__ */ x(u, {
 				inputRef: (e) => this.input.middle = e,
+				autoFocus: g === "middle",
 				disabled: !h,
 				mark: l,
 				graphProps: t,
+				onBlur: this.stopEditingLabel,
 				onChange: (e) => this.labelChange({
 					...l,
 					label: e
@@ -256,31 +269,31 @@ var T = b("g")(({ disabled: e, correctness: t }) => ({
 						to: c,
 						middle: l,
 						onDrag: this.dragComp,
-						...g,
+						...v,
 						onClick: (e) => this.clickPoint(l, "middle", e)
 					}),
-					C,
+					E,
 					/* @__PURE__ */ x(o, {
 						x: i.x,
 						y: i.y,
 						labelNode: m,
 						coordinatesOnHover: e,
 						onDrag: this.dragFrom,
-						...g,
+						...v,
 						onClick: (e) => this.clickPoint(i, "from", e)
 					}),
-					y,
+					b,
 					c && /* @__PURE__ */ x(s, {
 						x: c.x,
 						y: c.y,
-						angle: v,
+						angle: y,
 						labelNode: m,
 						coordinatesOnHover: e,
 						onDrag: this.dragTo,
-						...g,
+						...v,
 						onClick: (e) => this.clickPoint(c, "to", e)
 					}),
-					b
+					C
 				]
 			});
 		}

package/dist/tools/shared/line/line-path.js

@@ -66,6 +66,6 @@ var f = () => ({
 			...d
 		})] });
 	}
-};
+}, g = h;
 //#endregion
-export { h as LinePath };
+export { g as LinePath, h as RawLinePath };

package/dist/tools/shared/line/with-root-edge.d.ts

@@ -24,6 +24,10 @@ export declare const rootEdgeComponent: (RootEdgeComp: any) => {
 };
 export declare const withRootEdge: (getPoints: any) => {
     new (props: {}): {
+        state: {
+            editingLabel: null;
+        };
+        componentDidUpdate(prevProps: any): void;
         onChangePoint: any;
         dragComp: ({ from: draggedFrom, to: draggedTo }: {
             from: any;
@@ -32,6 +36,7 @@ export declare const withRootEdge: (getPoints: any) => {
         dragFrom: any;
         dragTo: any;
         labelChange: any;
+        stopEditingLabel: any;
         clickPoint: any;
         input: {};
         render(): React.JSX.Element;
@@ -39,7 +44,6 @@ export declare const withRootEdge: (getPoints: any) => {
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<{}>;
-        state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -48,7 +52,6 @@ export declare const withRootEdge: (getPoints: any) => {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
@@ -57,6 +60,10 @@ export declare const withRootEdge: (getPoints: any) => {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: {}, context: any): {
+        state: {
+            editingLabel: null;
+        };
+        componentDidUpdate(prevProps: any): void;
         onChangePoint: any;
         dragComp: ({ from: draggedFrom, to: draggedTo }: {
             from: any;
@@ -65,6 +72,7 @@ export declare const withRootEdge: (getPoints: any) => {
         dragFrom: any;
         dragTo: any;
         labelChange: any;
+        stopEditingLabel: any;
         clickPoint: any;
         input: {};
         render(): React.JSX.Element;
@@ -72,7 +80,6 @@ export declare const withRootEdge: (getPoints: any) => {
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<{}>;
-        state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -81,7 +88,6 @@ export declare const withRootEdge: (getPoints: any) => {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;

package/dist/tools/shared/line/with-root-edge.js

@@ -1,5 +1,5 @@
 import { LinePath as e } from "./line-path.js";
-import { curveMonotoneX as t } from "../../../node_modules/.bun/@visx_curve@3.12.0/node_modules/@visx/curve/esm/index.js";
+import { d3_shape_exports as t } from "../../../node_modules/.bun/@visx_vendor@4.0.0/node_modules/@visx/vendor/esm/d3-shape.js";
 import { lineBase as n, lineToolComponent as r } from "./index.js";
 import "react";
 import i from "prop-types";
@@ -46,7 +46,7 @@ var s = (e) => {
 			data: _,
 			from: a,
 			to: s,
-			curve: t,
+			curve: t.curveMonotoneX,
 			...v,
 			...m
 		}) : /* @__PURE__ */ o(e, {
@@ -70,4 +70,4 @@ var s = (e) => {
 	}, r;
 }, f = (e) => n(d(e));
 //#endregion
-export { u as rootEdgeComponent, f as withRootEdge };
+export { u as rootEdgeComponent, l as rootEdgeToFromToWrapper, f as withRootEdge };

package/dist/tools/shared/point/base-point.js

@@ -1,5 +1,5 @@
 import { thinnerShapesNeeded as e } from "../../../utils.js";
-import t from "../../../coordinates-label.js";
+import { CoordinatesLabel as t } from "../../../coordinates-label.js";
 import n from "../icons/MissingSVG.js";
 import r from "../icons/CorrectSVG.js";
 import i from "../icons/IncorrectSVG.js";

package/dist/tools/vector/component.js

@@ -41,4 +41,4 @@ u.propTypes = {
 };
 var d = r(n(u, { to: t }));
 //#endregion
-export { d as default };
+export { u as Line, d as default };

package/dist/undo-redo.js

@@ -1,4 +1,4 @@
-import e from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import t from "react";
 import n from "prop-types";
 import { styled as r } from "@mui/material/styles";
@@ -44,4 +44,4 @@ var { translator: l } = c, u = r(s)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { d as default };
+export { d as UndoRedo, d as default };

package/dist/utils.js

@@ -72,4 +72,4 @@ var d = c.bounds, f = c.point, p = () => 0, m = () => 0, h = (e) => {
 	});
 };
 //#endregion
-export { v as amountToIncreaseWidth, m as arrowDimensions, d as bounds, g as countWords, E as equalPoints, _ as findLongestWord, k as getAdjustedGraphLimits, p as getAngleDeg, A as getDistanceBetweenTwoPoints, C as getMiddleOfTwoPoints, S as getRightestPoints, h as getTickValues, F as isDuplicatedMark, b as lineToArea, f as point, y as polygonToArea, w as roundNumber, T as sameAxes, u as stripEmptyLabel, O as thinnerShapesNeeded };
+export { v as amountToIncreaseWidth, m as arrowDimensions, d as bounds, g as countWords, E as equalPoints, _ as findLongestWord, k as getAdjustedGraphLimits, p as getAngleDeg, A as getDistanceBetweenTwoPoints, C as getMiddleOfTwoPoints, S as getRightestPoints, h as getTickValues, F as isDuplicatedMark, b as lineToArea, f as point, x as pointsToArea, y as polygonToArea, w as roundNumber, T as sameAxes, u as stripEmptyLabel, O as thinnerShapesNeeded };

package/package.json

@@ -1,23 +1,28 @@
 {
   "name": "@pie-lib/graphing",
-  "version": "4.0.5-next.31",
+  "version": "4.0.5-next.33",
   "description": "Graphing components",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pie-framework/pie-elements-ng.git",
+    "directory": "packages/lib-react/graphing"
+  },
   "dependencies": {
     "@dnd-kit/sortable": "10.0.0",
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "4.0.3-next.38",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.31",
-    "@pie-lib/graphing-utils": "3.0.3-next.1",
-    "@pie-lib/plot": "4.0.4-next.31",
-    "@pie-lib/render-ui": "6.1.1-next.38",
-    "@pie-lib/translator": "4.0.3-next.1",
+    "@pie-lib/drag": "4.0.3-next.39",
+    "@pie-lib/editable-html-tip-tap": "2.1.2-next.32",
+    "@pie-lib/graphing-utils": "3.0.3-next.2",
+    "@pie-lib/plot": "4.0.4-next.32",
+    "@pie-lib/render-ui": "6.1.1-next.39",
+    "@pie-lib/translator": "4.0.3-next.2",
     "@visx/axis": "^3.0.0",
     "@visx/clip-path": "^3.0.0",
-    "@visx/curve": "^3.0.0",
+    "@visx/curve": "^4.0.0",
     "@visx/event": "^3.0.0",
     "@visx/grid": "^3.0.0",
     "@visx/group": "^3.0.0",
@@ -33,7 +38,7 @@
     "redux": "^5.0.1",
     "redux-undo": "^1.1.0",
     "@pie-element/shared-lodash": "0.1.1-next.1",
-    "@pie-lib/config-ui": "13.0.4-next.31",
+    "@pie-lib/config-ui": "13.0.4-next.32",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "clsx": "^2.1.1",

package/dist/node_modules/.bun/@visx_curve@3.12.0/node_modules/@visx/curve/esm/index.js

@@ -1,2 +0,0 @@
-import { curveMonotoneX as e } from "d3-shape";
-export { e as curveMonotoneX };