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

package/dist/tools/polygon/polygon.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/polygon/polygon.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 getPointString: (points: any, scale: any) => any;
+export declare class RawPolygon extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        isSolution: PropTypes.Requireable<boolean>;
+        points: PropTypes.Requireable<(PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        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>;
+            }>>>;
+        }>>>;
+        closed: PropTypes.Validator<boolean>;
+        correctness: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        points: never[];
+    };
+    render(): React.JSX.Element;
+}
+export declare const Polygon: typeof RawPolygon;
+declare const _default: {
+    new (props: any): {
+        grid: any;
+        onStart: any;
+        position: any;
+        tiny: any;
+        getScaledBounds: any;
+        getClientPoint: any;
+        skipDragOutsideOfBounds: any;
+        onDrag: any;
+        getDelta: any;
+        applyDelta: any;
+        onStop: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDrag: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMove: PropTypes.Requireable<(...args: any[]) => any>;
+        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>;
+            }>>>;
+        }>>>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/tools/polygon/polygon.js

@@ -0,0 +1,62 @@
+import { bounds as e, point as t, polygonToArea as n } from "../../utils.js";
+import { correct as r, incorrect as i } from "../shared/styles.js";
+import a from "react";
+import o from "prop-types";
+import { gridDraggable as s, types as c } from "@pie-lib/plot";
+import { jsx as l } from "react/jsx-runtime";
+import { styled as u } from "@mui/material/styles";
+//#region src/tools/polygon/polygon.tsx
+var d = u("polygon", { shouldForwardProp: (e) => !["isSolution", "correctness"].includes(e) })(({ isSolution: e, correctness: t }) => ({
+	fill: e ? "rgb(60, 73, 150, 0.6)" : "transparent",
+	strokeWidth: 2,
+	"&:hover": { fill: e ? "rgb(60, 73, 150, 0.6)" : "rgb(0, 0, 0, 0.25)" },
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && i("stroke")
+})), f = u("polyline", { shouldForwardProp: (e) => !["isSolution", "correctness"].includes(e) })(({ isSolution: e, correctness: t }) => ({
+	fill: e ? "rgb(60, 73, 150, 0.6)" : "transparent",
+	strokeWidth: 2,
+	"&:hover": { fill: e ? "rgb(60, 73, 150, 0.6)" : "rgb(0, 0, 0, 0.25)" },
+	...t === "correct" && r("stroke"),
+	...t === "incorrect" && i("stroke")
+})), p = (e, t) => (e || []).map((e) => {
+	let n = {
+		x: t.x(e.x),
+		y: t.y(e.y)
+	};
+	return `${n.x},${n.y}`;
+}).join(" "), m = class extends a.Component {
+	static propTypes = {
+		className: o.string,
+		isSolution: o.bool,
+		points: o.arrayOf(c.PointType),
+		graphProps: c.GraphPropsType.isRequired,
+		closed: o.bool.isRequired,
+		correctness: o.string
+	};
+	static defaultProps = { points: [] };
+	render() {
+		let { points: e, className: t, correctness: n, graphProps: r, closed: i, isSolution: a, ...o } = this.props, { scale: s } = r, c = p(e, s);
+		return /* @__PURE__ */ l(i ? d : f, {
+			points: c,
+			isSolution: a,
+			correctness: n,
+			className: t,
+			...o
+		});
+	}
+}, h = m, g = s({
+	bounds: (t, { domain: r, range: i }) => {
+		let { points: a } = t;
+		return e(n(a), r, i);
+	},
+	anchorPoint: (e) => {
+		let { points: t } = e;
+		return t[0];
+	},
+	fromDelta: (e, n) => {
+		let { points: r } = e;
+		return r.map((e) => t(e).add(t(n)));
+	}
+})(h);
+//#endregion
+export { h as Polygon, m as RawPolygon, g as default, p as getPointString };

package/dist/tools/shared/arrow-head.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/arrow-head.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 ArrowHead: {
+    ({ size, transform, points }: {
+        size: any;
+        transform: any;
+        points: any;
+    }): React.JSX.Element;
+    propTypes: {
+        points: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        transform: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        points: string;
+        size: number;
+        transform: string;
+    };
+};
+export declare const genUid: () => string;
+export declare const ArrowMarker: {
+    ({ id, size, className }: {
+        id: any;
+        size: any;
+        className: any;
+    }): React.JSX.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        size: number;
+    };
+};

package/dist/tools/shared/arrow-head.js

@@ -0,0 +1,37 @@
+import "react";
+import e from "prop-types";
+import { jsx as t } from "react/jsx-runtime";
+import { color as n } from "@pie-lib/render-ui";
+//#region src/tools/shared/arrow-head.tsx
+var r = ({ size: e, transform: n, points: r }) => /* @__PURE__ */ t("polygon", {
+	points: r || `0,0 ${e},${e / 2} 0,${e}`,
+	transform: n
+});
+r.propTypes = {
+	points: e.string,
+	size: e.number,
+	transform: e.string
+}, r.defaultProps = {
+	points: "",
+	size: 10,
+	transform: ""
+};
+var i = () => `arrow-${(Math.random() * 1e3).toFixed(0)}`, a = ({ id: e, size: i, className: a }) => /* @__PURE__ */ t("marker", {
+	id: e,
+	viewBox: `0 0 ${i} ${i}`,
+	refX: i / 2,
+	refY: i / 2,
+	markerWidth: i,
+	markerHeight: i,
+	orient: "auto-start-reverse",
+	className: a,
+	style: { fill: n.defaults.BLACK },
+	children: /* @__PURE__ */ t(r, { size: i })
+});
+a.propTypes = {
+	id: e.string,
+	size: e.number,
+	className: e.string
+}, a.defaultProps = { size: 5 };
+//#endregion
+export { r as ArrowHead, a as ArrowMarker, i as genUid };

package/dist/tools/shared/line/index.d.ts

@@ -0,0 +1,240 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/line/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';
+export declare const lineTool: (type: any, Component: any) => () => {
+    type: any;
+    Component: any;
+    addPoint: (point: any, mark: any) => any;
+};
+export declare const lineToolComponent: (Component: any) => {
+    new (props: any): {
+        startDrag: () => void;
+        stopDrag: any;
+        changeMark: any;
+        changeMarkProps: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        mark: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const lineBase: (Comp: any, opts: any) => {
+    new (props: {}): {
+        onChangePoint: any;
+        dragComp: ({ from: draggedFrom, to: draggedTo }: {
+            from: any;
+            to: any;
+        }) => void;
+        dragFrom: any;
+        dragTo: any;
+        labelChange: any;
+        clickPoint: any;
+        input: {};
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {}, context: any): {
+        onChangePoint: any;
+        dragComp: ({ from: draggedFrom, to: draggedTo }: {
+            from: any;
+            to: any;
+        }) => void;
+        dragFrom: any;
+        dragTo: any;
+        labelChange: any;
+        clickPoint: any;
+        input: {};
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        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>;
+            }>>>;
+        }>>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        middle: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        correctness: PropTypes.Requireable<string>;
+        fill: PropTypes.Requireable<string>;
+        gssLineData: PropTypes.Requireable<object>;
+        disabled: PropTypes.Requireable<boolean>;
+        labelNode: PropTypes.Requireable<object>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const styles: {
+    line: () => {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        transition: string;
+        '&:hover': {
+            strokeWidth: number;
+            stroke: string;
+        };
+    };
+    dashedLine: () => {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        transition: string;
+        '&:hover': {
+            strokeWidth: number;
+            stroke: string;
+        };
+        strokeDasharray: string;
+    };
+    arrow: () => {
+        fill: "#f50057";
+    };
+    disabledArrow: () => {
+        [x: string]: string;
+        pointerEvents: string;
+    };
+    disabled: () => {
+        strokeWidth: number;
+        pointerEvents: string;
+    };
+    correct: (theme: any, key: any) => {
+        [x: string]: any;
+        pointerEvents: string;
+    };
+    incorrect: (theme: any, key: any) => {
+        [x: string]: any;
+        pointerEvents: string;
+    };
+    missing: (theme: any, key: any) => {
+        [x: string]: any;
+        pointerEvents: string;
+    };
+};