@pie-lib/graphing-solution-set 4.0.4-next.3 → 4.0.4-next.30

package/dist/tools/polygon/component.js

@@ -0,0 +1,194 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_browser as t } from "../../node_modules/.bun/invariant@2.2.4/node_modules/invariant/browser.js";
+import { equalPoints as n, getMiddleOfTwoPoints as r, getRightestPoints as i } from "../../utils.js";
+import { ToolPropTypeFields as a } from "../shared/types.js";
+import o from "./polygon.js";
+import s from "../../mark-label.js";
+import c from "react";
+import l from "prop-types";
+import { chunk as u, isEmpty as d } from "@pie-element/shared-lodash";
+import { types as f } from "@pie-lib/plot";
+import p from "debug";
+import { jsx as m } from "react/jsx-runtime";
+import h from "react-dom";
+//#region src/tools/polygon/component.tsx
+var g = /* @__PURE__ */ e(t(), 1), _ = p("pie-lib:graphing-solution-set:polygon"), v = (e, ...t) => u(t, 2).reduce((e, t) => {
+	if (t.length === 2) {
+		let [n, r] = t;
+		(0, g.default)(Number.isFinite(n.index), "Index must be defined");
+		let i = n.index;
+		return i >= 0 && e.splice(i, 1, r), e;
+	} else return e;
+}, [...e]), y = class extends c.Component {
+	static propTypes = {
+		className: l.string,
+		disabled: l.bool,
+		correctness: l.string,
+		points: l.arrayOf(f.PointType),
+		closed: l.bool,
+		isSolution: l.bool,
+		coordinatesOnHover: l.bool,
+		onChange: l.func.isRequired,
+		onClosePolygon: l.func.isRequired,
+		onDragStart: l.func,
+		onDragStop: l.func,
+		onClick: l.func,
+		graphProps: f.GraphPropsType.isRequired,
+		isToolActive: l.bool,
+		middle: l.object,
+		labelNode: l.object,
+		labelModeEnabled: l.bool,
+		onChangeLabelProps: l.func,
+		onChangeProps: l.func
+	};
+	static defaultProps = { points: [] };
+	dragPoint = (e, t, r) => {
+		_("[dragPoint] from, to:", t, r);
+		let { onChange: i, points: a } = this.props, o = [...a], s = !!(a || []).find((e) => n(e, r));
+		n(t, r) || s || (a[e].label && (r.label = a[e].label), o.splice(e, 1, r), i(o));
+	};
+	dragLine = (e, t) => {
+		_("[dragLine]: ", e, t);
+		let { onChange: n } = this.props;
+		e.from.label && (t.from.label = e.from.label), e.to.label && (t.to.label = e.to.label), n(v(this.props.points, e.from, t.from, e.to, t.to));
+	};
+	dragPoly = (e, t) => {
+		_("[dragPoly] ", e, t);
+		let { onChange: n } = this.props;
+		t.forEach((n, r) => {
+			e[r].label && (t[r].label = e[r].label);
+		}), n(t);
+	};
+	close = () => {
+		let { points: e, onClosePolygon: t } = this.props;
+		_("[close] ..."), e.length >= 3 ? t() : _("[close] - nope");
+	};
+	labelChange = (e, t) => {
+		let { points: n, onChangeProps: r } = this.props, i = { ...e };
+		(!e.label || d(e.label)) && delete i.label;
+		let a = [...n];
+		a.splice(t, 1, i), r(a);
+	};
+	clickPoint = (e, t, n) => {
+		let { closed: a, disabled: o, onClick: s, isToolActive: c, labelModeEnabled: l, onChangeProps: u, onChangeLabelProps: d, points: f } = this.props;
+		if (l) {
+			if (o) return;
+			if (f && t === f.length) {
+				let { a: t, b: n } = i(f);
+				d({
+					label: "",
+					...e,
+					...r(t, n)
+				});
+			} else {
+				let n = [...f];
+				n.splice(t, 1, {
+					label: "",
+					...e
+				}), u(n);
+			}
+			this.input[t] && this.input[t].focus();
+			return;
+		}
+		if (c && !a && t === 0) {
+			this.close();
+			return;
+		}
+		s(e || n);
+	};
+	input = {};
+	render() {
+		let { closed: e, graphProps: t, onChangeLabelProps: n, points: r, middle: i, labelNode: a, labelModeEnabled: l, isSolution: u = !1 } = this.props, d = r && r.length || 0;
+		return a && i && Object.prototype.hasOwnProperty.call(i, "label") && h.createPortal(/* @__PURE__ */ m(s, {
+			inputRef: (e) => this.input[d] = e,
+			disabled: !l,
+			mark: i,
+			graphProps: t,
+			onChange: (e) => n({
+				...i,
+				label: e
+			})
+		}), a), /* @__PURE__ */ m("g", { children: /* @__PURE__ */ m(c.Fragment, { children: /* @__PURE__ */ m(o, {
+			points: r,
+			closed: e,
+			isSolution: u,
+			graphProps: t,
+			onClick: this.clickPoint.bind(this, i, d)
+		}) }) });
+	}
+}, b = class extends c.Component {
+	static propTypes = {
+		...a,
+		graphProps: f.GraphPropsType.isRequired
+	};
+	static defaultProps = {};
+	constructor(e) {
+		super(e), this.state = {};
+	}
+	change = (e) => {
+		let { mark: { middle: t } } = this.props, n = {
+			...this.state.mark,
+			points: e
+		};
+		if (t) {
+			let { a, b: o } = i(e);
+			n.middle = {
+				...t,
+				...r(a, o)
+			};
+		}
+		this.setState({ mark: n });
+	};
+	changeProps = (e) => {
+		let t = {
+			...this.props.mark,
+			points: e
+		};
+		this.props.onChange(this.props.mark, t);
+	};
+	changeLabelProps = (e) => {
+		let { mark: t, onChange: n } = this.props, r = {
+			...t.middle,
+			...e
+		};
+		n(t, {
+			...t,
+			middle: r
+		});
+	};
+	closePolygon = () => {
+		_("[closePolygon] ...");
+		let { onComplete: e, mark: t } = this.props;
+		e(t, {
+			...t,
+			closed: !0
+		});
+	};
+	dragStart = () => this.setState({ mark: this.props.mark });
+	dragStop = () => {
+		let { onChange: e } = this.props, t = { ...this.state.mark };
+		this.setState({ mark: void 0 }, () => {
+			e(this.props.mark, t);
+		});
+	};
+	render() {
+		let { coordinatesOnHover: e, mark: t, graphProps: n, onClick: r, isToolActive: i, labelNode: a, labelModeEnabled: o } = this.props, { mark: s } = this.state;
+		return /* @__PURE__ */ m(y, {
+			...s || t,
+			coordinatesOnHover: e,
+			onChange: this.change,
+			onChangeLabelProps: this.changeLabelProps,
+			onChangeProps: this.changeProps,
+			onClosePolygon: this.closePolygon,
+			onDragStart: this.dragStart,
+			onDragStop: this.dragStop,
+			onClick: r,
+			graphProps: n,
+			isToolActive: i,
+			labelNode: a,
+			labelModeEnabled: o
+		});
+	}
+};
+//#endregion
+export { b as default };

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

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/polygon/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import Polygon from './component.js';
+export declare const addPointToArray: (point: any, arr: any) => {
+    points: any;
+    closed: any;
+} | undefined;
+export declare const tool: () => {
+    type: string;
+    Component: typeof Polygon;
+    complete: (data: any, mark: any) => any;
+    addPoint: (point: any, mark: any) => any;
+};

package/dist/tools/polygon/index.js

@@ -0,0 +1,55 @@
+import { equalPoints as e } from "../../utils.js";
+import t from "./component.js";
+//#region src/tools/polygon/index.ts
+var n = (t, n) => {
+	if (n ||= [], n.length === 0) return {
+		points: [t],
+		closed: !1
+	};
+	if (n.length === 1) return e(t, n[0]) ? {
+		points: n,
+		closed: !1
+	} : {
+		points: [...n, t],
+		closed: !1
+	};
+	if (n.length >= 2) {
+		let r = e(t, n[0]);
+		return r ? {
+			points: n,
+			closed: r
+		} : n.find((n) => e(n, t)) ? {
+			points: n,
+			closed: !1
+		} : {
+			points: [...n, t],
+			closed: !1
+		};
+	}
+}, r = () => ({
+	type: "polygon",
+	Component: t,
+	complete: (e, t) => ({
+		...t,
+		building: !1,
+		closed: !0
+	}),
+	addPoint: (e, t) => {
+		if (t) {
+			let { closed: r, points: i } = n(e, t.points);
+			return {
+				...t,
+				closed: r,
+				points: i,
+				building: !r
+			};
+		} else return {
+			type: "polygon",
+			points: [e],
+			closed: !1,
+			building: !0
+		};
+	}
+});
+//#endregion
+export { r as tool };

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

@@ -0,0 +1,125 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/polygon/line.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare class RawLine extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        disabled: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        from: {};
+        to: {};
+    };
+    render(): React.JSX.Element;
+}
+export declare const Line: typeof RawLine;
+declare const _default: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        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;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        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;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

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

@@ -0,0 +1,122 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/polygon/polygon.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const getPointString: (points: any, scale: any) => any;
+export declare class RawPolygon extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        isSolution: PropTypes.Requireable<boolean>;
+        points: PropTypes.Requireable<(PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        closed: PropTypes.Validator<boolean>;
+        correctness: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        points: never[];
+    };
+    render(): React.JSX.Element;
+}
+export declare const Polygon: typeof RawPolygon;
+declare const _default: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        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;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        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;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/tools/polygon/polygon.js

@@ -0,0 +1,62 @@
+import { bounds as e, point as t, polygonToArea as n } from "../../utils.js";
+import { correct as r, incorrect as i } from "../shared/styles.js";
+import a from "react";
+import o from "prop-types";
+import { gridDraggable as s, types as c } from "@pie-lib/plot";
+import { styled as l } from "@mui/material/styles";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/tools/polygon/polygon.tsx
+var d = l("polygon", { shouldForwardProp: (e) => !["isSolution", "correctness"].includes(e) })(({ isSolution: e, correctness: t }) => ({
+	fill: e ? "rgb(60, 73, 150, 0.6)" : "transparent",
+	strokeWidth: 2,
+	"&:hover": { fill: e ? "rgb(60, 73, 150, 0.6)" : "rgb(0, 0, 0, 0.25)" },
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && i("stroke")
+})), f = l("polyline", { shouldForwardProp: (e) => !["isSolution", "correctness"].includes(e) })(({ isSolution: e, correctness: t }) => ({
+	fill: e ? "rgb(60, 73, 150, 0.6)" : "transparent",
+	strokeWidth: 2,
+	"&:hover": { fill: e ? "rgb(60, 73, 150, 0.6)" : "rgb(0, 0, 0, 0.25)" },
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && i("stroke")
+})), p = (e, t) => (e || []).map((e) => {
+	let n = {
+		x: t.x(e.x),
+		y: t.y(e.y)
+	};
+	return `${n.x},${n.y}`;
+}).join(" "), m = class extends a.Component {
+	static propTypes = {
+		className: o.string,
+		isSolution: o.bool,
+		points: o.arrayOf(c.PointType),
+		graphProps: c.GraphPropsType.isRequired,
+		closed: o.bool.isRequired,
+		correctness: o.string
+	};
+	static defaultProps = { points: [] };
+	render() {
+		let { points: e, className: t, correctness: n, graphProps: r, closed: i, isSolution: a, ...o } = this.props, { scale: s } = r, c = p(e, s);
+		return /* @__PURE__ */ u(i ? d : f, {
+			points: c,
+			isSolution: a,
+			correctness: n,
+			className: t,
+			...o
+		});
+	}
+}, h = s({
+	bounds: (t, { domain: r, range: i }) => {
+		let { points: a } = t;
+		return e(n(a), r, i);
+	},
+	anchorPoint: (e) => {
+		let { points: t } = e;
+		return t[0];
+	},
+	fromDelta: (e, n) => {
+		let { points: r } = e;
+		return r.map((e) => t(e).add(t(n)));
+	}
+})(m);
+//#endregion
+export { h as default };

package/dist/tools/shared/arrow-head.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/arrow-head.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const ArrowHead: {
+    ({ size, transform, points }: {
+        size: any;
+        transform: any;
+        points: any;
+    }): React.JSX.Element;
+    propTypes: {
+        points: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        transform: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        points: string;
+        size: number;
+        transform: string;
+    };
+};
+export declare const genUid: () => string;
+export declare const ArrowMarker: {
+    ({ id, size, className }: {
+        id: any;
+        size: any;
+        className: any;
+    }): React.JSX.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        size: number;
+    };
+};

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

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