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

package/dist/coordinates-label.js

@@ -1,46 +0,0 @@
-import { roundNumber as e } from "./utils.js";
-import "react";
-import t from "prop-types";
-import { types as n } from "@pie-lib/plot";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i } from "react/jsx-runtime";
-import { color as a } from "@pie-lib/render-ui";
-import o from "@mui/material/InputBase";
-//#region src/coordinates-label.tsx
-var s = r(o)(({ theme: e }) => ({
-	fontFamily: e.typography.fontFamily,
-	fontSize: e.typography.fontSize,
-	borderRadius: "8px",
-	background: e.palette.common.white,
-	color: a.defaults.BLACK,
-	"& .MuiInputBase-input": { padding: 0 }
-})), c = (e, t, n, r) => {
-	let { scale: i, domain: a, range: o } = e, s = n === o.min ? 16 : n === o.max ? 0 : 8;
-	return i.x(t) + r + 10 >= i.x(a.max) ? {
-		left: i.x(t) - 10 - r,
-		top: i.y(n) - s
-	} : {
-		left: i.x(t) + 10,
-		top: i.y(n) - s
-	};
-}, l = ({ x: t, y: n, graphProps: r }) => {
-	let a = `(${e(t)}, ${e(n)})`, o = (a.length || 0) * 6;
-	return /* @__PURE__ */ i(s, {
-		style: {
-			position: "absolute",
-			pointerEvents: "auto",
-			width: o,
-			padding: 0,
-			...c(r, t, n, o)
-		},
-		value: a,
-		inputProps: { ariaLabel: "naked" }
-	});
-};
-l.propTypes = {
-	graphProps: n.GraphPropsType,
-	x: t.number,
-	y: t.number
-};
-//#endregion
-export { l as default };

package/dist/graph-with-controls.d.ts

@@ -1,85 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/graph-with-controls.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 setToolbarAvailability: (toolbarTools: any) => {
-    toolbar: boolean;
-    type: any;
-    Component: any;
-    addPoint: (point: any, mark: any) => any;
-}[];
-export declare const toolIsAvailable: (tools: any, currentTool: any) => any;
-export declare const getAvailableTool: (tools: any) => any;
-export declare const filterByValidToolTypes: (backgroundMarks: any) => any;
-export declare const filterByVisibleToolTypes: (toolbarTools: any, marks: any) => any;
-export declare class GraphWithControls extends React.Component {
-    static propTypes: {
-        onUndo: PropTypes.Requireable<(...args: any[]) => any>;
-        onRedo: PropTypes.Requireable<(...args: any[]) => any>;
-        onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        toolbarTools: PropTypes.Requireable<(string | null | undefined)[]>;
-        language: PropTypes.Requireable<string>;
-        axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            includeArrows: PropTypes.Requireable<object>;
-            graphProps: PropTypes.Requireable<object>;
-        }>>;
-        backgroundMarks: PropTypes.Requireable<any[]>;
-        className: PropTypes.Requireable<string>;
-        collapsibleToolbar: PropTypes.Requireable<boolean>;
-        collapsibleToolbarTitle: PropTypes.Requireable<string>;
-        disabledLabels: PropTypes.Requireable<boolean>;
-        disabledTitle: PropTypes.Requireable<boolean>;
-        domain: PropTypes.Requireable<PropTypes.InferProps<{
-            min: PropTypes.Validator<number>;
-            max: PropTypes.Validator<number>;
-            step: PropTypes.Requireable<number>;
-        }>>;
-        labels: PropTypes.Requireable<PropTypes.InferProps<{
-            left: PropTypes.Requireable<string>;
-            top: PropTypes.Requireable<string>;
-            bottom: PropTypes.Requireable<string>;
-            right: PropTypes.Requireable<string>;
-        }>>;
-        labelModeEnabled: PropTypes.Requireable<boolean>;
-        coordinatesOnHover: PropTypes.Requireable<boolean>;
-        marks: PropTypes.Requireable<any[]>;
-        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
-        range: PropTypes.Requireable<PropTypes.InferProps<{
-            min: PropTypes.Validator<number>;
-            max: PropTypes.Validator<number>;
-            step: PropTypes.Requireable<number>;
-        }>>;
-        size: PropTypes.Requireable<PropTypes.InferProps<{
-            width: PropTypes.Validator<number>;
-            height: PropTypes.Validator<number>;
-        }>>;
-        showLabels: PropTypes.Requireable<boolean>;
-        showPixelGuides: PropTypes.Requireable<boolean>;
-        showTitle: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string>;
-        tools: PropTypes.Requireable<any[]>;
-    };
-    static defaultProps: {
-        collapsibleToolbar: boolean;
-        collapsibleToolbarTitle: string;
-        disabledLabels: boolean;
-        disabledTitle: boolean;
-        showLabels: boolean;
-        showTitle: boolean;
-        toolbarTools: never[];
-    };
-    constructor(props: any);
-    componentDidUpdate(prevProps: any): void;
-    changeCurrentTool: (tool: any, tools: any) => void;
-    toggleLabelMode: () => void;
-    render(): React.JSX.Element;
-}
-export default GraphWithControls;

package/dist/graph-with-controls.js

@@ -1,155 +0,0 @@
-import e, { graphPropTypes as t } from "./graph.js";
-import n from "./tool-menu.js";
-import r from "./undo-redo.js";
-import { allTools as i, toolsArr as a } from "./tools/index.js";
-import o from "react";
-import s from "prop-types";
-import { isString as c, uniq as l } from "lodash-es";
-import u from "classnames";
-import { styled as d } from "@mui/material/styles";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { color as h } from "@pie-lib/render-ui";
-import { Accordion as g, AccordionDetails as _, AccordionSummary as v, Typography as y } from "@mui/material";
-import b from "@mui/icons-material/ExpandMore";
-//#region src/graph-with-controls.tsx
-var x = (e) => a.map((t) => ({
-	...t,
-	toolbar: !!e.find((e) => e === t.type)
-})) || [], S = (e, t) => t && e && (e.find((e) => e.type === t.type) || {}).toolbar, C = (e) => e.find((e) => e.toolbar), w = (e) => e.filter((e) => !!i.find((t) => t === e.type)), T = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), E = (e) => a.find((t) => t.type === e) || null, D = d("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	width: "min-content"
-})), O = d("div")(() => ({
-	display: "flex",
-	justifyContent: "space-between",
-	padding: "calc(1.25rem - 12px) calc(1.25rem - 12px) 1.25rem",
-	color: h.text(),
-	backgroundColor: "#9FA8DA",
-	"& button": {
-		fontSize: "0.875rem",
-		padding: "0.25rem .3rem",
-		width: "5rem"
-	}
-})), k = d(g)(() => ({
-	backgroundColor: h.primaryLight(),
-	width: "100%",
-	boxShadow: "none"
-})), A = d(v)(({ theme: e }) => ({
-	padding: `0 ${e.spacing(1)}`,
-	minHeight: "32px !important",
-	"& .MuiAccordionSummary-content": { margin: "4px 0 !important" }
-})), j = d(_)(({ theme: e }) => ({
-	padding: 0,
-	marginTop: e.spacing(1),
-	display: "flex",
-	justifyContent: "space-between"
-})), M = d("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	marginTop: ".5rem"
-})), N = ({ children: e, title: t }) => /* @__PURE__ */ m(k, {
-	square: !0,
-	disableGutters: !0,
-	children: [/* @__PURE__ */ p(A, {
-		expandIcon: /* @__PURE__ */ p(b, {}),
-		children: /* @__PURE__ */ p(y, {
-			variant: "subtitle1",
-			children: t
-		})
-	}), /* @__PURE__ */ p(j, { children: e })]
-});
-N.propTypes = {
-	children: s.node,
-	title: s.string
-};
-var P = class extends o.Component {
-	static propTypes = {
-		...t,
-		onUndo: s.func,
-		onRedo: s.func,
-		onReset: s.func,
-		toolbarTools: s.arrayOf(s.string),
-		language: s.string
-	};
-	static defaultProps = {
-		collapsibleToolbar: !1,
-		collapsibleToolbarTitle: "",
-		disabledLabels: !1,
-		disabledTitle: !1,
-		showLabels: !0,
-		showTitle: !0,
-		toolbarTools: []
-	};
-	constructor(e) {
-		super(e), this.state = {
-			currentTool: E(e.defaultTool),
-			labelModeEnabled: !1
-		};
-	}
-	componentDidUpdate(e) {
-		let { defaultTool: t } = this.props;
-		if (e.defaultTool !== t) {
-			let e = E(t);
-			this.setState({ currentTool: e });
-		}
-	}
-	changeCurrentTool = (e, t) => this.setState({ currentTool: t.find((t) => t.type === e) });
-	toggleLabelMode = () => this.setState((e) => ({ labelModeEnabled: !e.labelModeEnabled }));
-	render() {
-		let { currentTool: t, labelModeEnabled: i } = this.state, { axesSettings: a, className: o, coordinatesOnHover: s, collapsibleToolbar: d, collapsibleToolbarTitle: h, disabled: g, disabledLabels: _, disabledTitle: v, domain: y, labels: b, labelsPlaceholders: E, onChangeLabels: k, onChangeMarks: A, onChangeTitle: j, onUndo: P, onRedo: F, range: I, size: L, showLabels: R, showPixelGuides: z, showTitle: B, title: V, titlePlaceholder: H, language: U, disableToolbar: W = !1, gssLineData: G, onChangeGssLineData: K, onSolutionSetSelected: q, onCustomReset: J } = this.props, { backgroundMarks: Y, marks: X, toolbarTools: Z } = this.props;
-		Z = l(Z || []).filter((e) => !!c(e)) || [], Y = w(Y || []), X = T(Z, X || []), G && G.lineA && X[0] && X[0].type === "line" && (X[0].fill = G.lineA.lineType), G && G.lineB && X[1] && X[1].type === "line" && (X[1].fill = G.lineB.lineType);
-		let Q = x(Z);
-		(!t || !S(Q, t)) && (t = C(Q));
-		let $ = G && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(n, {
-			numberOfLines: G.numberOfLines,
-			gssLineData: G,
-			onChange: K,
-			disabled: !!g,
-			language: U
-		}), !g && /* @__PURE__ */ p(M, { children: /* @__PURE__ */ p(r, {
-			onUndo: P,
-			onRedo: F,
-			onReset: J,
-			language: U
-		}) })] });
-		return /* @__PURE__ */ m(D, {
-			className: u(o),
-			children: [
-				!W && /* @__PURE__ */ p(O, { children: d ? /* @__PURE__ */ p(N, {
-					title: h,
-					children: $
-				}) : $ }),
-				/* @__PURE__ */ p("div", { ref: (e) => this.labelNode = e }),
-				/* @__PURE__ */ p(e, {
-					axesSettings: a,
-					backgroundMarks: Y,
-					coordinatesOnHover: s,
-					currentTool: t,
-					disabledLabels: _,
-					disabledTitle: v,
-					domain: y,
-					labels: b,
-					labelModeEnabled: i,
-					labelsPlaceholders: E,
-					marks: X,
-					onChangeMarks: g ? void 0 : A,
-					onChangeLabels: k,
-					onChangeTitle: j,
-					range: I,
-					size: L,
-					showLabels: R,
-					showPixelGuides: z,
-					showTitle: B,
-					title: V,
-					titlePlaceholder: H,
-					tools: Q,
-					gssLineData: G,
-					onSolutionSetSelected: q,
-					disabled: !!g
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { P as default };

package/dist/graph.d.ts

@@ -1,119 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/graph.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 graphPropTypes: {
-    axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
-        includeArrows: PropTypes.Requireable<object>;
-        graphProps: PropTypes.Requireable<object>;
-    }>>;
-    backgroundMarks: PropTypes.Requireable<any[]>;
-    className: PropTypes.Requireable<string>;
-    collapsibleToolbar: PropTypes.Requireable<boolean>;
-    collapsibleToolbarTitle: PropTypes.Requireable<string>;
-    disabledLabels: PropTypes.Requireable<boolean>;
-    disabledTitle: PropTypes.Requireable<boolean>;
-    domain: PropTypes.Requireable<PropTypes.InferProps<{
-        min: PropTypes.Validator<number>;
-        max: PropTypes.Validator<number>;
-        step: PropTypes.Requireable<number>;
-    }>>;
-    labels: PropTypes.Requireable<PropTypes.InferProps<{
-        left: PropTypes.Requireable<string>;
-        top: PropTypes.Requireable<string>;
-        bottom: PropTypes.Requireable<string>;
-        right: PropTypes.Requireable<string>;
-    }>>;
-    labelModeEnabled: PropTypes.Requireable<boolean>;
-    coordinatesOnHover: PropTypes.Requireable<boolean>;
-    marks: PropTypes.Requireable<any[]>;
-    onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
-    onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
-    onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
-    range: PropTypes.Requireable<PropTypes.InferProps<{
-        min: PropTypes.Validator<number>;
-        max: PropTypes.Validator<number>;
-        step: PropTypes.Requireable<number>;
-    }>>;
-    size: PropTypes.Requireable<PropTypes.InferProps<{
-        width: PropTypes.Validator<number>;
-        height: PropTypes.Validator<number>;
-    }>>;
-    showLabels: PropTypes.Requireable<boolean>;
-    showPixelGuides: PropTypes.Requireable<boolean>;
-    showTitle: PropTypes.Requireable<boolean>;
-    title: PropTypes.Requireable<string>;
-    tools: PropTypes.Requireable<any[]>;
-};
-export declare const removeBuildingToolIfCurrentToolDiffers: ({ marks, currentTool }: {
-    marks: any;
-    currentTool: any;
-}) => any;
-export declare class Graph extends React.Component {
-    constructor(props: any);
-    static propTypes: {
-        currentTool: PropTypes.Requireable<object>;
-        axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            includeArrows: PropTypes.Requireable<object>;
-            graphProps: PropTypes.Requireable<object>;
-        }>>;
-        backgroundMarks: PropTypes.Requireable<any[]>;
-        className: PropTypes.Requireable<string>;
-        collapsibleToolbar: PropTypes.Requireable<boolean>;
-        collapsibleToolbarTitle: PropTypes.Requireable<string>;
-        disabledLabels: PropTypes.Requireable<boolean>;
-        disabledTitle: PropTypes.Requireable<boolean>;
-        domain: PropTypes.Requireable<PropTypes.InferProps<{
-            min: PropTypes.Validator<number>;
-            max: PropTypes.Validator<number>;
-            step: PropTypes.Requireable<number>;
-        }>>;
-        labels: PropTypes.Requireable<PropTypes.InferProps<{
-            left: PropTypes.Requireable<string>;
-            top: PropTypes.Requireable<string>;
-            bottom: PropTypes.Requireable<string>;
-            right: PropTypes.Requireable<string>;
-        }>>;
-        labelModeEnabled: PropTypes.Requireable<boolean>;
-        coordinatesOnHover: PropTypes.Requireable<boolean>;
-        marks: PropTypes.Requireable<any[]>;
-        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
-        range: PropTypes.Requireable<PropTypes.InferProps<{
-            min: PropTypes.Validator<number>;
-            max: PropTypes.Validator<number>;
-            step: PropTypes.Requireable<number>;
-        }>>;
-        size: PropTypes.Requireable<PropTypes.InferProps<{
-            width: PropTypes.Validator<number>;
-            height: PropTypes.Validator<number>;
-        }>>;
-        showLabels: PropTypes.Requireable<boolean>;
-        showPixelGuides: PropTypes.Requireable<boolean>;
-        showTitle: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string>;
-        tools: PropTypes.Requireable<any[]>;
-    };
-    static defaultProps: {
-        onChangeMarks: () => void;
-        disabledLabels: boolean;
-        disabledTitle: boolean;
-    };
-    state: {};
-    generateMaskId(): string;
-    componentDidMount: () => void;
-    changeMark: any;
-    completeMark: any;
-    updateMarks: any;
-    getComponent: any;
-    onBgClick: any;
-    render(): React.JSX.Element;
-}
-export default Graph;

package/dist/graph.js

@@ -1,221 +0,0 @@
-import { areArraysOfObjectsEqual as e, isDuplicatedMark as t } from "./utils.js";
-import n, { AxisPropTypes as r } from "./axis/axes.js";
-import i from "./grid.js";
-import { LabelType as a } from "./labels.js";
-import o from "./bg.js";
-import s from "react";
-import c from "prop-types";
-import { cloneDeep as l, isEqual as u } from "lodash-es";
-import { Root as d, createGraphProps as f, types as p } from "@pie-lib/plot";
-import m from "debug";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/graph.tsx
-var _ = m("pie-lib:graphing-solution-set:graph"), v = {
-	axesSettings: c.shape(r),
-	backgroundMarks: c.array,
-	className: c.string,
-	collapsibleToolbar: c.bool,
-	collapsibleToolbarTitle: c.string,
-	disabledLabels: c.bool,
-	disabledTitle: c.bool,
-	domain: p.DomainType,
-	labels: c.shape(a),
-	labelModeEnabled: c.bool,
-	coordinatesOnHover: c.bool,
-	marks: c.array,
-	onChangeLabels: c.func,
-	onChangeMarks: c.func,
-	onChangeTitle: c.func,
-	range: p.DomainType,
-	size: c.shape({
-		width: c.number.isRequired,
-		height: c.number.isRequired
-	}),
-	showLabels: c.bool,
-	showPixelGuides: c.bool,
-	showTitle: c.bool,
-	title: c.string,
-	tools: c.array
-}, y = (e) => ({
-	x: -23,
-	y: -23,
-	width: e.width + 46,
-	height: e.height + 46
-}), b = ({ marks: e, currentTool: t }) => {
-	let n = e.filter((e) => e.building)[0], r = l(e);
-	if (n && t && n.type !== t.type) {
-		let e = r.findIndex((e) => u(e, n));
-		e >= 0 && r.splice(e, 1);
-	}
-	return r;
-}, x = class extends s.Component {
-	constructor(e) {
-		super(e), this.maskUid = this.generateMaskId();
-	}
-	static propTypes = {
-		...v,
-		currentTool: c.object
-	};
-	static defaultProps = {
-		onChangeMarks: () => {},
-		disabledLabels: !1,
-		disabledTitle: !1
-	};
-	state = {};
-	generateMaskId() {
-		return "graph-" + (Math.random() * 1e4).toFixed();
-	}
-	componentDidMount = () => this.setState({ labelNode: this.labelNode });
-	changeMark = (e, n) => {
-		let { onChangeMarks: r, marks: i, gssLineData: a } = this.props;
-		if (a?.selectedTool === "solutionSet") return;
-		let o = l(i), s = o.findIndex((t) => u(t, e));
-		s >= 0 && !t(n, i, e) && (o.splice(s, 1, n), r(o));
-	};
-	completeMark = (e) => {
-		let { currentTool: t, marks: n } = this.props, r = n.filter((e) => e.building)[0];
-		if (!r || !t) return;
-		let i = t.complete(r, e);
-		this.updateMarks(r, i);
-	};
-	updateMarks = (e, n, r = !1) => {
-		let { onChangeMarks: i, marks: a } = this.props, o = l(a);
-		if (!n || !n.building && t(n, a)) return;
-		let s = o.findIndex((t) => u(t, e));
-		s >= 0 ? (o.splice(s, 1, n), i(o)) : r && i([...o, n]);
-	};
-	getComponent = (e) => {
-		if (!e) return null;
-		let t = (this.props.tools || []).find((t) => t.type === e.type);
-		return t && t.Component || null;
-	};
-	onBgClick = (e) => {
-		let { x: t, y: n } = e || {}, { labelModeEnabled: r, currentTool: i, marks: a, gssLineData: o, onSolutionSetSelected: s } = this.props;
-		if (o) {
-			if (o.selectedTool === "solutionSet") {
-				s(e);
-				return;
-			}
-			if (o.numberOfLines === 1 && o.selectedTool === "lineA" && a.length === 1 && !a[0].building || o.numberOfLines === 2 && o.selectedTool === "lineA" && a.length === 2 || o.numberOfLines === 2 && o.selectedTool === "lineA" && a.length === 1 && !a[0].building || o.numberOfLines === 2 && o.selectedTool === "lineB" && a.length === 2 && !a[1].building) return;
-		}
-		if (r || !i || [null, void 0].includes(t) || [null, void 0].includes(n)) return;
-		_("[onBgClick] x,y: ", t, n);
-		let c = a.filter((e) => e.building)[0], l;
-		l = c && i && c.type === i.type ? i.addPoint({
-			x: t,
-			y: n
-		}, { ...c }) : i.addPoint({
-			x: t,
-			y: n
-		}, void 0), this.updateMarks(c, l, !0);
-	};
-	render() {
-		let { axesSettings: t, currentTool: r, coordinatesOnHover: a, size: s, disabledLabels: c, disabledTitle: l, domain: u, backgroundMarks: p, range: m, title: _, labels: v, labelModeEnabled: x, labelsPlaceholders: S, showLabels: C, showPixelGuides: w, showTitle: T, titlePlaceholder: E, onChangeLabels: D, onChangeTitle: O, mathMlOptions: k = {}, gssLineData: A, disabled: j } = this.props, { marks: M } = this.props, N = f(u, m, s, () => this.rootNode), P = y(s), F = {
-			graphProps: N,
-			labelModeEnabled: x,
-			gssLineData: A
-		};
-		M = b({
-			marks: M || [],
-			currentTool: r
-		});
-		let I = M.filter((e) => e.type === "polygon");
-		A && A.selectedTool === "solutionSet" && A.sections.forEach((t) => {
-			if (I.length === 0 || !e(t, I[0].points)) {
-				let e = {
-					type: "polygon",
-					building: !1,
-					closed: !0,
-					points: t,
-					isSolution: !1
-				};
-				j || M.push(e);
-			}
-		});
-		let L = [];
-		return L.push(...M.filter((e) => e.type === "polygon")), L.push(...M.filter((e) => e.type === "line")), /* @__PURE__ */ h(d, {
-			rootRef: (e) => this.rootNode = e,
-			disabledTitle: l,
-			disabledLabels: c,
-			labels: v,
-			labelsPlaceholders: S || {},
-			showPixelGuides: w,
-			showLabels: C,
-			showTitle: T,
-			title: _,
-			titlePlaceholder: E,
-			onChangeTitle: O,
-			onChangeLabels: D,
-			mathMlOptions: k,
-			...F,
-			children: /* @__PURE__ */ g("g", {
-				transform: u && u.padding && u.range ? `translate(${u.padding}, ${m.padding})` : void 0,
-				children: [
-					/* @__PURE__ */ h(i, { ...F }),
-					/* @__PURE__ */ h(n, {
-						...t,
-						...F
-					}),
-					/* @__PURE__ */ h(o, {
-						...s,
-						onClick: this.onBgClick,
-						...F
-					}),
-					/* @__PURE__ */ g("mask", {
-						id: `${this.maskUid}`,
-						children: [/* @__PURE__ */ h("rect", {
-							...P,
-							fill: "white"
-						}), " "]
-					}),
-					/* @__PURE__ */ g("g", {
-						id: "marks",
-						mask: `url('#${this.maskUid}')`,
-						children: [
-							(p || []).map((e, t) => {
-								let n = this.getComponent(e), r = e.type;
-								return /* @__PURE__ */ h(n, {
-									mark: {
-										...e,
-										disabled: !0,
-										isBackground: !0
-									},
-									labelNode: this.state.labelNode,
-									onClick: this.onBgClick,
-									...F
-								}, `${r}-${t}-bg`);
-							}),
-							L.map((e, t) => {
-								let n = this.getComponent(e), i = e.type;
-								return /* @__PURE__ */ h(n, {
-									mark: e,
-									coordinatesOnHover: a,
-									onChange: this.changeMark,
-									onComplete: this.completeMark,
-									onClick: this.onBgClick,
-									onDragStart: this.startDrag,
-									onDragStop: this.stopDrag,
-									labelNode: this.state.labelNode,
-									isToolActive: r && i === r.type,
-									...F
-								}, `${i}-${t}`);
-							}),
-							/* @__PURE__ */ h("foreignObject", {
-								ref: (e) => this.labelNode = e,
-								x: "0",
-								y: "0",
-								...s,
-								style: {
-									pointerEvents: "none",
-									fontSize: "14px"
-								}
-							})
-						]
-					})
-				]
-			})
-		});
-	}
-};
-//#endregion
-export { x as default, v as graphPropTypes };

package/dist/grid-setup.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing-solution-set/src/grid-setup.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-declare const GridSetup: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        domain: PropTypes.Requireable<object>;
-        displayedFields: PropTypes.Requireable<object>;
-        gridValues: PropTypes.Requireable<object>;
-        includeAxes: PropTypes.Requireable<boolean>;
-        labelValues: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeView: PropTypes.Requireable<(...args: any[]) => any>;
-        range: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<object>;
-        sizeConstraints: PropTypes.Requireable<object>;
-        standardGrid: PropTypes.Requireable<boolean>;
-    };
-};
-export default GridSetup;