@pie-lib/graphing 4.1.0-beta.9 → 5.0.0-next.37

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

@@ -0,0 +1,125 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/polygon/component.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 buildLines: (points: any, closed: any) => {
+    from: unknown;
+    to: unknown;
+}[];
+export declare const swap: (arr: any, ...rest: any[]) => any[];
+export declare class RawBaseComponent extends React.Component {
+    static propTypes: {
+        classes: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        points: PropTypes.Requireable<(PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        closed: PropTypes.Requireable<boolean>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onClosePolygon: PropTypes.Validator<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: 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>;
+            }>>>;
+        }>>>;
+        isToolActive: PropTypes.Requireable<boolean>;
+        middle: PropTypes.Requireable<object>;
+        labelNode: PropTypes.Requireable<object>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+        onChangeLabelProps: PropTypes.Requireable<(...args: any[]) => any>;
+        onSetMiddleLabel: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeProps: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    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;
+}
+export declare const BaseComponent: typeof RawBaseComponent;
+export default class Component extends React.Component {
+    static propTypes: {
+        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>;
+            }>>>;
+        }>>>;
+        mark: PropTypes.Requireable<any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    change: any;
+    changeProps: any;
+    changeLabelProps: any;
+    setMiddleLabel: any;
+    closePolygon: any;
+    dragStart: () => void;
+    dragStop: any;
+    render(): React.JSX.Element;
+}

package/dist/tools/polygon/component.js

@@ -0,0 +1,271 @@
+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, stripEmptyLabel as a } from "../../utils.js";
+import { BasePoint as o } from "../shared/point/index.js";
+import { ToolPropTypeFields as s } from "../shared/types.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";
+import p from "prop-types";
+import { chunk as m, initial as h, isEmpty as g } from "@pie-element/shared-lodash";
+import { types as _ } from "@pie-lib/plot";
+import v from "debug";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "react-dom";
+//#region src/tools/polygon/component.tsx
+var S = /* @__PURE__ */ e(t(), 1), C = v("pie-lib:graphing:polygon"), w = (e, t) => {
+	let n = m(e.reduce((t, n, r) => {
+		t.push({
+			...n,
+			index: r
+		});
+		let i = r === e.length - 1 ? 0 : r + 1;
+		return t.push({
+			...e[i],
+			index: i
+		}), t;
+	}, []), 2).map(([e, t]) => ({
+		from: e,
+		to: t
+	}));
+	return t ? n : h(n);
+}, T = (e, ...t) => m(t, 2).reduce((e, t) => {
+	if (t.length === 2) {
+		let [n, r] = t;
+		(0, S.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]), E = class extends f.Component {
+	static propTypes = {
+		classes: p.object,
+		className: p.string,
+		disabled: p.bool,
+		correctness: p.string,
+		points: p.arrayOf(_.PointType),
+		closed: p.bool,
+		coordinatesOnHover: p.bool,
+		onChange: p.func.isRequired,
+		onClosePolygon: p.func.isRequired,
+		onDragStart: p.func,
+		onDragStop: p.func,
+		onClick: p.func,
+		graphProps: _.GraphPropsType.isRequired,
+		isToolActive: p.bool,
+		middle: p.object,
+		labelNode: p.object,
+		labelModeEnabled: p.bool,
+		limitLabeling: p.bool,
+		onChangeLabelProps: p.func,
+		onSetMiddleLabel: p.func,
+		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));
+		n(t, r) || s || (a[e].label && (r.label = a[e].label), o.splice(e, 1, r), i(o));
+	};
+	dragLine = (e, t) => {
+		C("[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(T(this.props.points, e.from, t.from, e.to, t.to));
+	};
+	dragPoly = (e, t) => {
+		C("[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;
+		C("[close] ..."), e.length >= 3 ? t() : C("[close] - nope");
+	};
+	labelChange = (e, t) => {
+		let { points: n, onChangeProps: r } = this.props, i = { ...e };
+		(!e.label || g(e.label)) && delete i.label;
+		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) {
+			if (s || f) return;
+			if (m && t === m.length) {
+				let { a: t, b: n } = i(m);
+				p({
+					label: "",
+					...e,
+					...r(t, n)
+				}, m.map(a));
+			} else {
+				let n = m.map(a);
+				n.splice(t, 1, {
+					label: "",
+					...e
+				}), p(c && a(c), n);
+			}
+			this.setState({ editingLabel: t });
+			return;
+		}
+		if (u && !o && t === 0) {
+			this.close();
+			return;
+		}
+		l(e || n);
+	};
+	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, { editingLabel: v } = this.state, S = w(m, e), C = {
+			onDragStart: s,
+			onDragStop: p,
+			graphProps: i,
+			disabled: r,
+			correctness: n
+		}, 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
+			})
+		}), g)), /* @__PURE__ */ b("g", { children: [
+			e ? /* @__PURE__ */ b(f.Fragment, { children: [/* @__PURE__ */ y(u, {
+				points: m,
+				onDrag: this.dragPoly.bind(this, m),
+				closed: e,
+				...C,
+				onClick: this.clickPoint.bind(this, h, T)
+			}), E] }) : /* @__PURE__ */ y(d, {
+				points: m,
+				graphProps: i,
+				closed: e
+			}),
+			(S || []).map((e, t) => /* @__PURE__ */ y(l, {
+				from: e.from,
+				to: e.to,
+				onDrag: this.dragLine.bind(this, e),
+				...C,
+				onClick: this.clickPoint.bind(this, h, T)
+			}, `line-${t}`)),
+			(m || []).map((e, n) => [/* @__PURE__ */ y(o, {
+				coordinatesOnHover: t,
+				labelNode: g,
+				x: e.x,
+				y: e.y,
+				onDrag: this.dragPoint.bind(this, n, e),
+				...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
+				}, n)
+			}), g) : null])
+		] });
+	}
+}, D = E, O = class extends f.Component {
+	static propTypes = {
+		...s,
+		graphProps: _.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
+		};
+		(!r.label || g(r.label)) && delete r.label, n(t, {
+			...t,
+			middle: r
+		});
+	};
+	setMiddleLabel = (e, t) => {
+		let { mark: n, onChange: r } = this.props, i = {
+			...n,
+			middle: e
+		};
+		t && (i.points = t), r(n, i);
+	};
+	closePolygon = () => {
+		C("[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, limitLabeling: s } = this.props, { mark: c } = this.state;
+		return /* @__PURE__ */ y(D, {
+			...c || t,
+			coordinatesOnHover: e,
+			onChange: this.change,
+			onChangeLabelProps: this.changeLabelProps,
+			onSetMiddleLabel: this.setMiddleLabel,
+			onChangeProps: this.changeProps,
+			onClosePolygon: this.closePolygon,
+			onDragStart: this.dragStart,
+			onDragStop: this.dragStop,
+			onClick: r,
+			graphProps: n,
+			isToolActive: i,
+			labelNode: a,
+			labelModeEnabled: o,
+			limitLabeling: s
+		});
+	}
+};
+//#endregion
+export { D as BaseComponent, E as RawBaseComponent, w as buildLines, O as default, T as swap };

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

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-lib/packages/graphing/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 { n as addPointToArray, r as tool };

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

@@ -0,0 +1,125 @@
+/**
+ * @synced-from pie-lib/packages/graphing/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/line.js

@@ -0,0 +1,63 @@
+import { bounds as e, lineToArea as t, point as n } from "../../utils.js";
+import r from "react";
+import i from "prop-types";
+import { gridDraggable as a, types as o } from "@pie-lib/plot";
+import { jsx as s } from "react/jsx-runtime";
+import { styled as c } from "@mui/material/styles";
+import { color as l } from "@pie-lib/render-ui";
+//#region src/tools/polygon/line.tsx
+var u = c("line")(({ disabled: e, correctness: t }) => ({
+	strokeWidth: 7,
+	transition: "stroke-width 200ms ease-in, stroke 200ms ease-in",
+	stroke: "transparent",
+	pointerEvents: "stroke",
+	"&:hover": {
+		strokeWidth: 4,
+		stroke: l.defaults.BLACK
+	},
+	...(e || t) && { pointerEvents: "none" }
+})), d = class extends r.Component {
+	static propTypes = {
+		className: i.string,
+		from: o.PointType,
+		to: o.PointType,
+		graphProps: o.GraphPropsType.isRequired,
+		disabled: i.bool,
+		correctness: i.string
+	};
+	static defaultProps = {
+		from: {},
+		to: {}
+	};
+	render() {
+		let { graphProps: e, from: t, to: n, className: r, disabled: i, correctness: a, ...o } = this.props, { scale: c } = e;
+		return /* @__PURE__ */ s(u, {
+			x1: c.x(t.x),
+			y1: c.y(t.y),
+			x2: c.x(n.x),
+			y2: c.y(n.y),
+			className: r,
+			disabled: i,
+			correctness: a,
+			...o
+		});
+	}
+}, f = a({
+	bounds: (n, { domain: r, range: i }) => {
+		let { from: a, to: o } = n;
+		return e(t(a, o), r, i);
+	},
+	anchorPoint: (e) => {
+		let { from: t } = e;
+		return t;
+	},
+	fromDelta: (e, t) => {
+		let { from: r, to: i } = e;
+		return {
+			from: n(r).add(n(t)),
+			to: n(i).add(n(t))
+		};
+	}
+})(d);
+//#endregion
+export { d as Line, f as default };