@pie-lib/charting 7.0.3 → 7.0.4-next.0

package/dist/common/drag-handle.d.ts

@@ -0,0 +1,129 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/common/drag-handle.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 DragHandle: {
+    ({ x, y, width, graphProps, interactive, isHovered, correctness, isPlot, ...rest }: {
+        [x: string]: any;
+        x: any;
+        y: any;
+        width: any;
+        graphProps: any;
+        interactive: any;
+        isHovered: any;
+        correctness: any;
+        isPlot: any;
+    }): React.JSX.Element;
+    propTypes: {
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        width: PropTypes.Requireable<number>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        interactive: PropTypes.Requireable<boolean>;
+        isHovered: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        isPlot: PropTypes.Requireable<boolean>;
+    };
+};
+export declare const D: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default D;

package/dist/common/drag-handle.js

@@ -0,0 +1,120 @@
+import { getScale as e } from "../utils.js";
+import t from "./drag-icon.js";
+import "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { gridDraggable as i, types as a, utils as o } from "@pie-lib/plot";
+import { color as s } from "@pie-lib/render-ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "@mui/icons-material/Check";
+import d from "@mui/icons-material/Close";
+//#region src/common/drag-handle.tsx
+var f = r("svg")(() => ({ overflow: "visible !important" })), p = r("ellipse")(() => ({
+	fill: "transparent",
+	clipPath: "polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)"
+})), m = r(u)(() => ({
+	backgroundColor: s.correct(),
+	borderRadius: "16px",
+	color: s.defaults.WHITE,
+	fontSize: "16px",
+	padding: "2px",
+	border: `4px solid ${s.defaults.WHITE}`,
+	width: "16px",
+	height: "16px",
+	boxSizing: "unset"
+})), h = r(d)(() => ({
+	backgroundColor: s.incorrectWithIcon(),
+	borderRadius: "16px",
+	color: s.defaults.WHITE,
+	fontSize: "16px",
+	padding: "2px",
+	border: `4px solid ${s.defaults.WHITE}`,
+	width: "16px",
+	height: "16px",
+	boxSizing: "unset"
+})), g = ({ x: n, y: r, width: i, graphProps: a, interactive: o, isHovered: u, correctness: d, isPlot: g, ..._ }) => {
+	let { scale: v } = a, y = e(i)?.scale;
+	return /* @__PURE__ */ l(f, {
+		x: n,
+		y: v.y(r) - 10,
+		width: i,
+		overflow: "visible",
+		children: [
+			u && !d && o && /* @__PURE__ */ c(t, {
+				width: i,
+				scaleValue: y,
+				color: s.defaults.BORDER_GRAY
+			}),
+			o && !d && /* @__PURE__ */ c(p, {
+				cx: i / 2,
+				cy: 10,
+				rx: i / 2,
+				ry: 66,
+				..._
+			}),
+			/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("filter", {
+				id: "bottomShadow",
+				x: "0",
+				y: "0",
+				width: "140%",
+				height: "140%",
+				children: [
+					/* @__PURE__ */ c("feGaussianBlur", {
+						in: "SourceAlpha",
+						stdDeviation: "3"
+					}),
+					/* @__PURE__ */ c("feOffset", {
+						dx: "0",
+						dy: "5",
+						result: "offsetblur"
+					}),
+					/* @__PURE__ */ c("feFlood", { floodColor: "#00000033" }),
+					/* @__PURE__ */ c("feComposite", {
+						in2: "offsetblur",
+						operator: "in"
+					}),
+					/* @__PURE__ */ l("feMerge", { children: [/* @__PURE__ */ c("feMergeNode", {}), /* @__PURE__ */ c("feMergeNode", { in: "SourceGraphic" })] })
+				]
+			}) }),
+			d && o && !g && /* @__PURE__ */ c("foreignObject", {
+				x: i / 2 - 14,
+				y: 0,
+				width: 40,
+				height: 40,
+				children: d.value === "correct" ? /* @__PURE__ */ c(m, { title: d.label }) : /* @__PURE__ */ c(h, { title: d.label })
+			})
+		]
+	});
+};
+g.propTypes = {
+	x: n.number.isRequired,
+	y: n.number.isRequired,
+	width: n.number,
+	graphProps: a.GraphPropsType.isRequired,
+	interactive: n.bool,
+	isHovered: n.bool,
+	correctness: n.shape({
+		value: n.string,
+		label: n.string
+	}),
+	isPlot: n.bool
+};
+var _ = g, v = i({
+	axis: "y",
+	fromDelta: (e, t) => (t.x = 0, o.point(e).add(o.point(t)).y),
+	bounds: (e, { domain: t, range: n }) => {
+		let r = {
+			left: 0,
+			top: e.y,
+			bottom: e.y,
+			right: 0
+		};
+		return o.bounds(r, t, n);
+	},
+	anchorPoint: (e) => ({
+		x: e.x,
+		y: e.y
+	})
+})(_);
+//#endregion
+export { _ as DragHandle, v as default };

package/dist/common/drag-icon.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/common/drag-icon.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 DragIcon: {
+    ({ width, scaleValue, color }: {
+        width: any;
+        scaleValue: any;
+        color: any;
+    }): React.JSX.Element;
+    propTypes: {
+        width: PropTypes.Validator<number>;
+        scaleValue: PropTypes.Validator<number>;
+        color: PropTypes.Requireable<string>;
+    };
+};
+export default DragIcon;

package/dist/common/drag-icon.js

@@ -0,0 +1,45 @@
+import { getAdjustedX as e, getScale as t } from "../utils.js";
+import "react";
+import n from "prop-types";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/common/drag-icon.tsx
+var a = ({ width: n, scaleValue: a, color: o }) => /* @__PURE__ */ r("svg", {
+	x: e(n, a),
+	y: t(n)?.deltay,
+	color: o,
+	width: n,
+	height: n,
+	overflow: "visible",
+	viewBox: `0 0 ${n} ${n}`,
+	style: { overflow: "visible !important" },
+	children: /* @__PURE__ */ i("g", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "currentColor",
+		stroke: "currentColor",
+		transform: `scale(${a})`,
+		children: [
+			/* @__PURE__ */ r("circle", {
+				cx: "28.5",
+				cy: "23.5",
+				r: "22",
+				fill: "white",
+				stroke: "currentColor"
+			}),
+			/* @__PURE__ */ r("path", {
+				d: "M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ r("path", {
+				d: "M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z",
+				fill: "currentColor"
+			})
+		]
+	})
+});
+a.propTypes = {
+	width: n.number.isRequired,
+	scaleValue: n.number.isRequired,
+	color: n.string
+};
+//#endregion
+export { a as default };

package/dist/common/styles.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/common/styles.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 disabled: (key?: string) => {
+    [x: string]: string;
+    pointerEvents: string;
+    border: string;
+};
+export declare const correct: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+    border: string;
+};
+export declare const incorrect: (key?: string) => {
+    [x: string]: any;
+    pointerEvents: string;
+    border: string;
+};

package/dist/common/styles.js

@@ -0,0 +1,17 @@
+import { color as e } from "@pie-lib/render-ui";
+//#region src/common/styles.ts
+var t = (t = "fill") => ({
+	[t]: `var(--graph-disabled, ${e.disabled()})`,
+	pointerEvents: "none",
+	border: "none"
+}), n = (t = "fill") => ({
+	[t]: e.correct(),
+	pointerEvents: "none",
+	border: `solid 1px ${e.correct()}`
+}), r = (t = "fill") => ({
+	[t]: e.incorrect(),
+	pointerEvents: "none",
+	border: `solid 1px ${e.incorrect()}`
+});
+//#endregion
+export { n as correct, t as disabled, r as incorrect };

package/dist/grid.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/grid.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 Grid extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        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>;
+            }>>>;
+        }>>>;
+        xBand: PropTypes.Requireable<(...args: any[]) => any>;
+        columnTickValues: PropTypes.Requireable<any[]>;
+        rowTickValues: PropTypes.Requireable<any[]>;
+    };
+    static defaultProps: {};
+    render(): React.JSX.Element;
+}
+export default Grid;

package/dist/grid.js

@@ -0,0 +1,56 @@
+import e from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridRows.js";
+import t from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridColumns.js";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import { types as a } from "@pie-lib/plot";
+import { color as o } from "@pie-lib/render-ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/grid.tsx
+var l = i("g")(() => ({ stroke: o.primaryLight() })), u = class extends n.Component {
+	static propTypes = {
+		className: r.string,
+		graphProps: a.GraphPropsType.isRequired,
+		xBand: r.func,
+		columnTickValues: r.array,
+		rowTickValues: r.array
+	};
+	static defaultProps = {};
+	render() {
+		let { graphProps: n, xBand: r, rowTickValues: i, columnTickValues: a } = this.props, { scale: u = {}, size: d = {}, range: f = {} } = n || {}, { step: p = 0, labelStep: m = 0 } = f, h = p && m && p < m, g = (e, t) => {
+			let n = (e.toString().split(".")[1] || "").length, r = (t.toString().split(".")[1] || "").length, i = 10 ** Math.max(n, r);
+			return e * i % (t * i) / i;
+		}, { unlabeledLines: _, labeledLines: v } = (i || []).reduce((e, t) => (h && g(t, m) !== 0 ? e.unlabeledLines.push(t) : e.labeledLines.push(t), e), {
+			unlabeledLines: [],
+			labeledLines: []
+		});
+		return /* @__PURE__ */ c(l, { children: [
+			/* @__PURE__ */ s(e, {
+				scale: u.y,
+				width: d.width,
+				tickValues: _,
+				lineStyle: {
+					stroke: o.fadedPrimary(),
+					strokeWidth: 1
+				}
+			}),
+			/* @__PURE__ */ s(e, {
+				scale: u.y,
+				width: d.width,
+				tickValues: v,
+				lineStyle: {
+					stroke: _.length ? o.visualElementsColors.GRIDLINES_COLOR : o.fadedPrimary(),
+					strokeWidth: 1
+				}
+			}),
+			/* @__PURE__ */ s(t, {
+				scale: r,
+				height: d.height,
+				offset: r.bandwidth() / 2,
+				tickValues: a
+			})
+		] });
+	}
+};
+//#endregion
+export { u as default };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/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 Chart from './chart.js';
+import chartTypes from './chart-types.js';
+import ConfigureChartPanel from './chart-setup.js';
+import ChartType from './chart-type.js';
+import KeyLegend from './key-legend.js';
+export { Chart, chartTypes, ChartType, ConfigureChartPanel, KeyLegend };

package/dist/index.js

@@ -0,0 +1,6 @@
+import e from "./chart-types.js";
+import t from "./chart.js";
+import n from "./chart-type.js";
+import r from "./chart-setup.js";
+import i from "./key-legend.js";
+export { t as Chart, n as ChartType, r as ConfigureChartPanel, i as KeyLegend, e as chartTypes };

package/dist/key-legend.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/key-legend.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 KeyLegend: {
+    ({ language }: {
+        language: any;
+    }): React.JSX.Element;
+    propTypes: {
+        language: PropTypes.Requireable<string>;
+    };
+};
+export default KeyLegend;

package/dist/key-legend.js

@@ -0,0 +1,46 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { color as n } from "@pie-lib/render-ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@mui/icons-material/Check";
+import o from "@mui/icons-material/Close";
+import s from "@pie-lib/translator";
+//#region src/key-legend.tsx
+var c = t("div")(({ theme: e }) => ({
+	backgroundColor: n.defaults.WHITE,
+	padding: e.spacing(2),
+	width: "355px",
+	boxShadow: "inset 0px 1px 5px 0px #9297A6",
+	display: "flex",
+	flexDirection: "column",
+	gap: "16px"
+})), l = t("div")(() => ({
+	display: "flex",
+	alignItems: "center",
+	gap: "12px"
+})), u = t("div")(({ theme: e }) => ({
+	fontSize: e.typography.h6.fontSize,
+	fontWeight: "700"
+})), d = t("div")(() => ({ marginLeft: "2px" })), f = t(a)(({ theme: e }) => ({
+	backgroundColor: n.correct(),
+	borderRadius: e.spacing(2),
+	color: n.defaults.WHITE
+})), p = t(o)(({ theme: e }) => ({
+	backgroundColor: n.incorrectWithIcon(),
+	borderRadius: e.spacing(2),
+	color: n.defaults.WHITE
+})), m = t("div")(() => ({
+	marginLeft: "3px",
+	display: "flex",
+	alignItems: "center",
+	gap: "12px"
+})), { translator: h } = s, g = ({ language: e }) => /* @__PURE__ */ i(c, { children: [
+	/* @__PURE__ */ r(u, { children: "Key" }),
+	/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {}), /* @__PURE__ */ r("div", { children: h.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", { children: h.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r(f, { fontSize: "small" }), /* @__PURE__ */ r(d, { children: h.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+] });
+g.propTypes = { language: e.string };
+//#endregion
+export { g as default };

package/dist/line/common/drag-handle.d.ts

@@ -0,0 +1,120 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/line/common/drag-handle.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare class RawDragHandle extends React.Component {
+    static propTypes: {
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        width: PropTypes.Requireable<number>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        className: PropTypes.Requireable<string>;
+        interactive: PropTypes.Requireable<boolean>;
+        CustomDraggableComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+    };
+    render(): React.JSX.Element | null;
+}
+export declare const DragHandle: typeof RawDragHandle;
+declare const DraggableHandle: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: PropTypes.Requireable<(...args: any[]) => any>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default DraggableHandle;