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

package/dist/tools/segment/component.js

@@ -0,0 +1,52 @@
+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

@@ -0,0 +1,13 @@
+/**
+ * @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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,51 @@
+/**
+ * @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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,26 @@
+/**
+ * @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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,26 @@
+/**
+ * @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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,26 @@
+/**
+ * @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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,245 @@
+/**
+ * @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;
+    };
+};