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

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

@@ -0,0 +1,92 @@
+import { disabled as e } from "../../common/styles.js";
+import t from "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 s from "classnames";
+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 = r("g")(({ theme: t }) => ({
+	color: "black",
+	"& .handle": {
+		transition: "fill 200ms linear, height 200ms linear",
+		"&.non-interactive": e("fill")
+	},
+	"& .transparentHandle": {
+		height: "20px",
+		fill: "transparent",
+		stroke: "transparent"
+	},
+	"& .line": {
+		stroke: c.defaults.TEXT,
+		transition: "fill 200ms linear, height 200ms linear",
+		"&.non-interactive": e("stroke")
+	},
+	"& .disabledPoint": {
+		fill: c.defaults.BLACK + " !important",
+		stroke: c.defaults.BLACK + " !important"
+	},
+	"& .correctIcon": { backgroundColor: c.correct() },
+	"& .incorrectIcon": { backgroundColor: c.incorrectWithIcon() },
+	"& .correctnessIcon": {
+		borderRadius: t.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 t.Component {
+	static propTypes = {
+		x: n.number.isRequired,
+		y: n.number.isRequired,
+		width: n.number,
+		graphProps: a.GraphPropsType.isRequired,
+		className: n.string,
+		interactive: n.bool,
+		CustomDraggableComponent: n.func,
+		correctness: n.shape({
+			value: n.string,
+			label: n.string
+		})
+	};
+	render() {
+		let { x: e, y: t, graphProps: n, className: r, interactive: i, CustomDraggableComponent: a, correctness: o, ...c } = this.props, { scale: d } = n;
+		return a ? /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(a, {
+			scale: d,
+			x: e,
+			y: t,
+			className: s(r, !i && "non-interactive"),
+			correctness: o,
+			interactive: i,
+			...c
+		}) }) : null;
+	}
+}, f = 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
+	})
+})(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;

package/dist/line/common/line.js

@@ -0,0 +1,114 @@
+import e from "../../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
+import t from "../../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import n, { DragHandle as r } from "./drag-handle.js";
+import i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import { isEqual as s } from "lodash-es";
+import { types as c } from "@pie-lib/plot";
+import { color as l } from "@pie-lib/render-ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/line/common/line.tsx
+var f = (e, t) => {
+	let { max: n } = t || {}, r = e.length;
+	return !n || !r ? [] : e.map((e, t) => ({
+		...e,
+		x: r > 1 ? t * (n / (r - 1)) : .5,
+		y: e.value
+	}));
+}, p = o(t)(() => ({
+	fill: "transparent",
+	stroke: l.defaults.TERTIARY,
+	strokeWidth: 3,
+	transition: "stroke 200ms ease-in, stroke-width 200ms ease-in"
+})), m = o(class extends i.Component {
+	static propTypes = {
+		onChange: a.func,
+		value: a.number,
+		label: a.string,
+		xBand: a.func,
+		index: a.number.isRequired,
+		graphProps: c.GraphPropsType.isRequired,
+		defineChart: a.bool,
+		data: a.arrayOf(a.shape({
+			label: a.string,
+			value: a.number
+		})),
+		CustomDraggableComponent: a.func,
+		correctData: a.array
+	};
+	static defaultProps = { index: 0 };
+	constructor(e) {
+		super(e), this.state = {
+			dragValue: void 0,
+			line: f(e.data, e.graphProps.domain)
+		};
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		s(this.props.data, e.data) || this.setState({ line: f(e.data, e.graphProps.domain) });
+	}
+	setDragValue = (e) => this.setState({ line: e });
+	dragStop = (e) => {
+		let { onChange: t } = this.props;
+		this.setState({ dragging: !1 }, () => {
+			t(e, this.state.line[e]);
+		});
+	};
+	dragValue = (e, t, n) => {
+		let r = [...this.state.line];
+		r[e].dragValue = n, this.setDragValue(r);
+	};
+	render() {
+		let { graphProps: e, data: t, CustomDraggableComponent: a, defineChart: o, correctData: s } = this.props, { line: c, dragging: l } = this.state, { scale: m } = e, h = l ? c : f(t, e.domain);
+		return /* @__PURE__ */ d(i.Fragment, { children: [/* @__PURE__ */ u(p, {
+			data: h,
+			x: (e) => m.x(e.x),
+			y: (e) => m.y(e.dragValue === void 0 ? e.y : e.dragValue),
+			className: "line"
+		}), h && h.map((t, i) => {
+			let c = o || t.interactive;
+			return /* @__PURE__ */ u(c ? n : r, {
+				x: t.x,
+				y: t.dragValue === void 0 ? t.y : t.dragValue,
+				interactive: c,
+				r: 6,
+				onDragStart: () => this.setState({ dragging: !0 }),
+				onDrag: (e) => this.dragValue(i, t.dragValue === void 0 ? t.y : t.dragValue, e),
+				onDragStop: () => this.dragStop(i),
+				graphProps: e,
+				CustomDraggableComponent: a,
+				correctness: t.correctness,
+				correctData: s,
+				label: t.label
+			}, `point-${t.x}-${i}`);
+		})] });
+	}
+})(() => ({ "& .line": {
+	fill: "transparent",
+	stroke: l.defaults.TERTIARY,
+	strokeWidth: 3,
+	transition: "stroke 200ms ease-in, stroke-width 200ms ease-in"
+} })), h = class extends i.Component {
+	static propTypes = {
+		data: a.array,
+		onChange: a.func,
+		xBand: a.func,
+		graphProps: c.GraphPropsType.isRequired,
+		CustomDraggableComponent: a.func,
+		defineChart: a.bool,
+		correctData: a.array
+	};
+	changeLine = (e, t) => {
+		let { onChange: n } = this.props, r = [...this.props.data], { dragValue: i, value: a } = t;
+		r[e].value = i >= 0 ? i : a, n(r);
+	};
+	render() {
+		let t = this.props;
+		return /* @__PURE__ */ u(e, { children: /* @__PURE__ */ u(m, {
+			...t,
+			onChange: this.changeLine
+		}) });
+	}
+};
+//#endregion
+export { h as default };

package/dist/line/line-cross.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/line/line-cross.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 React from 'react';
+import PropTypes from 'prop-types';
+export declare class LineCross extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChange: 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>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}
+declare const _default: () => {
+    type: string;
+    Component: typeof LineCross;
+    name: string;
+};
+export default _default;

package/dist/line/line-cross.js

@@ -0,0 +1,133 @@
+import e from "../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
+import t from "../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import { CorrectnessIndicator as n, SmallCorrectPointIndicator as r } from "../common/correctness-indicators.js";
+import { dataToXBand as i } from "../utils.js";
+import a from "./common/line.js";
+import o, { useState as s } from "react";
+import c from "prop-types";
+import { styled as l } from "@mui/material/styles";
+import { types as u } from "@pie-lib/plot";
+import { color as d } from "@pie-lib/render-ui";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/line/line-cross.tsx
+var m = l(t)(() => ({
+	stroke: d.defaults.TEXT,
+	transition: "fill 200ms linear, height 200ms linear",
+	"&.non-interactive": { stroke: d.disabled?.() || "#ccc" }
+})), h = l(e)(({ correctness: e, interactive: t }) => ({
+	stroke: d.defaults.TEXT,
+	transition: "fill 200ms linear, height 200ms linear",
+	...e && !t && {
+		fill: `${d.defaults.BLACK} !important`,
+		stroke: `${d.defaults.BLACK} !important`
+	},
+	"&.non-interactive": { stroke: d.disabled?.() || "#ccc" }
+})), g = l("circle")(() => ({
+	height: "20px",
+	fill: "transparent",
+	stroke: "transparent"
+})), _ = (e) => {
+	let { className: t, scale: i, x: a, y: o, r: c, correctness: l, interactive: u, correctData: _, label: v, ...y } = e, [b, x] = s(!1), S = c * 4, C = S / 2, w = i.x(a), T = i.y(o);
+	return /* @__PURE__ */ p(h, {
+		className: t,
+		correctness: l,
+		interactive: u,
+		children: [
+			/* @__PURE__ */ f(m, {
+				data: [{
+					x: i.x(a) - c,
+					y: i.y(o) + c
+				}, {
+					x: i.x(a) + c,
+					y: i.y(o) - c
+				}],
+				x: (e) => e.x,
+				y: (e) => e.y,
+				strokeWidth: 5,
+				style: { pointerEvents: "none" }
+			}, `point-${a}-${o}-1`),
+			/* @__PURE__ */ f(m, {
+				data: [{
+					x: i.x(a) - c,
+					y: i.y(o) - c
+				}, {
+					x: i.x(a) + c,
+					y: i.y(o) + c
+				}],
+				x: (e) => e.x,
+				y: (e) => e.y,
+				strokeWidth: 5,
+				style: { pointerEvents: "none" }
+			}, `point-${a}-${o}-2`),
+			b && /* @__PURE__ */ f("rect", {
+				x: w - C,
+				y: T - C,
+				width: S,
+				height: S,
+				stroke: d.defaults.BORDER_GRAY,
+				fill: "none",
+				strokeWidth: 2,
+				pointerEvents: "none"
+			}),
+			/* @__PURE__ */ f(g, {
+				cx: w,
+				cy: T,
+				r: c * 2,
+				onMouseEnter: () => x(!0),
+				onMouseLeave: () => x(!1),
+				...y
+			}),
+			/* @__PURE__ */ f(n, {
+				scale: i,
+				x: a,
+				y: o,
+				r: c,
+				correctness: l,
+				interactive: u
+			}),
+			/* @__PURE__ */ f(r, {
+				scale: i,
+				x: a,
+				r: c,
+				correctness: l,
+				correctData: _,
+				label: v
+			})
+		]
+	});
+};
+_.propTypes = {
+	scale: c.object,
+	x: c.number,
+	y: c.number,
+	r: c.number,
+	className: c.string,
+	correctness: c.shape({
+		value: c.string,
+		label: c.string
+	}),
+	interactive: c.bool,
+	correctData: c.array,
+	label: c.string
+};
+var v = class extends o.Component {
+	static propTypes = {
+		data: c.array,
+		onChange: c.func,
+		graphProps: u.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: t, graphProps: n } = e, { scale: r = {}, size: o = {} } = n || {}, s = i(r.x, t, o.width, "lineCross");
+		return /* @__PURE__ */ f(a, {
+			...e,
+			xBand: s,
+			CustomDraggableComponent: _
+		});
+	}
+}, y = () => ({
+	type: "lineCross",
+	Component: v,
+	name: "Line Cross"
+});
+//#endregion
+export { y as default };

package/dist/line/line-dot.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/line/line-dot.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 React from 'react';
+import PropTypes from 'prop-types';
+export declare class LineDot extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChange: 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>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}
+declare const _default: () => {
+    type: string;
+    Component: typeof LineDot;
+    name: string;
+};
+export default _default;

package/dist/line/line-dot.js

@@ -0,0 +1,101 @@
+import { CorrectnessIndicator as e, SmallCorrectPointIndicator as t } from "../common/correctness-indicators.js";
+import { dataToXBand as n } from "../utils.js";
+import r from "./common/line.js";
+import i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import { types as s } from "@pie-lib/plot";
+import { color as c } from "@pie-lib/render-ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/line/line-dot.tsx
+var d = o("circle")(() => ({})), f = o("circle")(() => ({
+	height: "20px",
+	fill: "transparent",
+	stroke: "none",
+	pointerEvents: "auto"
+})), p = ({ scale: n, x: r, y: a, r: o, correctness: s, interactive: p, correctData: m, label: h, ...g }) => {
+	let [_, v] = i.useState(!1), y = !s && p;
+	return /* @__PURE__ */ u("g", {
+		onMouseEnter: () => v(!0),
+		onMouseLeave: () => v(!1),
+		onTouchStart: () => v(!0),
+		onTouchEnd: () => v(!1),
+		children: [
+			/* @__PURE__ */ l(f, {
+				cx: n.x(r),
+				cy: n.y(a),
+				r: o * 3,
+				onMouseEnter: () => v(!0),
+				onMouseLeave: () => v(!1),
+				...g
+			}),
+			/* @__PURE__ */ l(d, {
+				cx: n.x(r),
+				cy: n.y(a),
+				r: o,
+				correctness: s,
+				interactive: p,
+				...g
+			}),
+			/* @__PURE__ */ l(e, {
+				scale: n,
+				x: r,
+				y: a,
+				r: o,
+				correctness: s,
+				interactive: p
+			}),
+			/* @__PURE__ */ l(t, {
+				scale: n,
+				x: r,
+				r: o,
+				correctness: s,
+				correctData: m,
+				label: h
+			}),
+			_ && y && /* @__PURE__ */ l("rect", {
+				x: n.x(r) - o * 2,
+				y: n.y(a) - o * 2,
+				width: o * 4,
+				height: o * 4,
+				stroke: c.defaults.BORDER_GRAY,
+				strokeWidth: "1",
+				fill: "none"
+			})
+		]
+	});
+};
+p.propTypes = {
+	scale: a.object,
+	x: a.number,
+	y: a.number,
+	r: a.number,
+	correctness: a.shape({
+		value: a.string,
+		label: a.string
+	}),
+	interactive: a.bool,
+	correctData: a.array,
+	label: a.string
+};
+var m = class extends i.Component {
+	static propTypes = {
+		data: a.array,
+		onChange: a.func,
+		graphProps: s.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: t, graphProps: i } = e, { scale: a = {}, size: o = {} } = i || {}, s = n(a.x, t, o.width, "lineDot");
+		return /* @__PURE__ */ l(r, {
+			...e,
+			xBand: s,
+			CustomDraggableComponent: p
+		});
+	}
+}, h = () => ({
+	type: "lineDot",
+	Component: m,
+	name: "Line Dot"
+});
+//#endregion
+export { h as default };

package/dist/mark-label.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/mark-label.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 MarkLabel: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        autoFocus: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        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>;
+            }>>>;
+        }>>;
+        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+        barWidth: PropTypes.Requireable<number>;
+        rotate: PropTypes.Requireable<number>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        isHiddenLabel: PropTypes.Requireable<boolean>;
+        limitCharacters: PropTypes.Requireable<boolean>;
+        correctnessIndicator: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default MarkLabel;