@pie-lib/graphing-solution-set 4.0.4-next.0 → 4.0.4-next.104

package/dist/grid-setup.js

@@ -1,307 +0,0 @@
-import "react";
-import e from "prop-types";
-import { styled as t } from "@mui/material/styles";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import * as a from "@pie-lib/render-ui";
-import { InputContainer as o, color as s } from "@pie-lib/render-ui";
-import c from "@pie-lib/editable-html-tip-tap";
-import { Accordion as l, AccordionDetails as u, AccordionSummary as d, Typography as f } from "@mui/material";
-import p from "@mui/icons-material/ExpandMore";
-import { NumberTextFieldCustom as m, Toggle as h } from "@pie-lib/config-ui";
-//#region src/grid-setup.tsx
-function g(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function _(e, t) {
-	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
-}
-var v = _(o, "InputContainer") || _(x.InputContainer, "InputContainer"), y = a, b = y.default, x = b && typeof b == "object" ? b : y, S = t("div")(() => ({ width: "450px" })), C = t("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	width: "100%"
-})), w = t("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	alignItems: "center"
-})), T = t("div")(() => ({
-	display: "flex",
-	justifyContent: "space-around",
-	alignItems: "center"
-})), E = t("div")(({ theme: e }) => ({
-	width: "130px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), D = t("div")(({ theme: e }) => ({
-	width: "160px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
-	"& .MuiFormControl-root": { width: "100%" }
-})), O = t("div")(({ theme: e }) => ({
-	width: "230px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
-	"& .MuiFormControl-root": { width: "100%" }
-})), k = t(f)(({ theme: e }) => ({
-	fontStyle: "italic",
-	margin: `${e.spacing(1)} 0`
-})), A = t("div")(() => ({
-	display: "flex",
-	justifyContent: "space-between",
-	alignItems: "center"
-})), j = t(f)(() => ({ color: s.disabled() })), M = t("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), N = (e) => {
-	let { disabled: t, displayedFields: n, labelValue: a, labelValues: o, gridValue: s, gridValues: c, onChange: l } = e, { labelStep: u = {}, step: d = {} } = n;
-	return /* @__PURE__ */ i(w, { children: [d && d.enabled && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(m, {
-		label: d.label || "",
-		value: s,
-		customValues: c,
-		variant: "outlined",
-		disabled: t,
-		onChange: (e, t) => l("step", t)
-	}) }), u && u.enabled && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(m, {
-		label: u.label || "",
-		value: a,
-		customValues: o,
-		variant: "outlined",
-		disabled: t,
-		onChange: (e, t) => l("labelStep", t)
-	}) })] });
-};
-N.propTypes = {
-	disabled: e.bool,
-	displayedFields: e.object,
-	labelValue: e.number,
-	labelValues: e.array,
-	gridValue: e.number,
-	gridValues: e.array,
-	onChange: e.func
-};
-var P = (e) => {
-	let { disabled: t, displayedFields: n, displayHeader: a, label: o, maxValue: s, minValue: l, onChange: u, type: d } = e, { axisLabel: p = {}, min: h = {}, max: g = {} } = n;
-	return /* @__PURE__ */ i(w, { children: [
-		a && /* @__PURE__ */ i(f, {
-			variant: "subtitle2",
-			children: [/* @__PURE__ */ r("i", { children: d === "domain" ? "x" : "y" }), "-axis"]
-		}),
-		h && h.enabled && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(m, {
-			label: h.label || "",
-			value: l,
-			min: -1e4,
-			max: s - .05,
-			variant: "outlined",
-			disabled: t,
-			onChange: (e, t) => u("min", t)
-		}) }),
-		g && g.enabled && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(m, {
-			label: g.label || "",
-			value: s,
-			min: l + .05,
-			max: 1e4,
-			variant: "outlined",
-			disabled: t,
-			onChange: (e, t) => u("max", t)
-		}) }),
-		p && p.enabled && /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(v, {
-			label: p.label || "",
-			children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(c, {
-				onChange: (e) => u("axisLabel", e),
-				markup: o || "",
-				charactersLimit: 5,
-				onKeyDown: (e) => e.key === "Enter",
-				activePlugins: [
-					"bold",
-					"italic",
-					"underline",
-					"strikethrough"
-				]
-			}) })
-		}) })
-	] });
-};
-P.propTypes = {
-	disabled: e.bool,
-	displayedFields: e.object,
-	displayHeader: e.bool,
-	label: e.string,
-	maxValue: e.number,
-	minValue: e.number,
-	type: e.string,
-	onChange: e.func
-};
-var F = (e) => {
-	let { domain: t, displayedFields: a = {}, gridValues: o = {}, includeAxes: s, labelValues: c = {}, onChange: g, onChangeView: _, range: v, size: y, sizeConstraints: b, standardGrid: x } = e, D = {
-		min: 2,
-		max: 41
-	}, { axisLabel: M = {}, dimensionsEnabled: F, includeAxesEnabled: I, labelStep: L = {}, min: R = {}, max: z = {}, standardGridEnabled: B, step: V = {} } = a || {}, H = R.enabled || z.enabled || M.enabled || V.enabled || L.enabled, U = {
-		step: V,
-		labelStep: L
-	}, W = {
-		min: R,
-		max: z,
-		axisLabel: M
-	}, G = (e) => {
-		let n = (e) => {
-			let n = e === "domain" ? t : v;
-			return {
-				min: 1,
-				max: n.max < D.min || n.max > D.max ? 16 : n.max,
-				step: 1,
-				labelStep: 0
-			};
-		};
-		g({
-			includeAxes: e,
-			range: {
-				...v,
-				...e ? { labelStep: 1 } : n("range")
-			},
-			domain: {
-				...t,
-				...e ? { labelStep: 1 } : n("domain")
-			}
-		});
-	}, K = (e) => {
-		g({
-			standardGrid: e,
-			range: {
-				...t,
-				axisLabel: v.axisLabel
-			},
-			graph: {
-				...y,
-				height: y.width
-			}
-		});
-	}, q = (e, t) => {
-		let n = {
-			...y,
-			[e]: t
-		};
-		x && (n.height = t), g({ graph: n });
-	}, J = (e, n) => {
-		t[e] = n, x && e !== "axisLabel" && (v[e] = n), g({
-			domain: t,
-			range: v
-		});
-	}, Y = (e, t) => {
-		v[e] = t, g({ range: v });
-	}, X = /* @__PURE__ */ i(n, { children: [
-		/* @__PURE__ */ i(T, { children: [/* @__PURE__ */ r(P, {
-			displayedFields: W,
-			displayHeader: H,
-			type: "domain",
-			minValue: t.min,
-			maxValue: t.max,
-			label: t.axisLabel,
-			includeAxes: s,
-			onChange: J
-		}), /* @__PURE__ */ r(P, {
-			displayedFields: W,
-			displayHeader: H,
-			type: "range",
-			minValue: v.min,
-			maxValue: v.max,
-			label: v.axisLabel,
-			disabled: x,
-			includeAxes: s,
-			onChange: Y
-		})] }),
-		(R.enabled || z.enabled) && /* @__PURE__ */ r(k, { children: "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value" }),
-		(V.enabled || L.enabled) && /* @__PURE__ */ i(T, { children: [/* @__PURE__ */ r(N, {
-			displayedFields: U,
-			gridValue: t.step,
-			labelValue: t.labelStep,
-			gridValues: o.domain || [],
-			labelValues: c.domain || [],
-			onChange: J
-		}), /* @__PURE__ */ r(N, {
-			disabled: x,
-			displayedFields: U,
-			gridValue: v.step,
-			labelValue: v.labelStep,
-			gridValues: o.range || [],
-			labelValues: c.range || [],
-			onChange: Y
-		})] }),
-		L.enabled && /* @__PURE__ */ r(k, { children: "For unnumbered gridlines, enter a label interval of 0" })
-	] }), Z = z.enabled ? /* @__PURE__ */ i(w, { children: [/* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(m, {
-		label: "Number of Vertical Gridlines",
-		value: t.max,
-		min: !s && D.min,
-		max: !s && D.max,
-		variant: "outlined",
-		onChange: (e, t) => J("max", t)
-	}) }), /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(m, {
-		label: "Number of Horizontal Gridlines",
-		value: v.max,
-		min: !s && D.min,
-		max: !s && D.max,
-		variant: "outlined",
-		disabled: x,
-		onChange: (e, t) => Y("max", t)
-	}) })] }) : null;
-	return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ i(l, {
-		onChange: _,
-		TransitionProps: { timeout: {
-			enter: 225,
-			exit: 195
-		} },
-		children: [/* @__PURE__ */ r(d, {
-			expandIcon: /* @__PURE__ */ r(p, {}),
-			children: /* @__PURE__ */ r(f, {
-				variant: "subtitle1",
-				children: "Customize Grid Setup"
-			})
-		}), /* @__PURE__ */ r(u, { children: /* @__PURE__ */ i(C, { children: [
-			I && /* @__PURE__ */ r(h, {
-				label: "Include axes and labels?",
-				toggle: G,
-				checked: s
-			}),
-			B && /* @__PURE__ */ r(h, {
-				label: "Constrain to standard coordinate grid?",
-				toggle: K,
-				checked: x
-			}),
-			s ? X : Z,
-			F && /* @__PURE__ */ i(A, { children: [
-				/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(f, { children: "Dimensions(px)" }), /* @__PURE__ */ i(j, { children: [
-					"Min ",
-					b.min,
-					", Max ",
-					b.max
-				] })] }),
-				/* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(m, {
-					label: "Width",
-					value: y.width,
-					min: b.min,
-					max: b.max,
-					step: b.step,
-					variant: "outlined",
-					onChange: (e, t) => q("width", t)
-				}) }),
-				/* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(m, {
-					label: "Height",
-					value: y.height,
-					min: b.min,
-					max: b.max,
-					step: b.step,
-					variant: "outlined",
-					disabled: x,
-					onChange: (e, t) => q("height", t)
-				}) })
-			] })
-		] }) })]
-	}) });
-};
-F.propTypes = {
-	domain: e.object,
-	displayedFields: e.object,
-	gridValues: e.object,
-	includeAxes: e.bool,
-	labelValues: e.object,
-	onChange: e.func,
-	onChangeView: e.func,
-	range: e.object,
-	size: e.object,
-	sizeConstraints: e.object,
-	standardGrid: e.bool
-};
-//#endregion
-export { F as default };

package/dist/grid.d.ts

@@ -1,43 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/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: {
-        disabled: PropTypes.Requireable<boolean>;
-        disabledAdditionalGrid: 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>;
-            }>>>;
-        }>>>;
-    };
-    getAdditionalGridProps: any;
-    render(): React.JSX.Element;
-}
-export default Grid;

package/dist/grid.js

@@ -1,59 +0,0 @@
-import { getTickValues as e } from "./utils.js";
-import t from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridRows.js";
-import n from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridColumns.js";
-import r from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/Grid.js";
-import i from "react";
-import a from "prop-types";
-import { types as o } from "@pie-lib/plot";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/grid.tsx
-var u = class extends i.Component {
-	static propTypes = {
-		disabled: a.bool,
-		disabledAdditionalGrid: a.bool,
-		graphProps: o.GraphPropsType.isRequired
-	};
-	getAdditionalGridProps = (t, n) => {
-		let { graphProps: { scale: r, size: { width: i, height: a }, domain: o, range: s } } = this.props, c = e({
-			...s,
-			step: s.labelStep
-		}).filter((e) => t.includes(e)), l = e({
-			...o,
-			step: o.labelStep
-		}).filter((e) => n.includes(e)), u = c.length && Math.min(...c).toString().replace(/[.-]/g, "").length || 1, d = c.length && Math.max(...c).toString().replace(/[.-]/g, "").length || 1, f = Math.max(u, d) * 9 + 22, p = r.x(0), m = r.y(0), h = `${p - f} ${f} ${i}`, g = `${m} 28 ${a}`, _ = o.labelStep > 0 && s.labelStep > 0 && c && l && c.length > 1 && l.length > 1 && (c.length !== t.length || l.length !== n.length), v = l.filter((e) => e >= 0 || p - r.x(e) > f);
-		return {
-			rowTickLabelValues: c.filter((e) => e >= 0 || r.y(e) - m > 28),
-			columnTickLabelValues: v,
-			rowStrokeDasharray: h,
-			columnStrokeDasharray: g,
-			displayAdditionalGrid: _
-		};
-	};
-	render() {
-		let { graphProps: i } = this.props, { scale: a, size: { height: o, width: u }, domain: d, range: f } = i, p = e(f), m = e(d), { rowTickLabelValues: h, columnTickLabelValues: g, rowStrokeDasharray: _, columnStrokeDasharray: v, displayAdditionalGrid: y } = this.getAdditionalGridProps(p, m), b = d.labelStep * 2 === d.step || f.labelStep * 2 === f.step ? "#9FA8DA" : "#7985CB";
-		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(r, {
-			innerRef: (e) => this.grid = e,
-			xScale: a.x,
-			yScale: a.y,
-			width: u,
-			height: o,
-			stroke: "#D3D3D3",
-			rowTickValues: p,
-			columnTickValues: m
-		}), y && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(t, {
-			scale: a.y,
-			width: u,
-			tickValues: h,
-			stroke: b,
-			strokeDasharray: _
-		}), /* @__PURE__ */ c(n, {
-			scale: a.x,
-			height: o,
-			tickValues: g,
-			stroke: b,
-			strokeDasharray: v
-		})] })] });
-	}
-};
-//#endregion
-export { u as default };

package/dist/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/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 Graph from './graph.js';
-import GraphContainer from './container/index.js';
-import GridSetup from './grid-setup.js';
-import * as tools from './tools/index.js';
-import ToolMenu from './tool-menu.js';
-export { Graph, GraphContainer, GridSetup, ToolMenu, tools };

package/dist/index.js

@@ -1,6 +0,0 @@
-import e from "./graph.js";
-import t from "./tool-menu.js";
-import { tools_exports as n } from "./tools/index.js";
-import r from "./container/index.js";
-import i from "./grid-setup.js";
-export { e as Graph, r as GraphContainer, i as GridSetup, t as ToolMenu, n as tools };

package/dist/labels.d.ts

@@ -1,73 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/labels.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 getTransform: (side: any, width: any, height: any) => string | undefined;
-declare class RawLabel extends React.Component {
-    static propTypes: {
-        text: PropTypes.Requireable<string>;
-        side: PropTypes.Requireable<string>;
-        disabledLabel: PropTypes.Requireable<boolean>;
-        placeholder: 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>;
-            }>>>;
-        }>>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        mathMlOptions: PropTypes.Requireable<object>;
-    };
-    static defaultProps: {
-        onChange: () => void;
-    };
-    render(): React.JSX.Element;
-}
-export declare const LabelType: {
-    left: PropTypes.Requireable<string>;
-    top: PropTypes.Requireable<string>;
-    bottom: PropTypes.Requireable<string>;
-    right: PropTypes.Requireable<string>;
-};
-export declare class Labels extends React.Component {
-    static propTypes: {
-        disabledLabels: PropTypes.Requireable<boolean>;
-        placeholders: PropTypes.Requireable<object>;
-        value: PropTypes.Requireable<PropTypes.InferProps<{
-            left: PropTypes.Requireable<string>;
-            top: PropTypes.Requireable<string>;
-            bottom: PropTypes.Requireable<string>;
-            right: PropTypes.Requireable<string>;
-        }>>;
-        graphProps: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        mathMlOptions: PropTypes.Requireable<object>;
-    };
-    onChangeLabel: any;
-    render(): React.JSX.Element;
-}
-export default RawLabel;

package/dist/labels.js

@@ -1,134 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { types as n } from "@pie-lib/plot";
-import r from "classnames";
-import { styled as i } from "@mui/material/styles";
-import { Fragment as a, jsx as o } from "react/jsx-runtime";
-import * as s from "@pie-lib/render-ui";
-import { Readable as c, color as l } from "@pie-lib/render-ui";
-import u from "@pie-lib/editable-html-tip-tap";
-//#region src/labels.tsx
-function d(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function f(e, t) {
-	return !e || d(e) ? e : d(e.default) ? e.default : t && d(e[t]) ? e[t] : t && d(e[t]?.default) ? e[t].default : e;
-}
-var p = f(c, "Readable") || f(g.Readable, "Readable"), m = s, h = m.default, g = h && typeof h == "object" ? h : m, _ = {
-	left: -90,
-	top: 0,
-	bottom: 0,
-	right: 90
-}, v = (e, t, n) => {
-	let r = (e, t, n) => `translate(${e}, ${t}), rotate(${n})`;
-	if (e === "left") return r(-20, n / 2, _[e]);
-	if (e === "right") return r(t + 30, n / 2, _[e]);
-	if (e === "top") return r(t / 2, -20, _[e]);
-	if (e === "bottom") return r(t / 2, n + 30, _[e]);
-}, y = (e, t) => {
-	switch (e) {
-		case "left":
-		case "top": return -t;
-		case "right": return -t - 10;
-		default: return -t + 10;
-	}
-}, b = "Label", x = {
-	label: `${b}-label`,
-	axisLabel: `${b}-axisLabel`,
-	disabledAxisLabel: `${b}-disabledAxisLabel`,
-	bottomLabel: `${b}-bottomLabel`
-}, S = i("div")(({ theme: e }) => ({
-	[`& .${x.label}`]: { fill: l.defaults.SECONDARY },
-	[`& .${x.axisLabel}`]: {
-		fontSize: e.typography.fontSize - 2,
-		textAlign: "center",
-		padding: "0 4px"
-	},
-	[`& .${x.disabledAxisLabel}`]: { pointerEvents: "none" },
-	[`& .${x.bottomLabel}`]: { marginTop: "44px" }
-})), C = class extends e.Component {
-	static propTypes = {
-		text: t.string,
-		side: t.string,
-		disabledLabel: t.bool,
-		placeholder: t.string,
-		graphProps: n.GraphPropsType.isRequired,
-		onChange: t.func,
-		mathMlOptions: t.object
-	};
-	static defaultProps = { onChange: () => {} };
-	render() {
-		let { disabledLabel: e, placeholder: t, text: n, side: i, graphProps: a, onChange: s, mathMlOptions: c = {} } = this.props, { size: l, domain: d, range: f } = a, m = (l.height || 500) + (f.padding || 0) * 2, h = (l.width || 500) + (d.padding || 0) * 2, g = v(i, h, m), _ = i === "left" || i === "right" ? m : h, b = y(i, 36), C = i === "bottom" ? 58 : 54, w = [
-			"bold",
-			"italic",
-			"underline",
-			"strikethrough",
-			"math"
-		];
-		return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o("foreignObject", {
-			x: -(_ / 2),
-			y: b,
-			width: _,
-			height: C,
-			transform: g,
-			textAnchor: "middle",
-			children: /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(u, {
-				className: r({
-					[x.bottomLabel]: i === "bottom",
-					[x.disabledAxisLabel]: e
-				}, x.axisLabel),
-				markup: n || "",
-				onChange: s,
-				placeholder: !e && t,
-				toolbarOpts: {
-					position: i === "bottom" ? "top" : "bottom",
-					noPadding: !0,
-					noBorder: !0
-				},
-				activePlugins: w,
-				mathMlOptions: c
-			}) })
-		}) });
-	}
-}, w = {
-	left: t.string,
-	top: t.string,
-	bottom: t.string,
-	right: t.string
-};
-(class extends e.Component {
-	static propTypes = {
-		disabledLabels: t.bool,
-		placeholders: t.object,
-		value: t.shape(w),
-		graphProps: t.object,
-		onChange: t.func,
-		mathMlOptions: t.object
-	};
-	onChangeLabel = (e, t) => {
-		let { value: n, onChange: r } = this.props;
-		r({
-			...n,
-			[t]: e
-		});
-	};
-	render() {
-		let { disabledLabels: e, placeholders: t = {}, value: n = {}, graphProps: r, mathMlOptions: i = {} } = this.props;
-		return /* @__PURE__ */ o(a, { children: [
-			"left",
-			"top",
-			"bottom",
-			"right"
-		].map((a) => /* @__PURE__ */ o(C, {
-			side: a,
-			text: n[a],
-			disabledLabel: e,
-			placeholder: t[a],
-			graphProps: r,
-			onChange: (e) => this.onChangeLabel(e, a),
-			mathMlOptions: i
-		}, a)) });
-	}
-});
-//#endregion
-export { w as LabelType };

package/dist/mark-label.d.ts

@@ -1,50 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/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 position: (graphProps: any, mark: any, rect: any) => string;
-export declare const coordinates: (graphProps: any, mark: any, rect: any, position: any) => {
-    left: any;
-    top: any;
-} | undefined;
-export declare const MarkLabel: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        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>;
-        theme: PropTypes.Requireable<object>;
-    };
-};
-export default MarkLabel;