@pie-lib/graphing 4.0.5-next.31 → 4.0.5-next.34

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

@@ -1,88 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/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;
-} | {
-    toolbar: boolean;
-    type: string;
-})[];
-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[]>;
-        limitLabeling: PropTypes.Requireable<boolean>;
-    };
-    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;
-    render(): React.JSX.Element;
-}
-export default GraphWithControls;

package/dist/graph-with-controls.js

@@ -1,154 +0,0 @@
-import e, { graphPropTypes as t } from "./graph.js";
-import { allTools as n, toolsArr as r } from "./tools/index.js";
-import i from "./tool-menu.js";
-import a from "./undo-redo.js";
-import o from "react";
-import s from "prop-types";
-import { isString as c, uniq as l } from "@pie-element/shared-lodash";
-import { styled as u } from "@mui/material/styles";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { color as p } from "@pie-lib/render-ui";
-import { Accordion as m, AccordionDetails as h, AccordionSummary as g, Typography as _ } from "@mui/material";
-import v from "@mui/icons-material/ExpandMore";
-//#region src/graph-with-controls.tsx
-var y = u("div")({
-	display: "flex",
-	flexDirection: "column",
-	width: "min-content"
-}), b = u("div")(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	padding: e.spacing(1),
-	color: p.text(),
-	backgroundColor: p.primaryLight(),
-	"& button": { fontSize: e.typography.fontSize }
-})), x = u(m)({
-	backgroundColor: p.primaryLight(),
-	width: "100%"
-}), S = u(g)(({ theme: e }) => ({
-	padding: `0 ${e.spacing(1)}`,
-	minHeight: "32px !important",
-	"& .MuiAccordionSummary-content": { margin: "4px 0 !important" }
-})), C = u(h)(({ theme: e }) => ({
-	padding: 0,
-	marginTop: e.spacing(1),
-	display: "flex",
-	justifyContent: "space-between"
-})), w = (e) => r.map((t) => ({
-	...t,
-	toolbar: !!e.find((e) => e === t.type)
-})) || [], T = (e, t) => t && e && (e.find((e) => e.type === t.type) || {}).toolbar, E = (e) => e.find((e) => e.toolbar), D = (e) => e.filter((e) => !!n.find((t) => t === e.type)), O = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), k = (e) => r.find((t) => t.type === e) || null, A = ({ children: e, title: t }) => /* @__PURE__ */ f(x, {
-	elevation: 0,
-	disableGutters: !0,
-	square: !0,
-	TransitionProps: { timeout: {
-		enter: 225,
-		exit: 195
-	} },
-	children: [/* @__PURE__ */ d(S, {
-		expandIcon: /* @__PURE__ */ d(v, {}),
-		children: /* @__PURE__ */ d(_, {
-			variant: "subheading",
-			children: t
-		})
-	}), /* @__PURE__ */ d(C, { children: e })]
-});
-A.propTypes = {
-	children: s.array,
-	title: s.string
-};
-var j = 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: k(e.defaultTool),
-			labelModeEnabled: !1
-		};
-	}
-	componentDidUpdate(e) {
-		let { defaultTool: t } = this.props;
-		if (e.defaultTool !== t) {
-			let e = k(t);
-			this.setState({ currentTool: e });
-		}
-	}
-	changeCurrentTool = (e, t) => this.setState({
-		currentTool: t.find((t) => t.type === e),
-		labelModeEnabled: e === "label"
-	});
-	render() {
-		let { currentTool: t, labelModeEnabled: n } = this.state, { axesSettings: r, className: s, coordinatesOnHover: u, collapsibleToolbar: p, collapsibleToolbarTitle: m, disabled: h, disabledLabels: g, disabledTitle: _, domain: v, draggableTools: x, labels: S, labelsPlaceholders: C, onChangeLabels: k, onChangeMarks: j, onChangeTitle: M, onChangeTools: N, onUndo: P, onRedo: F, onReset: I, range: L, size: R, showLabels: z, showPixelGuides: B, showTitle: V, title: H, titlePlaceholder: U, language: W, removeIncompleteTool: G, limitLabeling: K } = this.props, { backgroundMarks: q, marks: J, toolbarTools: Y } = this.props;
-		Y = l(Y || []).filter((e) => !!c(e)) || [], q = D(q || []), J = O(Y, J || []);
-		let X = w(Y);
-		(!t || !T(X, t)) && (t = E(X));
-		let Z = /* @__PURE__ */ f(o.Fragment, { children: [/* @__PURE__ */ d(i, {
-			currentToolType: t && t.type,
-			disabled: !!h,
-			draggableTools: x,
-			labelModeEnabled: n,
-			onChange: (e) => this.changeCurrentTool(e, X),
-			toolbarTools: Y,
-			onChangeTools: N,
-			language: W
-		}), !h && /* @__PURE__ */ d(a, {
-			onUndo: P,
-			onRedo: F,
-			onReset: I,
-			language: W
-		})] });
-		return /* @__PURE__ */ f(y, {
-			className: s,
-			children: [
-				/* @__PURE__ */ d(b, { children: p ? /* @__PURE__ */ d(A, {
-					title: m,
-					children: Z
-				}) : Z }),
-				/* @__PURE__ */ d("div", { ref: (e) => this.labelNode = e }),
-				/* @__PURE__ */ d(e, {
-					axesSettings: r,
-					backgroundMarks: q,
-					coordinatesOnHover: u,
-					currentTool: t,
-					disabledLabels: g,
-					disabledTitle: _,
-					domain: v,
-					labels: S,
-					labelModeEnabled: n,
-					labelsPlaceholders: C,
-					marks: J,
-					onChangeMarks: h ? void 0 : j,
-					onChangeLabels: k,
-					onChangeTitle: M,
-					range: L,
-					size: R,
-					showLabels: z,
-					showPixelGuides: B,
-					showTitle: V,
-					title: H,
-					titlePlaceholder: U,
-					tools: X,
-					removeIncompleteTool: G,
-					limitLabeling: K
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { j as default };

package/dist/graph.d.ts

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

package/dist/grid-setup.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-lib/packages/graphing/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;