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

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

@@ -1,240 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/line/index.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 lineTool: (type: any, Component: any) => () => {
-    type: any;
-    Component: any;
-    addPoint: (point: any, mark: any) => any;
-};
-export declare const lineToolComponent: (Component: any) => {
-    new (props: any): {
-        startDrag: () => void;
-        stopDrag: any;
-        changeMark: any;
-        changeMarkProps: 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: {
-        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<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export declare const lineBase: (Comp: any, opts: any) => {
-    new (props: {}): {
-        onChangePoint: any;
-        dragComp: ({ from: draggedFrom, to: draggedTo }: {
-            from: any;
-            to: any;
-        }) => void;
-        dragFrom: any;
-        dragTo: any;
-        labelChange: any;
-        clickPoint: any;
-        input: {};
-        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;
-    };
-    new (props: {}, context: any): {
-        onChangePoint: any;
-        dragComp: ({ from: draggedFrom, to: draggedTo }: {
-            from: any;
-            to: any;
-        }) => void;
-        dragFrom: any;
-        dragTo: any;
-        labelChange: any;
-        clickPoint: any;
-        input: {};
-        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: {
-        coordinatesOnHover: PropTypes.Requireable<boolean>;
-        graphProps: PropTypes.Requireable<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>;
-            }>>>;
-        }>>;
-        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>;
-        }>>;
-        middle: PropTypes.Requireable<PropTypes.InferProps<{
-            x: PropTypes.Validator<number>;
-            y: PropTypes.Validator<number>;
-        }>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
-        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        correctness: PropTypes.Requireable<string>;
-        fill: PropTypes.Requireable<string>;
-        gssLineData: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        labelNode: PropTypes.Requireable<object>;
-        labelModeEnabled: PropTypes.Requireable<boolean>;
-        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export declare const styles: {
-    line: () => {
-        fill: string;
-        stroke: string;
-        strokeWidth: number;
-        transition: string;
-        '&:hover': {
-            strokeWidth: number;
-            stroke: string;
-        };
-    };
-    dashedLine: () => {
-        fill: string;
-        stroke: string;
-        strokeWidth: number;
-        transition: string;
-        '&:hover': {
-            strokeWidth: number;
-            stroke: string;
-        };
-        strokeDasharray: string;
-    };
-    arrow: () => {
-        fill: "#f50057";
-    };
-    disabledArrow: () => {
-        [x: string]: any;
-        pointerEvents: string;
-    };
-    disabled: () => {
-        strokeWidth: number;
-        pointerEvents: string;
-    };
-    correct: (theme: any, key: any) => {
-        [x: string]: any;
-        pointerEvents: string;
-    };
-    incorrect: (theme: any, key: any) => {
-        [x: string]: any;
-        pointerEvents: string;
-    };
-    missing: (theme: any, key: any) => {
-        [x: string]: any;
-        pointerEvents: string;
-    };
-};

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

@@ -1,320 +0,0 @@
-import { equalPoints as e, getMiddleOfTwoPoints as t, sameAxes as n } from "../../../utils.js";
-import { correct as r, disabled as i, incorrect as a, missing as o } from "../styles.js";
-import s from "../../../mark-label.js";
-import { BasePoint as c } from "../point/index.js";
-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 x from "react-dom";
-//#region src/tools/shared/line/index.tsx
-var S = (t, n) => () => ({
-	type: t,
-	Component: n,
-	addPoint: (n, r) => r && e(r.root, n) ? r : r ? e(n, r.from) ? { ...r } : {
-		...r,
-		building: !1,
-		to: n
-	} : {
-		type: t,
-		building: !0,
-		from: n
-	}
-}), C = (e) => class extends l.Component {
-	static propTypes = {
-		...g.ToolPropTypeFields,
-		graphProps: g.GraphPropsType.isRequired
-	};
-	constructor(e) {
-		super(e), this.state = {};
-	}
-	startDrag = () => this.setState({ mark: { ...this.props.mark } });
-	stopDrag = () => {
-		let { onChange: e, mark: t } = this.props, r = { ...this.state.mark };
-		this.setState({ mark: void 0 }, () => {
-			let { type: i } = r, a = i && (i === "parabola" || i === "sine" || i === "absolute" || i === "exponential") && n(r.from, r.to);
-			!a && i && i === "exponential" && r.from && r.to && (a = r.from.y === 0 || r.to.y === 0 || r.from.y * r.to.y < 0), !p(t, r) && !a && e(t, r);
-		});
-	};
-	changeMark = ({ from: e, to: t, middle: n }) => {
-		let r = {
-			...this.state.mark,
-			from: e,
-			to: t
-		};
-		n && (r = {
-			...r,
-			middle: n
-		}), this.setState({ mark: r });
-	};
-	changeMarkProps = ({ from: e, to: t, middle: n }) => {
-		let { onChange: r, mark: i } = this.props, a = {
-			...i,
-			...this.state.mark
-		};
-		e && (a = {
-			...a,
-			from: e
-		}), t && (a = {
-			...a,
-			to: t
-		}), n && (a = {
-			...a,
-			middle: n
-		}), p(i, a) || r(i, a);
-	};
-	render() {
-		let { graphProps: t, onClick: n, labelNode: r, labelModeEnabled: i, coordinatesOnHover: a, gssLineData: o } = this.props, s = this.state.mark ? this.state.mark : this.props.mark, c = d(s.from), l = d(s.to), u = d(s.middle);
-		return c && s.isBackground && (c.disabled = !0), l && s.isBackground && (l.disabled = !0), u && s.isBackground && (u.disabled = !0), /* @__PURE__ */ v(e, {
-			disabled: s.disabled,
-			coordinatesOnHover: a,
-			correctness: s.correctness,
-			from: c,
-			to: l,
-			middle: u,
-			graphProps: t,
-			fill: s && s.fill,
-			gssLineData: o,
-			onChange: this.changeMark,
-			changeMarkProps: this.changeMarkProps,
-			onClick: n,
-			onDragStart: this.startDrag,
-			onDragStop: this.stopDrag,
-			labelNode: r,
-			labelModeEnabled: i
-		});
-	}
-}, w = () => ({
-	bounds: (e, { domain: t, range: n }) => {
-		let r = _.lineToArea(e.from, e.to);
-		return _.bounds(r, t, n);
-	},
-	anchorPoint: (e) => {
-		let { from: t } = e;
-		return t;
-	},
-	fromDelta: (e, t) => {
-		let { from: n, to: r } = e;
-		return {
-			from: _.point(n).add(_.point(t)),
-			to: _.point(r).add(_.point(t))
-		};
-	}
-}), T = (n, r) => {
-	let i = m(w())(n), a = r && r.from ? r.from : c, o = r && r.to ? r.to : c;
-	class d extends l.Component {
-		static propTypes = {
-			coordinatesOnHover: u.bool,
-			graphProps: g.GraphPropsType,
-			from: g.PointType,
-			to: g.PointType,
-			middle: g.PointType,
-			onChange: u.func,
-			onDragStart: u.func,
-			onDragStop: u.func,
-			onClick: u.func,
-			correctness: u.string,
-			fill: u.string,
-			gssLineData: u.object,
-			disabled: u.bool,
-			labelNode: u.object,
-			labelModeEnabled: u.bool,
-			changeMarkProps: u.func
-		};
-		onChangePoint = (n) => {
-			let { middle: r, onChange: i } = this.props, { from: a, to: o } = n;
-			e(a, o) || (r && (n.middle = {
-				...r,
-				...t(a, o)
-			}), i(n));
-		};
-		dragComp = ({ from: e, to: n }) => {
-			let { from: r, to: i, onChange: a, middle: o } = this.props;
-			r.label && (e.label = r.label), i.label && (n.label = i.label);
-			let s = {
-				from: e,
-				to: n
-			};
-			o && (s.middle = {
-				...o,
-				...t(e, n)
-			}), a(s);
-		};
-		dragFrom = (t) => {
-			let { from: n, to: r } = this.props;
-			n.label && (t.label = n.label), e(t, r) || this.onChangePoint({
-				from: t,
-				to: r
-			});
-		};
-		dragTo = (t) => {
-			let { from: n, to: r } = this.props;
-			r.label && (t.label = r.label), e(n, t) || this.onChangePoint({
-				from: n,
-				to: t
-			});
-		};
-		labelChange = (e, t) => {
-			let { changeMarkProps: n } = this.props, r = { ...e };
-			(!e.label || f(e.label)) && delete r.label, n({ [t]: r });
-		};
-		clickPoint = (e, n, r) => {
-			let { changeMarkProps: i, disabled: a, from: o, to: s, labelModeEnabled: c, onClick: l } = this.props;
-			if (!c) {
-				l(e || r);
-				return;
-			}
-			a || (n === "middle" && !e && o && s && (e = {
-				...e,
-				...t(o, s)
-			}), i({
-				from: o,
-				to: s,
-				[n]: {
-					label: "",
-					...e
-				}
-			}), this.input[n] && this.input[n].focus());
-		};
-		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 } = this.props, S = {
-				graphProps: t,
-				fill: n,
-				onDragStart: c,
-				onDragStop: l,
-				disabled: p,
-				correctness: m,
-				onClick: g
-			};
-			r && r.selectedTool === "solutionSet" && (S = {
-				graphProps: t,
-				fill: n,
-				disabled: p,
-				correctness: m,
-				onClick: g
-			});
-			let C = d ? h.toDegrees(h.angle(u, d)) : 0, w = null, T = null, E = null;
-			return _ && (u && Object.prototype.hasOwnProperty.call(u, "label") && (w = x.createPortal(/* @__PURE__ */ v(s, {
-				inputRef: (e) => this.input.from = e,
-				disabled: !b,
-				mark: u,
-				graphProps: t,
-				onChange: (e) => this.labelChange({
-					...u,
-					label: e
-				}, "from")
-			}), _)), d && Object.prototype.hasOwnProperty.call(d, "label") && (T = x.createPortal(/* @__PURE__ */ v(s, {
-				inputRef: (e) => this.input.to = e,
-				disabled: !b,
-				mark: d,
-				graphProps: t,
-				onChange: (e) => this.labelChange({
-					...d,
-					label: e
-				}, "to")
-			}), _)), f && Object.prototype.hasOwnProperty.call(f, "label") && (E = x.createPortal(/* @__PURE__ */ v(s, {
-				inputRef: (e) => this.input.middle = e,
-				disabled: !b,
-				mark: f,
-				graphProps: t,
-				onChange: (e) => this.labelChange({
-					...f,
-					label: e
-				}, "middle")
-			}), _))), r && r.selectedTool === "solutionSet" ? /* @__PURE__ */ y("g", { children: [
-				d && /* @__PURE__ */ v(i, {
-					from: u,
-					to: d,
-					middle: f,
-					...S
-				}),
-				E,
-				/* @__PURE__ */ v(a, {
-					x: u.x,
-					y: u.y,
-					labelNode: _,
-					coordinatesOnHover: e,
-					...S
-				}),
-				w,
-				d && /* @__PURE__ */ v(o, {
-					x: d.x,
-					y: d.y,
-					angle: C,
-					labelNode: _,
-					coordinatesOnHover: e,
-					...S
-				}),
-				T
-			] }) : /* @__PURE__ */ y("g", { children: [
-				d && /* @__PURE__ */ v(i, {
-					from: u,
-					to: d,
-					middle: f,
-					onDrag: this.dragComp,
-					...S,
-					onClick: (e) => this.clickPoint(f, "middle", e)
-				}),
-				E,
-				/* @__PURE__ */ v(a, {
-					x: u.x,
-					y: u.y,
-					labelNode: _,
-					coordinatesOnHover: e,
-					onDrag: this.dragFrom,
-					...S,
-					onClick: (e) => this.clickPoint(u, "from", e)
-				}),
-				w,
-				d && /* @__PURE__ */ v(o, {
-					x: d.x,
-					y: d.y,
-					angle: C,
-					labelNode: _,
-					coordinatesOnHover: e,
-					onDrag: this.dragTo,
-					...S,
-					onClick: (e) => this.clickPoint(d, "to", e)
-				}),
-				T
-			] });
-		}
-	}
-	return d;
-}, E = {
-	line: () => ({
-		fill: "transparent",
-		stroke: b.defaults.BLACK,
-		strokeWidth: 4,
-		transition: "stroke 200ms ease-in, stroke-width 200ms ease-in",
-		"&:hover": {
-			strokeWidth: 6,
-			stroke: b.defaults.BLACK
-		}
-	}),
-	dashedLine: () => ({
-		fill: "transparent",
-		stroke: b.defaults.BLACK,
-		strokeWidth: 4,
-		transition: "stroke 200ms ease-in, stroke-width 200ms ease-in",
-		"&:hover": {
-			strokeWidth: 6,
-			stroke: b.defaults.BLACK
-		},
-		strokeDasharray: "3,3"
-	}),
-	arrow: () => ({ fill: b.defaults.SECONDARY }),
-	disabledArrow: () => ({ ...i() }),
-	disabled: () => ({
-		...i("stroke"),
-		strokeWidth: 2
-	}),
-	correct: (e, t) => ({ ...r(t) }),
-	incorrect: (e, t) => ({ ...a(t) }),
-	missing: (e, t) => ({ ...o(t) })
-};
-//#endregion
-export { T as lineBase, S as lineTool, C as lineToolComponent, E as styles };

package/dist/tools/shared/line/line-path.d.ts

@@ -1,57 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/line/line-path.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 class RawLinePath extends React.Component {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        data: PropTypes.Requireable<((number | null | undefined)[] | 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>;
-            }>>>;
-        }>>>;
-        disabled: PropTypes.Requireable<boolean>;
-        correctness: 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>;
-        }>>;
-        isDragging: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        from: {};
-        to: {};
-    };
-    render(): React.JSX.Element;
-}
-export declare const LinePath: typeof RawLinePath;