@pie-lib/graphing-solution-set 4.1.0-beta.9 → 5.0.0-next.36

package/dist/container/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/container/index.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';
+import GraphWithControls from '../graph-with-controls.js';
+export declare const GraphContainer: import("react-redux").ConnectedComponent<React.ComponentType<import("react-redux").Matching<{
+    marks: any;
+} & {
+    onChangeMarks: (m: any) => any;
+    onUndo: () => any;
+    onRedo: () => any;
+    onReset: () => any;
+}, React.ClassAttributes<GraphWithControls>>>, {
+    ref?: React.LegacyRef<GraphWithControls> | undefined;
+    key?: React.Key | null | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+} | {
+    ref?: ((string | ((instance: React.Component<import("react-redux").Matching<{
+        marks: any;
+    } & {
+        onChangeMarks: (m: any) => any;
+        onUndo: () => any;
+        onRedo: () => any;
+        onReset: () => any;
+    }, React.ClassAttributes<GraphWithControls>>, any, any> | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<React.Component<import("react-redux").Matching<{
+        marks: any;
+    } & {
+        onChangeMarks: (m: any) => any;
+        onUndo: () => any;
+        onRedo: () => any;
+        onReset: () => any;
+    }, React.ClassAttributes<GraphWithControls>>, any, any>>) & (string | ((instance: GraphWithControls | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<GraphWithControls>)) | null | undefined;
+    key?: React.Key | null | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+/**
+ * The graph component entry point with undo/redo
+ * Redux is an implementation detail, hide it in the react component.
+ */
+declare class Root extends React.Component {
+    static propTypes: {
+        onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
+        marks: PropTypes.Requireable<any[]>;
+    };
+    constructor(props: any);
+    componentDidUpdate(prevProps: any): void;
+    onStoreChange: any;
+    render(): React.JSX.Element;
+}
+export default Root;

package/dist/container/index.js

@@ -0,0 +1,48 @@
+import { applyMiddleware as e, createStore as t } from "../node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.js";
+import { ActionCreators as n } from "../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js";
+import r from "./reducer.js";
+import { changeMarks as i } from "./actions.js";
+import { GraphWithControls as a } from "../graph-with-controls.js";
+import { getLastAction as o, lastActionMiddleware as s } from "./middleware.js";
+import c from "react";
+import l from "prop-types";
+import { isEqual as u } from "@pie-element/shared-lodash";
+import { jsx as d } from "react/jsx-runtime";
+import { Provider as f, connect as p } from "react-redux";
+var m = p((e) => ({ marks: e.marks.present }), (e) => ({
+	onChangeMarks: (t) => e(i(t)),
+	onUndo: () => e(n.undo()),
+	onRedo: () => e(n.redo()),
+	onReset: () => e(i([]))
+}))(a), h = class extends c.Component {
+	static propTypes = {
+		onChangeMarks: l.func,
+		marks: l.array
+	};
+	constructor(n) {
+		super(n);
+		let i = r();
+		this.store = t(i, { marks: n.marks }, e(s)), this.store.subscribe(this.onStoreChange);
+	}
+	componentDidUpdate(e) {
+		let { marks: t } = this.props;
+		u(this.store.getState().marks.present, t) || u(e.marks, t) || t && t.find((e) => e.correctness) || this.store.dispatch(i(t));
+	}
+	onStoreChange = () => {
+		let { marks: e, onChangeMarks: t } = this.props, n = this.store.getState(), r = o(), i = r.type.includes("UNDO") || r.type.includes("REDO");
+		u(n.marks.present, e) || t(n.marks.present, i);
+	};
+	render() {
+		let { onChangeMarks: e, marks: t, ...n } = this.props, r = t && t.find((e) => e.correctness);
+		return r ? /* @__PURE__ */ d(a, {
+			...n,
+			marks: t,
+			disabled: r
+		}) : /* @__PURE__ */ d(f, {
+			store: this.store,
+			children: /* @__PURE__ */ d(m, { ...n })
+		});
+	}
+};
+//#endregion
+export { m as GraphContainer, h as default };

package/dist/container/marks.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/container/marks.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.
+ */
+declare const marks: (state: never[] | undefined, action: any) => any;
+export default marks;

package/dist/container/marks.js

@@ -0,0 +1,11 @@
+//#region src/container/marks.ts
+var e = (e = [], t) => {
+	switch (t.type) {
+		case "CHANGE_MARKS":
+			if (Array.isArray(t.marks)) return t.marks;
+			throw Error("marks must be an array");
+		default: return e;
+	}
+};
+//#endregion
+export { e as default };

package/dist/container/middleware.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/container/middleware.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.
+ */
+export declare const getLastAction: () => any;
+export declare const lastActionMiddleware: () => (next: any) => (action: any) => any;

package/dist/container/middleware.js

@@ -0,0 +1,4 @@
+//#region src/container/middleware.ts
+var e = null, t = () => e, n = () => (t) => (n) => (e = n, t(n));
+//#endregion
+export { t as getLastAction, n as lastActionMiddleware };

package/dist/container/reducer.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/container/reducer.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.
+ */
+declare const _default: () => import("redux").Reducer<{
+    marks: import("redux-undo").StateWithHistory<never[]>;
+}, import("redux").UnknownAction, Partial<{
+    marks: import("redux-undo").StateWithHistory<never[]> | undefined;
+}>>;
+export default _default;

package/dist/container/reducer.js

@@ -0,0 +1,7 @@
+import { combineReducers as e } from "../node_modules/.bun/redux@5.0.1/node_modules/redux/dist/redux.js";
+import t from "./marks.js";
+import n from "../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js";
+//#region src/container/reducer.ts
+var r = () => e({ marks: n(t, { debug: !1 }) });
+//#endregion
+export { r as default };

package/dist/coordinates-label.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/coordinates-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 getLabelPosition: (graphProps: any, x: any, y: any, labelLength: any) => {
+    left: any;
+    top: number;
+};
+export declare const CoordinatesLabel: {
+    ({ x, y, graphProps }: {
+        x: any;
+        y: any;
+        graphProps: any;
+    }): React.JSX.Element;
+    propTypes: {
+        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>;
+            }>>>;
+        }>>;
+        x: PropTypes.Requireable<number>;
+        y: PropTypes.Requireable<number>;
+    };
+};
+export default CoordinatesLabel;

package/dist/coordinates-label.js

@@ -0,0 +1,46 @@
+import { roundNumber as e } from "./utils.js";
+import "react";
+import t from "prop-types";
+import { types as n } from "@pie-lib/plot";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
+import { color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/InputBase";
+//#region src/coordinates-label.tsx
+var s = i(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: i }) => {
+	let a = `(${e(t)}, ${e(n)})`, o = (a.length || 0) * 6;
+	return /* @__PURE__ */ r(s, {
+		style: {
+			position: "absolute",
+			pointerEvents: "auto",
+			width: o,
+			padding: 0,
+			...c(i, t, n, o)
+		},
+		value: a,
+		inputProps: { ariaLabel: "naked" }
+	});
+};
+l.propTypes = {
+	graphProps: n.GraphPropsType,
+	x: t.number,
+	y: t.number
+};
+//#endregion
+export { l as CoordinatesLabel, l as default, c as getLabelPosition };

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

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

@@ -0,0 +1,155 @@
+import { clsx as e } from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { Graph as t, graphPropTypes as n } from "./graph.js";
+import { ToolMenu as r } from "./tool-menu.js";
+import { UndoRedo as i } from "./undo-redo.js";
+import { allTools as a, toolsArr as o } from "./tools/index.js";
+import s from "react";
+import c from "prop-types";
+import { isString as l, uniq as u } from "@pie-element/shared-lodash";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { styled as m } from "@mui/material/styles";
+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) => o.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) => !!a.find((t) => t === e.type)), T = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), E = (e) => o.find((t) => t.type === e) || null, D = m("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	width: "min-content"
+})), O = m("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 = m(g)(() => ({
+	backgroundColor: h.primaryLight(),
+	width: "100%",
+	boxShadow: "none"
+})), A = m(v)(({ theme: e }) => ({
+	padding: `0 ${e.spacing(1)}`,
+	minHeight: "32px !important",
+	"& .MuiAccordionSummary-content": { margin: "4px 0 !important" }
+})), j = m(_)(({ theme: e }) => ({
+	padding: 0,
+	marginTop: e.spacing(1),
+	display: "flex",
+	justifyContent: "space-between"
+})), M = m("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	marginTop: ".5rem"
+})), N = ({ children: e, title: t }) => /* @__PURE__ */ p(k, {
+	square: !0,
+	disableGutters: !0,
+	children: [/* @__PURE__ */ f(A, {
+		expandIcon: /* @__PURE__ */ f(b, {}),
+		children: /* @__PURE__ */ f(y, {
+			variant: "subtitle1",
+			children: t
+		})
+	}), /* @__PURE__ */ f(j, { children: e })]
+});
+N.propTypes = {
+	children: c.node,
+	title: c.string
+};
+var P = class extends s.Component {
+	static propTypes = {
+		...n,
+		onUndo: c.func,
+		onRedo: c.func,
+		onReset: c.func,
+		toolbarTools: c.arrayOf(c.string),
+		language: c.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: n, labelModeEnabled: a } = this.state, { axesSettings: o, className: s, coordinatesOnHover: c, collapsibleToolbar: m, 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 = u(Z || []).filter((e) => !!l(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);
+		(!n || !S(Q, n)) && (n = C(Q));
+		let $ = G && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
+			numberOfLines: G.numberOfLines,
+			gssLineData: G,
+			onChange: K,
+			disabled: !!g,
+			language: U
+		}), !g && /* @__PURE__ */ f(M, { children: /* @__PURE__ */ f(i, {
+			onUndo: P,
+			onRedo: F,
+			onReset: J,
+			language: U
+		}) })] });
+		return /* @__PURE__ */ p(D, {
+			className: e(s),
+			children: [
+				!W && /* @__PURE__ */ f(O, { children: m ? /* @__PURE__ */ f(N, {
+					title: h,
+					children: $
+				}) : $ }),
+				/* @__PURE__ */ f("div", { ref: (e) => this.labelNode = e }),
+				/* @__PURE__ */ f(t, {
+					axesSettings: o,
+					backgroundMarks: Y,
+					coordinatesOnHover: c,
+					currentTool: n,
+					disabledLabels: _,
+					disabledTitle: v,
+					domain: y,
+					labels: b,
+					labelModeEnabled: a,
+					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 GraphWithControls, P as default, w as filterByValidToolTypes, T as filterByVisibleToolTypes, C as getAvailableTool, x as setToolbarAvailability, S as toolIsAvailable };

package/dist/graph.d.ts

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