@pie-lib/charting 7.0.4-next.3 → 7.0.4-next.30

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;

package/dist/line/common/drag-handle.js

@@ -0,0 +1,92 @@
+import e from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { disabled as t } from "../../common/styles.js";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import { gridDraggable as a, types as o, utils as s } from "@pie-lib/plot";
+import { color as c } from "@pie-lib/render-ui";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/line/common/drag-handle.tsx
+var u = i("g")(({ theme: e }) => ({
+	color: "black",
+	"& .handle": {
+		transition: "fill 200ms linear, height 200ms linear",
+		"&.non-interactive": t("fill")
+	},
+	"& .transparentHandle": {
+		height: "20px",
+		fill: "transparent",
+		stroke: "transparent"
+	},
+	"& .line": {
+		stroke: c.defaults.TEXT,
+		transition: "fill 200ms linear, height 200ms linear",
+		"&.non-interactive": t("stroke")
+	},
+	"& .disabledPoint": {
+		fill: c.defaults.BLACK + " !important",
+		stroke: c.defaults.BLACK + " !important"
+	},
+	"& .correctIcon": { backgroundColor: c.correct() },
+	"& .incorrectIcon": { backgroundColor: c.incorrectWithIcon() },
+	"& .correctnessIcon": {
+		borderRadius: e.spacing(2),
+		color: c.defaults.WHITE,
+		fontSize: "16px",
+		width: "16px",
+		height: "16px",
+		padding: "2px",
+		border: `1px solid ${c.defaults.WHITE}`,
+		stroke: "initial",
+		boxSizing: "unset"
+	},
+	"& .smallIcon": {
+		fontSize: "10px",
+		width: "10px",
+		height: "10px"
+	}
+})), d = class extends n.Component {
+	static propTypes = {
+		x: r.number.isRequired,
+		y: r.number.isRequired,
+		width: r.number,
+		graphProps: o.GraphPropsType.isRequired,
+		className: r.string,
+		interactive: r.bool,
+		CustomDraggableComponent: r.func,
+		correctness: r.shape({
+			value: r.string,
+			label: r.string
+		})
+	};
+	render() {
+		let { x: t, y: n, graphProps: r, className: i, interactive: a, CustomDraggableComponent: o, correctness: s, ...c } = this.props, { scale: d } = r;
+		return o ? /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(o, {
+			scale: d,
+			x: t,
+			y: n,
+			className: e(i, !a && "non-interactive"),
+			correctness: s,
+			interactive: a,
+			...c
+		}) }) : null;
+	}
+}, f = a({
+	axis: "y",
+	fromDelta: (e, t) => (t.x = 0, s.point(e).add(s.point(t)).y),
+	bounds: (e, { domain: t, range: n }) => {
+		let r = {
+			left: 0,
+			top: e.y,
+			bottom: e.y,
+			right: 0
+		};
+		return s.bounds(r, t, n);
+	},
+	anchorPoint: (e) => ({
+		x: e.x,
+		y: e.y
+	})
+})(d);
+//#endregion
+export { d as DragHandle, f as default };

package/dist/line/common/line.d.ts

@@ -0,0 +1,96 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/line/common/line.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 RawLine extends React.Component {
+    static propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<number>;
+        label: PropTypes.Requireable<string>;
+        xBand: PropTypes.Requireable<(...args: any[]) => any>;
+        index: PropTypes.Validator<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>;
+            }>>>;
+        }>>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        CustomDraggableComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        correctData: PropTypes.Requireable<any[]>;
+    };
+    static defaultProps: {
+        index: number;
+    };
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    setDragValue: (line: any) => void;
+    dragStop: any;
+    dragValue: any;
+    render(): React.JSX.Element;
+}
+export declare class Line extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        xBand: 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>;
+            }>>>;
+        }>>>;
+        CustomDraggableComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        defineChart: PropTypes.Requireable<boolean>;
+        correctData: PropTypes.Requireable<any[]>;
+    };
+    changeLine: any;
+    render(): React.JSX.Element;
+}
+export default Line;