@pie-lib/charting 7.0.4-next.31 → 7.0.4-next.36

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

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

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

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

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

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

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

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

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

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

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

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

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

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