@pie-lib/plot 4.0.3 → 4.0.4-next.0

package/dist/root.d.ts

@@ -0,0 +1,68 @@
+/**
+ * @synced-from pie-lib/packages/plot/src/root.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 Root extends React.Component {
+    constructor(props: any);
+    static propTypes: {
+        title: PropTypes.Requireable<string>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        disabledLabels: PropTypes.Requireable<boolean>;
+        disabledTitle: PropTypes.Requireable<boolean>;
+        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>;
+            }>>>;
+        }>>>;
+        isChart: PropTypes.Requireable<boolean>;
+        labels: PropTypes.Requireable<object>;
+        labelsPlaceholders: PropTypes.Requireable<object>;
+        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
+        showLabels: PropTypes.Requireable<boolean>;
+        showTitle: PropTypes.Requireable<boolean>;
+        showPixelGuides: PropTypes.Requireable<boolean>;
+        rootRef: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
+        titlePlaceholder: PropTypes.Requireable<string>;
+        mathMlOptions: PropTypes.Requireable<object>;
+        labelsCharactersLimit: PropTypes.Requireable<number>;
+    };
+    mouseMove: any;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: any): void;
+    onChangeLabel: any;
+    measureTitleHeight: any;
+    handleKeyDown: any;
+    setupVisibilityObserver: any;
+    cleanupVisibilityObserver: any;
+    render(): React.JSX.Element;
+}
+export default Root;

package/dist/root.js

@@ -0,0 +1,302 @@
+import { ChildrenType as e, GraphPropsType as t } from "./types.js";
+import { extractTextFromHTML as n, isEmptyObject as r, isEmptyString as i } from "./utils.js";
+import a from "./label.js";
+import o from "react";
+import { styled as s } from "@mui/material/styles";
+import c from "prop-types";
+import { pointer as l, select as u } from "d3-selection";
+import * as d from "@pie-lib/render-ui";
+import { Readable as f, color as p } from "@pie-lib/render-ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@pie-lib/editable-html-tip-tap";
+//#region src/root.tsx
+function _(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function v(e, t) {
+	return !e || _(e) ? e : _(e.default) ? e.default : t && _(e[t]) ? e[t] : t && _(e[t]?.default) ? e[t].default : e;
+}
+var y = v(f, "Readable") || v(S.Readable, "Readable"), b = d, x = b.default, S = x && typeof x == "object" ? x : b, C = { "& .ProseMirror p.is-editor-empty::before, & .ProseMirror div.is-editor-empty::before": {
+	left: 0,
+	right: 0,
+	width: "100%",
+	textAlign: "center"
+} }, w = s("div")(({ theme: e }) => ({
+	border: `solid 1px ${p.primaryLight()}`,
+	color: p.defaults.TEXT,
+	backgroundColor: e.palette.common.white,
+	touchAction: "none",
+	position: "relative",
+	boxSizing: "unset"
+})), T = s("div")({
+	display: "flex",
+	position: "relative"
+}), E = s("svg")({
+	paddingLeft: "50px",
+	overflow: "visible",
+	boxSizing: "content-box"
+}), D = s("svg")({
+	overflow: "visible",
+	boxSizing: "content-box"
+}), O = s("g")({
+	cursor: "pointer",
+	userSelect: "none"
+}), k = s("div")(({ theme: e }) => ({
+	color: p.defaults.TEXT,
+	fontSize: e.typography.fontSize + 2,
+	padding: `${e.spacing(1.5)} ${e.spacing(.5)} 0`,
+	textAlign: "center",
+	"&.disabled": { pointerEvents: "none" },
+	"&.rightMargin": { marginRight: "74px" },
+	"& p": { margin: 0 },
+	...C
+})), A = s("div")(({ theme: e }) => ({
+	color: p.defaults.TEXT,
+	fontSize: e.typography.fontSize + 4,
+	padding: `${e.spacing(1.5)} ${e.spacing(.5)} 0`,
+	textAlign: "center",
+	"&.disabled": { pointerEvents: "none" },
+	"&.rightMargin": { marginRight: "74px" },
+	"& p": { margin: 0 },
+	...C
+})), j = s("div")({
+	display: "flex",
+	paddingTop: "6px"
+}), M = s("div")({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	width: "100px",
+	pointerEvents: "none",
+	userSelect: "none"
+}), N = s("div")({
+	width: "70px",
+	display: "flex",
+	flexDirection: "column",
+	marginRight: "6px"
+}), P = s("div")({
+	textAlign: "right",
+	height: "20px",
+	pointerEvents: "none",
+	userSelect: "none",
+	"&:not(:last-child)": { marginBottom: "80px" }
+}), F = class extends o.Component {
+	constructor(e) {
+		super(e), this.state = { titleHeight: 0 }, this.resizeObserver = null;
+	}
+	static propTypes = {
+		title: c.string,
+		children: e,
+		defineChart: c.bool,
+		disabledLabels: c.bool,
+		disabledTitle: c.bool,
+		graphProps: t.isRequired,
+		isChart: c.bool,
+		labels: c.object,
+		labelsPlaceholders: c.object,
+		onChangeTitle: c.func,
+		onMouseMove: c.func,
+		showLabels: c.bool,
+		showTitle: c.bool,
+		showPixelGuides: c.bool,
+		rootRef: c.func,
+		onChangeLabels: c.func,
+		titlePlaceholder: c.string,
+		mathMlOptions: c.object,
+		labelsCharactersLimit: c.number
+	};
+	mouseMove = (e, t) => {
+		let { graphProps: n, onMouseMove: r } = this.props;
+		if (!r) return;
+		let { scale: i, snap: a } = n, o = l(t, e.node()), s = i.x.invert(o[0]), c = i.y.invert(o[1]);
+		r({
+			x: a.x(s),
+			y: a.y(c)
+		});
+	};
+	componentDidMount() {
+		let e = u(this.g);
+		e.on("mousemove", this.mouseMove.bind(this, e)), this.measureTitleHeight(), this.setupVisibilityObserver();
+	}
+	componentWillUnmount() {
+		u(this.g).on("mousemove", null), this.cleanupVisibilityObserver();
+	}
+	componentDidUpdate(e) {
+		e.title !== this.props.title && this.measureTitleHeight();
+	}
+	onChangeLabel = (e, t) => {
+		let { labels: n, onChangeLabels: r, isChart: i } = this.props;
+		if (r) {
+			if (i) {
+				r(t === "left" ? "range" : "domain", e);
+				return;
+			}
+			r({
+				...n,
+				[t]: e
+			});
+		}
+	};
+	measureTitleHeight = () => {
+		let e = this.titleRef;
+		if (e) {
+			let t = e.clientHeight;
+			this.setState({
+				titleHeight: t,
+				prevTitle: this.props.title
+			}), !this.resizeObserver && typeof ResizeObserver < "u" && this.setupVisibilityObserver();
+		}
+	};
+	handleKeyDown = () => {
+		setTimeout(() => {
+			this.measureTitleHeight();
+		}, 0);
+	};
+	setupVisibilityObserver = () => {
+		typeof ResizeObserver < "u" && this.titleRef && (this.resizeObserver = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { width: e, height: n } = t.contentRect;
+				if (e > 0 && n > 0) {
+					setTimeout(() => {
+						this.measureTitleHeight();
+					}, 10);
+					break;
+				}
+			}
+		}), this.resizeObserver.observe(this.titleRef));
+	};
+	cleanupVisibilityObserver = () => {
+		this.resizeObserver &&= (this.resizeObserver.disconnect(), null);
+	};
+	render() {
+		let { disabledTitle: e, disabledLabels: t, labels: o, labelsPlaceholders: s, titlePlaceholder: c, graphProps: l, children: u, defineChart: d, onChangeTitle: f, isChart: p, showLabels: _, showPixelGuides: v, showTitle: b, title: x, rootRef: S, mathMlOptions: C = {}, labelsCharactersLimit: F } = this.props, { size: { width: I = 500, height: L = 500 }, domain: R, range: z } = l, B = i(n(o?.left)) && r(s) ? 48 : 70, V = i(n(o?.right)) && r(s) ? 48 : 70, H = I + B + V + (R.padding || 0) * 2, U = L + 80 + (z.padding || 0) * 2, W = [
+			"bold",
+			"italic",
+			"underline",
+			"superscript",
+			"subscript",
+			"strikethrough",
+			"math"
+		], G = d && v ? L - 160 : L, K = parseInt(I / 100), q = parseInt(G / 100), J = parseInt(G % 100), { titleHeight: Y } = this.state;
+		return /* @__PURE__ */ h(w, { children: [
+			v && /* @__PURE__ */ m(j, {
+				style: { marginLeft: p ? 80 : _ ? 30 : 10 },
+				children: [...Array(K + 1).keys()].map((e) => /* @__PURE__ */ m(y, {
+					false: !0,
+					children: /* @__PURE__ */ h(M, { children: [/* @__PURE__ */ h("div", { children: [e * 100, "px"] }), /* @__PURE__ */ m("div", { children: "|" })] })
+				}, `top-guide-${e}`))
+			}),
+			b && (e ? /* @__PURE__ */ m("div", {
+				ref: (e) => this.titleRef = e,
+				style: {
+					...p && { width: H },
+					...i(n(x)) && { display: "none" }
+				},
+				children: m(p ? A : k, {
+					className: "disabled",
+					dangerouslySetInnerHTML: { __html: x || "" }
+				})
+			}) : /* @__PURE__ */ m("div", {
+				ref: (e) => this.titleRef = e,
+				children: m(p ? A : k, {
+					className: v ? "rightMargin" : "",
+					children: /* @__PURE__ */ m(g, {
+						...p && { width: H },
+						markup: x || "",
+						onChange: f,
+						placeholder: d && c || !e && "Click here to add a title for this graph",
+						toolbarOpts: {
+							noPadding: !0,
+							noBorder: !0
+						},
+						activePlugins: W,
+						disableScrollbar: !0,
+						onKeyDown: this.handleKeyDown
+					})
+				})
+			})),
+			_ && !p && /* @__PURE__ */ m(a, {
+				side: "top",
+				text: o.top,
+				disabledLabel: t,
+				placeholder: s?.top,
+				graphHeight: U,
+				graphWidth: H,
+				onChange: (e) => this.onChangeLabel(e, "top"),
+				mathMlOptions: C,
+				preventNewLines: !0,
+				charactersLimit: F
+			}),
+			/* @__PURE__ */ h(T, { children: [
+				_ && /* @__PURE__ */ m(a, {
+					side: "left",
+					text: o.left,
+					disabledLabel: t,
+					placeholder: s?.left,
+					graphHeight: U,
+					graphWidth: H,
+					isChartLeftLabel: p && !d,
+					isDefineChartLeftLabel: p && d,
+					onChange: (e) => this.onChangeLabel(e, "left"),
+					mathMlOptions: C,
+					preventNewLines: !0,
+					charactersLimit: F
+				}),
+				m(d ? E : D, {
+					width: H,
+					height: U,
+					children: /* @__PURE__ */ m(O, {
+						ref: (e) => {
+							this.g = e, S && S(e);
+						},
+						transform: `translate(${B + (R.padding || 0)}, ${40 + (z.padding || 0)})`,
+						children: u
+					})
+				}),
+				_ && !p && /* @__PURE__ */ m(a, {
+					side: "right",
+					text: o.right,
+					disabledLabel: t,
+					placeholder: s?.right,
+					graphHeight: U,
+					graphWidth: H,
+					onChange: (e) => this.onChangeLabel(e, "right"),
+					mathMlOptions: C,
+					preventNewLines: !0,
+					charactersLimit: F
+				}),
+				v && /* @__PURE__ */ m(N, {
+					style: {
+						paddingTop: J,
+						marginTop: 31
+					},
+					children: [...Array(q + 1).keys()].reverse().map((e) => /* @__PURE__ */ m(y, {
+						false: !0,
+						children: /* @__PURE__ */ h(P, { children: [
+							"━ ",
+							e * 100,
+							"px"
+						] })
+					}, `top-guide-${e}`))
+				})
+			] }),
+			_ && /* @__PURE__ */ m(a, {
+				side: "bottom",
+				text: o.bottom,
+				disabledLabel: t,
+				placeholder: s?.bottom,
+				graphHeight: U,
+				graphWidth: H,
+				titleHeight: Y,
+				isChartBottomLabel: p && !d,
+				isDefineChartBottomLabel: p && d,
+				onChange: (e) => this.onChangeLabel(e, "bottom"),
+				mathMlOptions: C,
+				preventNewLines: !0,
+				charactersLimit: F
+			})
+		] });
+	}
+};
+//#endregion
+export { F as default };

package/dist/trig.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @synced-from pie-lib/packages/plot/src/trig.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 Point from '@mapbox/point-geometry';
+export declare const toDegrees: (radians: any) => number;
+export declare const toRadians: (degrees: any) => number;
+/**
+ * return angle in radians between 2 points using counting degrees counter clockwise
+ *
+ * 0,0 + 1,1 = 45 in radians
+ * 1,1 + 0,0 = 45?
+ * @param {Point} a
+ * @param {Point} b
+ */
+export declare const angle: (a: any, b: any) => number;
+export declare const acuteXAngle: (a: any) => any;
+export declare const acuteYAngle: (a: any) => number;
+export declare const hypotenuse: (a: any, alpha: any) => number;
+/**
+ * return 2 edge points for a,b within domain + range.
+ * - one edge is from following a -> b to the bounds
+ * - one edge is from following b -> a to the bounds
+ * @param {{min: number, max: number}} domain
+ * @param {{min: number, max: number}} range
+ * @param {{x: number, y: number}} a
+ * @param {{x: number, y: number}} b
+ * @returns [{x: number, y: number}, {x: number, y: number}]
+ */
+export declare const edges: (domain: any, range: any) => (a: any, b: any) => Point[];
+/** get length of side A of a triangle from H and angle Alpha */
+export declare const getOpposingSide: (hyp: any, angle: any) => number;
+/**
+ * return the difference between bounds and a as a Point
+ * @param {*} bounds
+ */
+export declare const diffEdge: (bounds: any, a: any, b: any) => Point;

package/dist/trig.js

@@ -0,0 +1,47 @@
+import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
+import { xy as t } from "./utils.js";
+import n from "@mapbox/point-geometry";
+import r from "debug";
+//#region src/trig.ts
+var i = /* @__PURE__ */ e({
+	acuteXAngle: () => f,
+	acuteYAngle: () => p,
+	angle: () => c,
+	diffEdge: () => v,
+	edges: () => h,
+	getOpposingSide: () => g,
+	hypotenuse: () => m,
+	toDegrees: () => o,
+	toRadians: () => s
+}), a = r("pie-lib:plot:trig"), o = (e) => 180 / Math.PI * e, s = (e) => Math.PI / 180 * e, c = (e, t) => {
+	let n = t.y - e.y, r = t.x - e.x;
+	a(e, t, "vd: ", n, "hd: ", r);
+	let i = Math.atan2(n, r);
+	return i < 0 ? i + Math.PI * 2 : i;
+}, l = Math.PI / 2, u = Math.PI, d = u + l, f = (e) => (a(o(e)), e < l ? e : Math.abs(e < u || e < d ? u - e : Math.PI * 2 - e)), p = (e) => l - f(e), m = (e, t) => Math.abs(e / Math.sin(t)), h = (e, n) => (r, i) => [v(t(r.x < i.x ? e.max : e.min, r.y < i.y ? n.max : n.min), r, i), v(t(i.x < r.x ? e.max : e.min, i.y < r.y ? n.max : n.min), i, r)], g = (e, t) => (a("[getOpposingSide] hyp: ", e, "angle:", t), Math.abs(e * Math.sin(t))), _ = (e, t) => {
+	if (Number.isFinite(e) && Number.isFinite(t)) return e === 0 && t > 0 ? "y" : t === 0 && e > 0 || e < t ? "x" : "y";
+	if (isNaN(e) && !isNaN(t)) return "y";
+	if (!isNaN(e) && isNaN(t)) return "x";
+	if (e === Infinity) return "y";
+	if (t === Infinity) return "x";
+	console.warn("hypotenuse - which is shorter? x:", e, "y:", t);
+}, v = (e, t, r) => {
+	let i = a.enabled ? a.bind(a, `diffEdge: [${t.x},${t.y} -> ${r.x},${r.y}]`) : () => {}, l = c(t, r);
+	i("x angle", o(l));
+	let u = Math.abs(l - s(90));
+	i("y angle", o(u));
+	let d = Math.abs(t.x - e.x), f = m(d, u), p = Math.abs(t.y - e.y), h = m(p, l);
+	i("x: side", d, "h:", f), i("y: side", p, "h:", h);
+	let v = _(f, h);
+	if (v !== "x" && v !== "y") throw Error("Cant decide which hypotenuse to use");
+	let y = v === "x" ? new n(d, g(f, l)) : new n(g(h, u), p);
+	i("point:", y);
+	let b = new n(r.x < t.x ? -1 : 1, r.y < t.y ? -1 : 1);
+	i("multiplier:", b);
+	let x = y.multByPoint(b);
+	i("out:", x);
+	let S = x.add(new n(t.x, t.y));
+	return i("normalized:", S), S;
+};
+//#endregion
+export { i as trig_exports };

package/dist/types.d.ts

@@ -0,0 +1,125 @@
+/**
+ * @synced-from pie-lib/packages/plot/src/types.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 PropTypes from 'prop-types';
+export declare const BaseDomainRangeType: {
+    min: PropTypes.Validator<number>;
+    max: PropTypes.Validator<number>;
+    step: PropTypes.Requireable<number>;
+};
+export declare const DomainType: PropTypes.Requireable<PropTypes.InferProps<{
+    min: PropTypes.Validator<number>;
+    max: PropTypes.Validator<number>;
+    step: PropTypes.Requireable<number>;
+}>>;
+export declare const RangeType: PropTypes.Requireable<PropTypes.InferProps<{
+    min: PropTypes.Validator<number>;
+    max: PropTypes.Validator<number>;
+    step: PropTypes.Requireable<number>;
+}>>;
+export declare const SizeType: PropTypes.Requireable<PropTypes.InferProps<{
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+}>>;
+export declare const PointType: PropTypes.Requireable<PropTypes.InferProps<{
+    x: PropTypes.Validator<number>;
+    y: PropTypes.Validator<number>;
+}>>;
+export declare const ChildrenType: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+export declare const ScaleType: PropTypes.Requireable<PropTypes.InferProps<{
+    x: PropTypes.Validator<(...args: any[]) => any>;
+    y: PropTypes.Validator<(...args: any[]) => any>;
+}>>;
+export declare const SnapType: PropTypes.Requireable<PropTypes.InferProps<{
+    x: PropTypes.Validator<(...args: any[]) => any>;
+    y: PropTypes.Validator<(...args: any[]) => any>;
+}>>;
+export declare const GraphPropsType: 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>;
+    }>>>;
+}>>;
+export declare const ToolPropTypeFields: {
+    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>;
+        }>>>;
+    }>>>;
+    mark: PropTypes.Requireable<object>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare const ToolPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    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>;
+        }>>>;
+    }>>>;
+    mark: PropTypes.Requireable<object>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+}>>;

package/dist/types.js

@@ -0,0 +1,46 @@
+import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
+import t from "prop-types";
+//#region src/types.ts
+var n = /* @__PURE__ */ e({
+	BaseDomainRangeType: () => r,
+	ChildrenType: () => c,
+	DomainType: () => i,
+	GraphPropsType: () => d,
+	PointType: () => s,
+	RangeType: () => a,
+	ScaleType: () => l,
+	SizeType: () => o,
+	SnapType: () => u,
+	ToolPropType: () => p,
+	ToolPropTypeFields: () => f
+}), r = {
+	min: t.number.isRequired,
+	max: t.number.isRequired,
+	step: t.number
+}, i = t.shape(r), a = t.shape(r), o = t.shape({
+	width: t.number.isRequired,
+	height: t.number.isRequired
+}), s = t.shape({
+	x: t.number.isRequired,
+	y: t.number.isRequired
+}), c = t.oneOfType([t.arrayOf(t.node), t.node]).isRequired, l = t.shape({
+	x: t.func.isRequired,
+	y: t.func.isRequired
+}), u = t.shape({
+	x: t.func.isRequired,
+	y: t.func.isRequired
+}), d = t.shape({
+	scale: l.isRequired,
+	snap: u.isRequired,
+	domain: i.isRequired,
+	range: a.isRequired,
+	size: o.isRequired
+}), f = {
+	graphProps: d.isRequired,
+	mark: t.object,
+	onChange: t.func,
+	onDelete: t.func,
+	onClick: t.func
+}, p = t.shape(f);
+//#endregion
+export { c as ChildrenType, d as GraphPropsType, n as types_exports };

package/dist/utils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @synced-from pie-lib/packages/plot/src/utils.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 Point from '@mapbox/point-geometry';
+export declare const xy: (x: any, y: any) => {
+    x: any;
+    y: any;
+};
+export declare const buildSizeArray: (size: any, padding: any) => number[];
+export declare const tickCount: (min: any, max: any, step: any) => number;
+export declare function getInterval(domain: any, ticks: any): number;
+export declare function snapTo(min: any, max: any, interval: any, value: any): any;
+export declare function buildTickModel(domain: any, ticks: any, interval: any, scaleFn: any): any;
+export declare const polygonToArea: (points: any) => any;
+export declare const lineToArea: (from: any, to: any) => {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+};
+export declare const bounds: (area: any, domain: any, range: any) => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const point: (o: any) => Point;
+export declare const getDelta: (from: any, to: any) => Point;
+export declare const bandKey: (d: any, index: any) => string;
+export declare const isDomainRangeEqual: (graphProps: any, nextGraphProps: any) => any;
+export declare const findLongestWord: (label: any) => any;
+export declare const amountToIncreaseWidth: (longestWord: any) => number;
+export declare const extractTextFromHTML: (htmlString: any) => string;
+export declare const isEmptyObject: (obj: any) => any;
+export declare const isEmptyString: (str: any) => boolean;