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

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

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

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

@@ -1,114 +0,0 @@
-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 "@pie-element/shared-lodash";
-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

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

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

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

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

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