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

package/dist/tools/segment/component.js

@@ -1,52 +0,0 @@
-import { lineBase as e, lineToolComponent as t, styles as n } from "../shared/line/index.js";
-import "react";
-import r from "prop-types";
-import { types as i } from "@pie-lib/plot";
-import { styled as a } from "@mui/material/styles";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/tools/segment/component.tsx
-var c = a("line")(({ theme: e, disabled: t, correctness: r }) => ({
-	...n.line(e),
-	...t && {
-		...n.disabled(e),
-		...n.disabledSecondary(e)
-	},
-	...r === "correct" && n.correct(e, "stroke"),
-	...r === "incorrect" && n.incorrect(e, "stroke"),
-	...r === "missing" && n.missing(e, "stroke")
-})), l = (e) => {
-	let { className: t, correctness: n, disabled: r, graphProps: i, from: a, to: l, ...u } = e, { scale: d } = i, f = d.x(a.x), p = d.y(a.y), m = d.x(l.x), h = d.y(l.y);
-	return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("line", {
-		className: "hit-area",
-		x1: f,
-		y1: p,
-		x2: m,
-		y2: h,
-		stroke: "transparent",
-		strokeWidth: 7,
-		style: {
-			cursor: "pointer",
-			pointerEvents: "stroke"
-		}
-	}), /* @__PURE__ */ o(c, {
-		x1: f,
-		y1: p,
-		x2: m,
-		y2: h,
-		className: t,
-		disabled: r,
-		correctness: n,
-		...u
-	})] });
-};
-l.propTypes = {
-	className: r.string,
-	correctness: r.string,
-	disabled: r.bool,
-	graphProps: r.any,
-	from: i.PointType,
-	to: i.PointType
-};
-var u = t(e(l));
-//#endregion
-export { u as default };

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

@@ -1,13 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/segment/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.
- */
-export declare const tool: () => {
-    type: any;
-    Component: any;
-    addPoint: (point: any, mark: any) => any;
-};

package/dist/tools/segment/index.js

@@ -1,6 +0,0 @@
-import { lineTool as e } from "../shared/line/index.js";
-import t from "./component.js";
-//#region src/tools/segment/index.ts
-var n = e("segment", t);
-//#endregion
-export { n as tool };

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

@@ -1,51 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/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, disabled, correctness }: {
-        size: any;
-        transform: any;
-        points: any;
-        disabled: any;
-        correctness: any;
-    }): React.JSX.Element;
-    propTypes: {
-        points: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        transform: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        correctness: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        points: string;
-        size: number;
-        transform: string;
-    };
-};
-export declare const genUid: () => string;
-export declare const ArrowMarker: {
-    ({ id, size, className, disabled, correctness }: {
-        id: any;
-        size: any;
-        className: any;
-        disabled: any;
-        correctness: any;
-    }): React.JSX.Element;
-    propTypes: {
-        id: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        className: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        correctness: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        size: number;
-    };
-};

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

@@ -1,63 +0,0 @@
-import "react";
-import e from "prop-types";
-import { styled as t } from "@mui/material/styles";
-import { jsx as n } from "react/jsx-runtime";
-import { color as r } from "@pie-lib/render-ui";
-//#region src/tools/shared/arrow-head.tsx
-var i = t("polygon")(({ disabled: e, correctness: t }) => ({
-	fill: r.defaults.BLACK,
-	...e && { fill: r.disabledSecondary() },
-	...t === "correct" && { fill: r.correctWithIcon() },
-	...t === "incorrect" && { fill: r.incorrectWithIcon() },
-	...t === "missing" && { fill: r.missingWithIcon() }
-})), a = t("marker")(({ disabled: e, correctness: t }) => ({ "& polygon": {
-	fill: r.defaults.BLACK,
-	...e && { fill: r.disabledSecondary() },
-	...t === "correct" && { fill: r.correctWithIcon() },
-	...t === "incorrect" && { fill: r.incorrectWithIcon() },
-	...t === "missing" && { fill: r.missingWithIcon() }
-} })), o = ({ size: e, transform: t, points: r, disabled: a, correctness: o }) => /* @__PURE__ */ n(i, {
-	points: r || `0,0 ${e},${e / 2} 0,${e}`,
-	transform: t,
-	disabled: a,
-	correctness: o
-});
-o.propTypes = {
-	points: e.string,
-	size: e.number,
-	transform: e.string,
-	disabled: e.bool,
-	correctness: e.string
-}, o.defaultProps = {
-	points: "",
-	size: 10,
-	transform: ""
-};
-var s = () => `arrow-${(Math.random() * 1e3).toFixed(0)}`, c = ({ id: e, size: t, className: r, disabled: i, correctness: s }) => {
-	let c = i || r?.includes("disabled"), l = s || (r?.includes("incorrect") ? "incorrect" : r?.includes("correct") ? "correct" : r?.includes("missing") ? "missing" : null);
-	return /* @__PURE__ */ n(a, {
-		id: e,
-		viewBox: `0 0 ${t} ${t}`,
-		refX: t / 2,
-		refY: t / 2,
-		markerWidth: t,
-		markerHeight: t,
-		orient: "auto-start-reverse",
-		disabled: c,
-		correctness: l,
-		children: /* @__PURE__ */ n(o, {
-			size: t,
-			disabled: c,
-			correctness: l
-		})
-	});
-};
-c.propTypes = {
-	id: e.string,
-	size: e.number,
-	className: e.string,
-	disabled: e.bool,
-	correctness: e.string
-}, c.defaultProps = { size: 5 };
-//#endregion
-export { o as ArrowHead, c as ArrowMarker, s as genUid };

package/dist/tools/shared/icons/CorrectSVG.d.ts

@@ -1,26 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/shared/icons/CorrectSVG.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 const CorrectSVG: {
-    ({ scale, x, y }: {
-        scale: any;
-        x: any;
-        y: any;
-    }): React.JSX.Element;
-    propTypes: {
-        scale: PropTypes.Requireable<PropTypes.InferProps<{
-            x: PropTypes.Requireable<(...args: any[]) => any>;
-            y: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        x: PropTypes.Requireable<number>;
-        y: PropTypes.Requireable<number>;
-    };
-};
-export default CorrectSVG;

package/dist/tools/shared/icons/CorrectSVG.js

@@ -1,29 +0,0 @@
-import "react";
-import e from "prop-types";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/tools/shared/icons/CorrectSVG.tsx
-var n = ({ scale: e, x: n, y: r }) => /* @__PURE__ */ t("svg", {
-	width: "11",
-	height: "13",
-	viewBox: "0 0 14 14",
-	fill: "none",
-	stroke: "#ffffff",
-	x: e.x(n) - 5,
-	y: e.y(r) - 6,
-	style: { pointerEvents: "none" },
-	xmlns: "http://www.w3.org/2000/svg",
-	children: /* @__PURE__ */ t("path", {
-		d: "M10.1953 2.46875C10.3125 2.35156 10.5 2.35156 10.5938 2.46875L11.2734 3.125C11.3672 3.24219 11.3672 3.42969 11.2734 3.52344L4.24219 10.5547C4.125 10.6719 3.96094 10.6719 3.84375 10.5547L0.703125 7.4375C0.609375 7.32031 0.609375 7.13281 0.703125 7.03906L1.38281 6.35938C1.47656 6.26562 1.66406 6.26562 1.78125 6.35938L4.03125 8.63281L10.1953 2.46875Z",
-		fill: "white"
-	})
-});
-n.propTypes = {
-	scale: e.shape({
-		x: e.func,
-		y: e.func
-	}),
-	x: e.number,
-	y: e.number
-};
-//#endregion
-export { n as default };

package/dist/tools/shared/icons/IncorrectSVG.d.ts

@@ -1,26 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/shared/icons/IncorrectSVG.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 const IncorrectSVG: {
-    ({ scale, x, y }: {
-        scale: any;
-        x: any;
-        y: any;
-    }): React.JSX.Element;
-    propTypes: {
-        scale: PropTypes.Requireable<PropTypes.InferProps<{
-            x: PropTypes.Requireable<(...args: any[]) => any>;
-            y: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        x: PropTypes.Requireable<number>;
-        y: PropTypes.Requireable<number>;
-    };
-};
-export default IncorrectSVG;

package/dist/tools/shared/icons/IncorrectSVG.js

@@ -1,27 +0,0 @@
-import "react";
-import e from "prop-types";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/tools/shared/icons/IncorrectSVG.tsx
-var n = ({ scale: e, x: n, y: r }) => /* @__PURE__ */ t("svg", {
-	width: "14px",
-	height: "14px",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "#ffffff",
-	strokeWidth: "2",
-	x: e.x(n) - 7,
-	y: e.y(r) - 7,
-	style: { pointerEvents: "none" },
-	xmlns: "http://www.w3.org/2000/svg",
-	children: /* @__PURE__ */ t("path", { d: "M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z" })
-});
-n.propTypes = {
-	scale: e.shape({
-		x: e.func,
-		y: e.func
-	}),
-	x: e.number,
-	y: e.number
-};
-//#endregion
-export { n as default };

package/dist/tools/shared/icons/MissingSVG.d.ts

@@ -1,26 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/shared/icons/MissingSVG.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 const MissingSVG: {
-    ({ scale, x, y }: {
-        scale: any;
-        x: any;
-        y: any;
-    }): React.JSX.Element;
-    propTypes: {
-        scale: PropTypes.Requireable<PropTypes.InferProps<{
-            x: PropTypes.Requireable<(...args: any[]) => any>;
-            y: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        x: PropTypes.Requireable<number>;
-        y: PropTypes.Requireable<number>;
-    };
-};
-export default MissingSVG;

package/dist/tools/shared/icons/MissingSVG.js

@@ -1,28 +0,0 @@
-import "react";
-import e from "prop-types";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/tools/shared/icons/MissingSVG.tsx
-var n = ({ scale: e, x: n, y: r }) => /* @__PURE__ */ t("svg", {
-	width: "9",
-	height: "10",
-	viewBox: "0 0 9 10",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	x: e.x(n) - 4.5,
-	y: e.y(r) - 5,
-	style: { pointerEvents: "none" },
-	children: /* @__PURE__ */ t("path", {
-		d: "M0.125 3.76562V1.34375C0.125 1.08984 0.320312 0.875 0.59375 0.875H3.01562C3.13281 0.875 3.25 0.992188 3.25 1.10938V1.89062C3.25 2.02734 3.13281 2.125 3.01562 2.125H1.375V3.76562C1.375 3.90234 1.25781 4 1.14062 4H0.359375C0.222656 4 0.125 3.90234 0.125 3.76562ZM5.75 1.10938C5.75 0.992188 5.84766 0.875 5.98438 0.875H8.40625C8.66016 0.875 8.875 1.08984 8.875 1.34375V3.76562C8.875 3.90234 8.75781 4 8.64062 4H7.85938C7.72266 4 7.625 3.90234 7.625 3.76562V2.125H5.98438C5.84766 2.125 5.75 2.02734 5.75 1.89062V1.10938ZM8.64062 6.5C8.75781 6.5 8.875 6.61719 8.875 6.73438V9.15625C8.875 9.42969 8.66016 9.625 8.40625 9.625H5.98438C5.84766 9.625 5.75 9.52734 5.75 9.39062V8.60938C5.75 8.49219 5.84766 8.375 5.98438 8.375H7.625V6.73438C7.625 6.61719 7.72266 6.5 7.85938 6.5H8.64062ZM3.25 9.39062C3.25 9.52734 3.13281 9.625 3.01562 9.625H0.59375C0.320312 9.625 0.125 9.42969 0.125 9.15625V6.73438C0.125 6.61719 0.222656 6.5 0.359375 6.5H1.14062C1.25781 6.5 1.375 6.61719 1.375 6.73438V8.375H3.01562C3.13281 8.375 3.25 8.49219 3.25 8.60938V9.39062Z",
-		fill: "white"
-	})
-});
-n.propTypes = {
-	scale: e.shape({
-		x: e.func,
-		y: e.func
-	}),
-	x: e.number,
-	y: e.number
-};
-//#endregion
-export { n as default };

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

@@ -1,245 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/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: any;
-        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>;
-            }>>>;
-        }>>>;
-        limitLabeling: PropTypes.Requireable<boolean>;
-        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
-        disabled: PropTypes.Requireable<boolean>;
-        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>;
-        }>>;
-        labelModeEnabled: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        mark: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDelete: 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>;
-        disabled: PropTypes.Requireable<boolean>;
-        limitLabeling: PropTypes.Requireable<boolean>;
-        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
-        labelModeEnabled: PropTypes.Requireable<boolean>;
-        labelNode: PropTypes.Requireable<object>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export declare const styles: {
-    line: () => {
-        fill: string;
-        stroke: string;
-        strokeWidth: number;
-        transition: string;
-        '&:hover': {
-            strokeWidth: number;
-            stroke: "#283593";
-        };
-    };
-    arrow: () => {
-        fill: string;
-    };
-    disabledArrow: () => {
-        [x: string]: any;
-        pointerEvents: string;
-    };
-    disabledSecondary: () => {
-        strokeWidth: number;
-        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) => {
-        strokeWidth: number;
-        strokeDasharray: string;
-        pointerEvents: string;
-    };
-};