@pie-lib/graphing 4.0.5-next.0 → 4.0.5-next.102

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

@@ -1,124 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/line/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 ArrowedLine: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        correctness: PropTypes.Requireable<string>;
-        disabled: 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>;
-        }>>;
-        markerId: PropTypes.Requireable<string>;
-    };
-};
-declare const Component: {
-    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 default Component;

package/dist/tools/line/component.js

@@ -1,72 +0,0 @@
-import { getAdjustedGraphLimits as e, thinnerShapesNeeded as t } from "../../utils.js";
-import { ArrowMarker as n, genUid as r } from "../shared/arrow-head.js";
-import { lineBase as i, lineToolComponent as a, styles as o } from "../shared/line/index.js";
-import "react";
-import s from "prop-types";
-import { trig as c, types as l } from "@pie-lib/plot";
-import u from "classnames";
-import { styled as d } from "@mui/material/styles";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/tools/line/component.tsx
-var m = d("g")(({ theme: e, disabled: t, correctness: n }) => ({
-	"& line:not(.hit-area)": {
-		...o.line(e),
-		...t && o.disabledSecondary(e),
-		...n === "correct" && o.correct(e, "stroke"),
-		...n === "incorrect" && o.incorrect(e, "stroke"),
-		...n === "missing" && o.missing(e, "stroke")
-	},
-	"& .enabledArrow": { ...o.arrow(e) },
-	"& .disabledArrow": { ...o.disabledArrow(e) },
-	"& .correctArrow": { ...o.correct(e) },
-	"& .incorrectArrow": { ...o.incorrect(e) },
-	"& .missingArrow": { ...o.missing(e) }
-})), h = (i) => {
-	let a = r(), { className: o, correctness: s, disabled: l, graphProps: d, from: h, to: g, markerId: _, ...v } = i, { scale: y } = d, { domain: b, range: x } = e(d), [S, C] = c.edges(b, x)(h, g), w = s || l && "disabled" || "enabled", T = _ || a;
-	return /* @__PURE__ */ p(m, {
-		disabled: l,
-		correctness: s,
-		children: [
-			/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ f(n, {
-				size: t(d) ? 4 : 5,
-				id: `${T}-${w}`,
-				className: u(w === "enabled" ? "enabledArrow" : w === "disabled" ? "disabledArrow" : `${w}Arrow`)
-			}) }),
-			/* @__PURE__ */ f("line", {
-				x1: y.x(S.x),
-				y1: y.y(S.y),
-				x2: y.x(C.x),
-				y2: y.y(C.y),
-				className: "hit-area",
-				stroke: "transparent",
-				strokeWidth: 7,
-				style: {
-					cursor: "pointer",
-					pointerEvents: "stroke"
-				}
-			}),
-			/* @__PURE__ */ f("line", {
-				x1: y.x(S.x),
-				y1: y.y(S.y),
-				x2: y.x(C.x),
-				y2: y.y(C.y),
-				className: o,
-				markerEnd: `url(#${T}-${w})`,
-				markerStart: `url(#${T}-${w})`,
-				...v
-			})
-		]
-	});
-};
-h.propTypes = {
-	className: s.string,
-	correctness: s.string,
-	disabled: s.bool,
-	graphProps: l.GraphPropsType,
-	from: l.PointType,
-	to: l.PointType,
-	markerId: s.string
-};
-var g = a(i(h));
-//#endregion
-export { g as default };

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

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

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

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

@@ -1,16 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/parabola/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.
- */
-declare const Component: {
-    (props: any): import("react").JSX.Element;
-    propTypes: {
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        mark: import("prop-types").Requireable<object>;
-    };
-};
-export default Component;

package/dist/tools/parabola/component.js

@@ -1,14 +0,0 @@
-import { rootEdgeComponent as e, withRootEdge as t } from "../shared/line/with-root-edge.js";
-import n from "debug";
-import { buildDataPoints as r, parabolaFromTwoPoints as i } from "@pie-lib/graphing-utils";
-//#region src/tools/parabola/component.tsx
-var a = n("pie-lib:graphing:parabola"), o = e(t((e) => {
-	let { root: t, edge: n, graphProps: o } = e, { domain: s, range: c } = o, l = n && n.x === t.x ? [] : r(s, c, t, n, i(t, n), !0);
-	return a("dataPoints:", l), {
-		root: e.root,
-		edge: e.edge,
-		dataPoints: l
-	};
-}));
-//#endregion
-export { o as default };

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

@@ -1,20 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/parabola/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: string;
-    Component: {
-        (props: any): import("react").JSX.Element;
-        propTypes: {
-            onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-            mark: import("prop-types").Requireable<object>;
-        };
-    };
-    complete: (data: any, mark: any) => any;
-    addPoint: (point: any, mark: any) => any;
-};

package/dist/tools/parabola/index.js

@@ -1,32 +0,0 @@
-import { equalPoints as e, sameAxes as t } from "../../utils.js";
-import n from "./component.js";
-import r from "debug";
-//#region src/tools/parabola/index.ts
-var i = r("pie-lib:graphing:parabola"), a = () => ({
-	type: "parabola",
-	Component: n,
-	complete: (e, t) => ({
-		...t,
-		building: !1,
-		closed: !0
-	}),
-	addPoint: (n, r) => {
-		if (i("add point to parabola model: ", n, "mark: ", r), r && (e(r.root, n) || t(r.root, n))) return r;
-		if (!r) return {
-			type: "parabola",
-			root: n,
-			edge: void 0,
-			closed: !1,
-			building: !0
-		};
-		if (r && !r.root) throw Error("no root - should never happen");
-		return {
-			...r,
-			edge: n,
-			closed: !0,
-			building: !1
-		};
-	}
-});
-//#endregion
-export { a as tool };

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

@@ -1,50 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/point/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';
-export declare class Point extends React.Component {
-    static propTypes: {
-        mark: import("prop-types").Requireable<any>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDragStart: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDragStop: import("prop-types").Requireable<(...args: any[]) => any>;
-        graphProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-            scale: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                x: import("prop-types").Validator<(...args: any[]) => any>;
-                y: import("prop-types").Validator<(...args: any[]) => any>;
-            }>>>;
-            snap: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                x: import("prop-types").Validator<(...args: any[]) => any>;
-                y: import("prop-types").Validator<(...args: any[]) => any>;
-            }>>>;
-            domain: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                min: import("prop-types").Validator<number>;
-                max: import("prop-types").Validator<number>;
-                step: import("prop-types").Requireable<number>;
-            }>>>;
-            range: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                min: import("prop-types").Validator<number>;
-                max: import("prop-types").Validator<number>;
-                step: import("prop-types").Requireable<number>;
-            }>>>;
-            size: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                width: import("prop-types").Validator<number>;
-                height: import("prop-types").Validator<number>;
-            }>>>;
-        }>>>;
-    };
-    static defaultProps: {};
-    constructor(props: any);
-    move: any;
-    startDrag: any;
-    stopDrag: any;
-    labelChange: any;
-    clickPoint: any;
-    render(): React.JSX.Element;
-}
-export default Point;

package/dist/tools/point/component.js

@@ -1,85 +0,0 @@
-import { BasePoint as e } from "../shared/point/index.js";
-import { ToolPropTypeFields as t } from "../shared/types.js";
-import n from "../../mark-label.js";
-import r from "react";
-import { isEmpty as i, isEqual as a } from "lodash-es";
-import { types as o } from "@pie-lib/plot";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "react-dom";
-//#region src/tools/point/component.tsx
-var u = class extends r.Component {
-	static propTypes = {
-		graphProps: o.GraphPropsType.isRequired,
-		...t
-	};
-	static defaultProps = {};
-	constructor(e) {
-		super(e), this.state = {};
-	}
-	move = (e) => {
-		let t = {
-			...this.state.mark,
-			...e
-		};
-		this.setState({ mark: t });
-	};
-	startDrag = () => {
-		let { onDragStart: e } = this.props, t = { ...this.props.mark };
-		t.label === "" && delete t.label, this.setState({ mark: t }), e && e();
-	};
-	stopDrag = () => {
-		let { onChange: e, onDragStop: t } = this.props, n = { ...this.state.mark };
-		this.setState({ mark: void 0 }, () => {
-			a(this.props.mark, n) || e(this.props.mark, n), t && t();
-		});
-	};
-	labelChange = (e) => {
-		let { onChange: t } = this.props, n = {
-			...this.props.mark,
-			label: e
-		};
-		(!e || i(e)) && delete n.label, this.setState({ mark: n }, () => {
-			t(this.props.mark, n);
-		});
-	};
-	clickPoint = () => {
-		let { labelModeEnabled: e, onChange: t, onClick: n, mark: r } = this.props;
-		if (!e) {
-			n(r);
-			return;
-		}
-		r.disabled || (t(r, {
-			label: "",
-			...r
-		}), setTimeout(() => {
-			this.input && this.input.focus();
-		}, 0));
-	};
-	render() {
-		let { coordinatesOnHover: t, graphProps: i, labelNode: a, labelModeEnabled: o } = this.props, u = this.state.mark ? this.state.mark : this.props.mark;
-		return /* @__PURE__ */ c(r.Fragment, { children: [/* @__PURE__ */ s(e, {
-			...u,
-			coordinatesOnHover: t,
-			graphProps: i,
-			labelNode: a,
-			onDrag: this.move,
-			onDragStart: this.startDrag,
-			onDragStop: this.stopDrag,
-			onClick: this.clickPoint,
-			onTouchStart: (e) => {
-				e.stopPropagation(), this.clickPoint();
-			},
-			onTouchEnd: (e) => {
-				e.stopPropagation(), this.clickPoint();
-			}
-		}), a && Object.prototype.hasOwnProperty.call(u, "label") && l.createPortal(/* @__PURE__ */ s(n, {
-			inputRef: (e) => this.input = e,
-			disabled: !o,
-			mark: u,
-			graphProps: i,
-			onChange: this.labelChange
-		}), a)] });
-	}
-};
-//#endregion
-export { u as default };

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

@@ -1,15 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/src/tools/point/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 Point from './component.js';
-export declare const tool: () => {
-    label: string;
-    type: string;
-    Component: typeof Point;
-    addPoint: (point: any) => any;
-};

package/dist/tools/point/index.js

@@ -1,13 +0,0 @@
-import e from "./component.js";
-//#region src/tools/point/index.ts
-var t = () => ({
-	label: "Point",
-	type: "point",
-	Component: e,
-	addPoint: (e) => ({
-		type: "point",
-		...e
-	})
-});
-//#endregion
-export { t as tool };

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

@@ -1,117 +0,0 @@
-/**
- * @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) => any;
-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[];
-    };
-    dragPoint: any;
-    dragLine: any;
-    dragPoly: any;
-    close: any;
-    labelChange: 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;
-}