@pie-lib/graphing-solution-set 5.0.1-next.20261004041321 → 5.0.1-next.20261004165705

package/dist/tools/shared/arrow-head.js

@@ -1,11 +1,11 @@
 import "react";
 import e from "prop-types";
-import { jsx as t } from "react/jsx-runtime";
-import { color as n } from "@pie-lib/render-ui";
+import { color as t } from "@pie-lib/render-ui";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/tools/shared/arrow-head.tsx
-var r = ({ size: e, transform: n, points: r }) => /* @__PURE__ */ t("polygon", {
+var r = ({ size: e, transform: t, points: r }) => /* @__PURE__ */ n("polygon", {
 	points: r || `0,0 ${e},${e / 2} 0,${e}`,
-	transform: n
+	transform: t
 });
 r.propTypes = {
 	points: e.string,
@@ -16,7 +16,7 @@ r.propTypes = {
 	size: 10,
 	transform: ""
 };
-var i = () => `arrow-${(Math.random() * 1e3).toFixed(0)}`, a = ({ id: e, size: i, className: a }) => /* @__PURE__ */ t("marker", {
+var i = ({ id: e, size: i, className: a }) => /* @__PURE__ */ n("marker", {
 	id: e,
 	viewBox: `0 0 ${i} ${i}`,
 	refX: i / 2,
@@ -25,13 +25,13 @@ var i = () => `arrow-${(Math.random() * 1e3).toFixed(0)}`, a = ({ id: e, size: i
 	markerHeight: i,
 	orient: "auto-start-reverse",
 	className: a,
-	style: { fill: n.defaults.BLACK },
-	children: /* @__PURE__ */ t(r, { size: i })
+	style: { fill: t.defaults.BLACK },
+	children: /* @__PURE__ */ n(r, { size: i })
 });
-a.propTypes = {
+i.propTypes = {
 	id: e.string,
 	size: e.number,
 	className: e.string
-}, a.defaultProps = { size: 5 };
+}, i.defaultProps = { size: 5 };
 //#endregion
-export { r as ArrowHead, a as ArrowMarker, i as genUid };
+export { r as ArrowHead, i as ArrowMarker };

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

@@ -6,8 +6,8 @@ import l from "react";
 import u from "prop-types";
 import { cloneDeep as d, isEmpty as f, isEqual as p } from "@pie-element/shared-lodash";
 import { gridDraggable as m, trig as h, types as g, utils as _ } from "@pie-lib/plot";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { color as b } from "@pie-lib/render-ui";
+import { color as v } from "@pie-lib/render-ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import x from "react-dom";
 //#region src/tools/shared/line/index.tsx
 var S = (t, n) => () => ({
@@ -68,7 +68,7 @@ var S = (t, n) => () => ({
 	};
 	render() {
 		let { graphProps: t, onClick: n, labelNode: r, labelModeEnabled: i, coordinatesOnHover: a, gssLineData: o, language: s } = this.props, c = this.state.mark ? this.state.mark : this.props.mark, l = d(c.from), u = d(c.to), f = d(c.middle);
-		return l && c.isBackground && (l.disabled = !0), u && c.isBackground && (u.disabled = !0), f && c.isBackground && (f.disabled = !0), /* @__PURE__ */ v(e, {
+		return l && c.isBackground && (l.disabled = !0), u && c.isBackground && (u.disabled = !0), f && c.isBackground && (f.disabled = !0), /* @__PURE__ */ y(e, {
 			disabled: c.disabled,
 			coordinatesOnHover: a,
 			correctness: c.correctness,
@@ -183,7 +183,7 @@ var S = (t, n) => () => ({
 		};
 		input = {};
 		render() {
-			let { coordinatesOnHover: e, graphProps: t, fill: n, gssLineData: r, onDragStart: c, onDragStop: l, from: u, to: d, middle: f, disabled: p, correctness: m, onClick: g, labelNode: _, labelModeEnabled: b, language: S } = this.props, C = {
+			let { coordinatesOnHover: e, graphProps: t, fill: n, gssLineData: r, onDragStart: c, onDragStop: l, from: u, to: d, middle: f, disabled: p, correctness: m, onClick: g, labelNode: _, labelModeEnabled: v, language: S } = this.props, C = {
 				graphProps: t,
 				fill: n,
 				onDragStart: c,
@@ -200,9 +200,9 @@ var S = (t, n) => () => ({
 				onClick: g
 			});
 			let w = d ? h.toDegrees(h.angle(u, d)) : 0, T = null, E = null, D = null;
-			return _ && (u && Object.prototype.hasOwnProperty.call(u, "label") && (T = x.createPortal(/* @__PURE__ */ v(s, {
+			return _ && (u && Object.prototype.hasOwnProperty.call(u, "label") && (T = x.createPortal(/* @__PURE__ */ y(s, {
 				inputRef: (e) => this.input.from = e,
-				disabled: !b,
+				disabled: !v,
 				mark: u,
 				graphProps: t,
 				language: S,
@@ -210,9 +210,9 @@ var S = (t, n) => () => ({
 					...u,
 					label: e
 				}, "from")
-			}), _)), d && Object.prototype.hasOwnProperty.call(d, "label") && (E = x.createPortal(/* @__PURE__ */ v(s, {
+			}), _)), d && Object.prototype.hasOwnProperty.call(d, "label") && (E = x.createPortal(/* @__PURE__ */ y(s, {
 				inputRef: (e) => this.input.to = e,
-				disabled: !b,
+				disabled: !v,
 				mark: d,
 				graphProps: t,
 				language: S,
@@ -220,9 +220,9 @@ var S = (t, n) => () => ({
 					...d,
 					label: e
 				}, "to")
-			}), _)), f && Object.prototype.hasOwnProperty.call(f, "label") && (D = x.createPortal(/* @__PURE__ */ v(s, {
+			}), _)), f && Object.prototype.hasOwnProperty.call(f, "label") && (D = x.createPortal(/* @__PURE__ */ y(s, {
 				inputRef: (e) => this.input.middle = e,
-				disabled: !b,
+				disabled: !v,
 				mark: f,
 				graphProps: t,
 				language: S,
@@ -230,15 +230,15 @@ var S = (t, n) => () => ({
 					...f,
 					label: e
 				}, "middle")
-			}), _))), r && r.selectedTool === "solutionSet" ? /* @__PURE__ */ y("g", { children: [
-				d && /* @__PURE__ */ v(i, {
+			}), _))), r && r.selectedTool === "solutionSet" ? /* @__PURE__ */ b("g", { children: [
+				d && /* @__PURE__ */ y(i, {
 					from: u,
 					to: d,
 					middle: f,
 					...C
 				}),
 				D,
-				/* @__PURE__ */ v(a, {
+				/* @__PURE__ */ y(a, {
 					x: u.x,
 					y: u.y,
 					labelNode: _,
@@ -246,7 +246,7 @@ var S = (t, n) => () => ({
 					...C
 				}),
 				T,
-				d && /* @__PURE__ */ v(o, {
+				d && /* @__PURE__ */ y(o, {
 					x: d.x,
 					y: d.y,
 					angle: w,
@@ -255,8 +255,8 @@ var S = (t, n) => () => ({
 					...C
 				}),
 				E
-			] }) : /* @__PURE__ */ y("g", { children: [
-				d && /* @__PURE__ */ v(i, {
+			] }) : /* @__PURE__ */ b("g", { children: [
+				d && /* @__PURE__ */ y(i, {
 					from: u,
 					to: d,
 					middle: f,
@@ -265,7 +265,7 @@ var S = (t, n) => () => ({
 					onClick: (e) => this.clickPoint(f, "middle", e)
 				}),
 				D,
-				/* @__PURE__ */ v(a, {
+				/* @__PURE__ */ y(a, {
 					x: u.x,
 					y: u.y,
 					labelNode: _,
@@ -275,7 +275,7 @@ var S = (t, n) => () => ({
 					onClick: (e) => this.clickPoint(u, "from", e)
 				}),
 				T,
-				d && /* @__PURE__ */ v(o, {
+				d && /* @__PURE__ */ y(o, {
 					x: d.x,
 					y: d.y,
 					angle: w,
@@ -293,26 +293,26 @@ var S = (t, n) => () => ({
 }, E = {
 	line: () => ({
 		fill: "transparent",
-		stroke: b.defaults.BLACK,
+		stroke: v.defaults.BLACK,
 		strokeWidth: 4,
 		transition: "stroke 200ms ease-in, stroke-width 200ms ease-in",
 		"&:hover": {
 			strokeWidth: 6,
-			stroke: b.defaults.BLACK
+			stroke: v.defaults.BLACK
 		}
 	}),
 	dashedLine: () => ({
 		fill: "transparent",
-		stroke: b.defaults.BLACK,
+		stroke: v.defaults.BLACK,
 		strokeWidth: 4,
 		transition: "stroke 200ms ease-in, stroke-width 200ms ease-in",
 		"&:hover": {
 			strokeWidth: 6,
-			stroke: b.defaults.BLACK
+			stroke: v.defaults.BLACK
 		},
 		strokeDasharray: "3,3"
 	}),
-	arrow: () => ({ fill: b.defaults.SECONDARY }),
+	arrow: () => ({ fill: v.defaults.SECONDARY }),
 	disabledArrow: () => ({ ...i() }),
 	disabled: () => ({
 		...i("stroke"),

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

@@ -4,12 +4,12 @@ import { CoordinatesLabel as a } from "../../../coordinates-label.js";
 import o from "react";
 import s from "prop-types";
 import { types as c } from "@pie-lib/plot";
-import { Fragment as l, 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 { color as l } from "@pie-lib/render-ui";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
 import m from "react-dom";
 //#region src/tools/shared/point/base-point.tsx
-var h = f("g")(({ disabled: e, correctness: a }) => ({
+var h = p("g")(({ disabled: e, correctness: a }) => ({
 	cursor: "pointer",
 	"& circle": { fill: "currentColor" },
 	...e && {
@@ -46,8 +46,8 @@ var h = f("g")(({ disabled: e, correctness: a }) => ({
 		super(e), this.state = { showCoordinates: !1 };
 	}
 	render() {
-		let { className: t, coordinatesOnHover: n, x: r, y: i, disabled: o, correctness: s, graphProps: c, labelNode: f, style: g, onClick: _, onTouchStart: v, onTouchEnd: y, ...b } = this.props, { showCoordinates: x } = this.state, { scale: S } = c, C = e(c) ? 5 : 7;
-		return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("circle", {
+		let { className: t, coordinatesOnHover: n, x: r, y: i, disabled: o, correctness: s, graphProps: c, labelNode: p, style: g, onClick: _, onTouchStart: v, onTouchEnd: y, ...b } = this.props, { showCoordinates: x } = this.state, { scale: S } = c, C = e(c) ? 5 : 7;
+		return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("circle", {
 			style: {
 				fill: "transparent",
 				cursor: "pointer",
@@ -61,26 +61,26 @@ var h = f("g")(({ disabled: e, correctness: a }) => ({
 			onTouchStart: v,
 			onTouchEnd: y,
 			onClick: _
-		}), /* @__PURE__ */ d(h, {
+		}), /* @__PURE__ */ f(h, {
 			disabled: o,
 			correctness: s,
 			className: t,
 			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
 			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
-			children: [/* @__PURE__ */ u("circle", {
+			children: [/* @__PURE__ */ d("circle", {
 				...b,
 				style: {
-					fill: p.defaults.BLACK,
+					fill: l.defaults.BLACK,
 					cursor: "pointer"
 				},
 				r: C,
 				cx: S.x(r),
 				cy: S.y(i)
-			}), f && n && x && m.createPortal(/* @__PURE__ */ u(a, {
+			}), p && n && x && m.createPortal(/* @__PURE__ */ d(a, {
 				graphProps: c,
 				x: r,
 				y: i
-			}), f)]
+			}), p)]
 		})] });
 	}
 };

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

@@ -6,9 +6,9 @@ import c from "./arrow.js";
 import "react";
 import l from "prop-types";
 import { gridDraggable as u } from "@pie-lib/plot";
-import { jsx as d } from "react/jsx-runtime";
-import { styled as f } from "@mui/material/styles";
-import { color as p } from "@pie-lib/render-ui";
+import { color as d } from "@pie-lib/render-ui";
+import { jsx as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
 //#region src/tools/shared/point/index.tsx
 var m = {
 	bounds: (t, { domain: n, range: r }) => {
@@ -28,18 +28,18 @@ var m = {
 		};
 	},
 	fromDelta: (e, n) => t(e).add(t(n))
-}, h = f("g", { shouldForwardProp: (e) => !["disabled", "correctness"].includes(e) })(({ disabled: e, correctness: t }) => ({ "& circle, & polygon": {
+}, h = p("g", { shouldForwardProp: (e) => !["disabled", "correctness"].includes(e) })(({ disabled: e, correctness: t }) => ({ "& circle, & polygon": {
 	cursor: "pointer",
-	fill: p.defaults.SECONDARY,
+	fill: d.defaults.SECONDARY,
 	...e && r(),
 	...t === "correct" && n(),
 	...t === "incorrect" && i(),
 	...t === "missing" && a()
 } })), g = (e) => {
-	let t = (t) => /* @__PURE__ */ d(h, {
+	let t = (t) => /* @__PURE__ */ f(h, {
 		disabled: t.disabled,
 		correctness: t.correctness,
-		children: /* @__PURE__ */ d(e, { ...t })
+		children: /* @__PURE__ */ f(e, { ...t })
 	});
 	return t.displayName = `withStyledWrapper(${e.displayName || e.name || "Component"})`, t.propTypes = {
 		disabled: l.bool,

package/dist/undo-redo.js

@@ -1,13 +1,13 @@
 import e from "react";
 import t from "prop-types";
-import n from "@pie-lib/translator";
-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 { color as n } from "@pie-lib/render-ui";
+import r from "@pie-lib/translator";
+import { jsx as i } from "react/jsx-runtime";
+import { styled as a } from "@mui/material/styles";
 import o from "@mui/material/Button";
 //#region src/undo-redo.tsx
-var { translator: s } = n, c = i(o)(({ theme: e }) => ({
-	color: a.text(),
+var { translator: s } = r, c = a(o)(({ theme: e }) => ({
+	color: n.text(),
 	fontWeight: "bold",
 	marginBottom: e.spacing(.5),
 	"&:not(:last-of-type)": { marginRight: e.spacing(.5) }
@@ -20,9 +20,9 @@ var { translator: s } = n, c = i(o)(({ theme: e }) => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, onReset: t = !1, language: n } = this.props;
-		return /* @__PURE__ */ r("div", {
+		return /* @__PURE__ */ i("div", {
 			className: e,
-			children: /* @__PURE__ */ r(c, {
+			children: /* @__PURE__ */ i(c, {
 				onClick: () => t(),
 				children: s.t("graphing.reset", { lng: n })
 			})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-solution-set",
-  "version": "5.0.1-next.20261004041321",
+  "version": "5.0.1-next.20261004165705",
   "description": "Graphing components",
   "repository": {
     "type": "git",
@@ -14,11 +14,11 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "5.0.1-next.20261004023419",
-    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004041321",
+    "@pie-lib/drag": "5.0.1-next.20261004165705",
+    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004165705",
     "@pie-lib/graphing-utils": "4.0.1-next.20261002233132",
-    "@pie-lib/plot": "5.0.1-next.20261004041321",
-    "@pie-lib/render-ui": "8.0.1-next.20261004023419",
+    "@pie-lib/plot": "5.0.1-next.20261004165705",
+    "@pie-lib/render-ui": "8.0.1-next.20261004165705",
     "@pie-lib/tools": "3.0.1-next.20261002233132",
     "@pie-lib/translator": "5.0.1-next.20261004041321",
     "@visx/axis": "^4.0.0",
@@ -40,7 +40,7 @@
     "redux-undo": "^1.1.0",
     "@pie-element/shared-lodash": "0.1.2-next.20261002215153",
     "clsx": "^2.1.1",
-    "@pie-lib/config-ui": "14.0.1-next.20261004041321",
+    "@pie-lib/config-ui": "14.0.1-next.20261004165705",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "d3-shape": "^3.2.0"