@pie-lib/graphing-solution-set 4.0.4-next.3 → 4.0.4-next.30

package/dist/tools/shared/line/with-root-edge.d.ts

@@ -0,0 +1,143 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/line/with-root-edge.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 rootEdgeToFromToWrapper: (BaseComp: any) => {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+    };
+};
+export declare const rootEdgeComponent: (RootEdgeComp: any) => {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+    };
+};
+export declare const withRootEdge: (getPoints: 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;
+};

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

@@ -0,0 +1,57 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/point/arrow-point.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class RawArrow extends React.Component {
+    static propTypes: {
+        classes: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Requireable<number>;
+        y: PropTypes.Requireable<number>;
+        from: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>;
+        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>;
+            }>>>;
+        }>>>;
+    };
+    static defaultProps: {
+        from: {};
+        to: {};
+    };
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,47 @@
+import { arrowDimensions as e, getAngleDeg as t } from "../../../utils.js";
+import n from "../../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import r from "react";
+import i from "prop-types";
+import { isEqual as a } from "@pie-element/shared-lodash";
+import { types as o } from "@pie-lib/plot";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow-point.tsx
+var c = class extends r.Component {
+	static propTypes = {
+		classes: i.object,
+		className: i.string,
+		correctness: i.string,
+		disabled: i.bool,
+		x: i.number,
+		y: i.number,
+		from: i.shape({
+			x: i.number,
+			y: i.number
+		}).isRequired,
+		to: i.shape({
+			x: i.number,
+			y: i.number
+		}),
+		graphProps: o.GraphPropsType.isRequired
+	};
+	static defaultProps = {
+		from: {},
+		to: {}
+	};
+	render() {
+		let { classes: r, className: i, x: o, y: c, disabled: l, correctness: u, graphProps: d, from: f, to: p, ...m } = this.props, { scale: h } = d, g = t(f.x, f.y, p.x, p.y), _ = "";
+		return _ = a(f, p) ? "0,0 0,0 0,0" : `0,0 ${e.vector},${e.vector * 2} 
+      -${e.vector},${e.vector * 2}`, /* @__PURE__ */ s("g", {
+			className: n(r.point, l && r.disabled, r[u], i),
+			...m,
+			children: /* @__PURE__ */ s("polygon", {
+				points: _,
+				transform: `
+          translate(${h.x(o)}, ${h.y(c)})
+          rotate(${g} 0 0)`
+			})
+		});
+	}
+};
+//#endregion
+export { c as RawArrow };

package/dist/tools/shared/point/arrow.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/point/arrow.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 default class Arrow extends React.Component {
+    static propTypes: {
+        classes: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        angle: PropTypes.Validator<number>;
+        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>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/arrow.js

@@ -0,0 +1,36 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import t from "../../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { ArrowHead as n } from "../arrow-head.js";
+import r from "react";
+import i from "prop-types";
+import { types as a } from "@pie-lib/plot";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow.tsx
+var s = class extends r.Component {
+	static propTypes = {
+		classes: i.object,
+		className: i.string,
+		correctness: i.string,
+		disabled: i.bool,
+		x: i.number.isRequired,
+		y: i.number.isRequired,
+		angle: i.number.isRequired,
+		graphProps: a.GraphPropsType.isRequired
+	};
+	render() {
+		let { classes: r, angle: i, className: a, x: s, y: c, disabled: l, correctness: u, graphProps: d, ...f } = this.props, p = e(d) ? 12 : 14, { scale: m } = d, h = m.x(s), g = m.y(c), _ = `rotate(${-i}, ${h},${g})`, v = `${h},${g}
+        ${h - p},${g - p / 2}
+        ${h - p}, ${g + p / 2}`;
+		return /* @__PURE__ */ o("g", {
+			className: t(r.point, l && r.disabled, r[u], a),
+			...f,
+			children: /* @__PURE__ */ o(n, {
+				size: p,
+				transform: _,
+				points: v
+			})
+		});
+	}
+};
+//#endregion
+export { s as default };

package/dist/tools/shared/point/base-point.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/shared/point/base-point.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class RawBp extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        labelNode: PropTypes.Requireable<object>;
+        x: PropTypes.Requireable<number>;
+        y: PropTypes.Requireable<number>;
+        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>;
+            }>>>;
+        }>>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchEnd: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    constructor(props: any);
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/base-point.js

@@ -0,0 +1,88 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import { correct as t, disabled as n, incorrect as r, missing as i } from "../styles.js";
+import a from "../../../coordinates-label.js";
+import o from "react";
+import s from "prop-types";
+import { types as c } from "@pie-lib/plot";
+import { styled as l } from "@mui/material/styles";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { color as p } from "@pie-lib/render-ui";
+import m from "react-dom";
+//#region src/tools/shared/point/base-point.tsx
+var h = l("g")(({ disabled: e, correctness: a }) => ({
+	cursor: "pointer",
+	"& circle": { fill: "currentColor" },
+	...e && {
+		...n("fill"),
+		...n("color")
+	},
+	...a === "correct" && {
+		...t("fill"),
+		...t("color")
+	},
+	...a === "incorrect" && {
+		...r("fill"),
+		...r("color")
+	},
+	...a === "missing" && {
+		...i("fill"),
+		...i("color")
+	}
+})), g = class extends o.Component {
+	static propTypes = {
+		className: s.string,
+		coordinatesOnHover: s.bool,
+		correctness: s.string,
+		disabled: s.bool,
+		labelNode: s.object,
+		x: s.number,
+		y: s.number,
+		graphProps: c.GraphPropsType.isRequired,
+		onClick: s.func,
+		onTouchStart: s.func,
+		onTouchEnd: s.func
+	};
+	constructor(e) {
+		super(e), this.state = { showCoordinates: !1 };
+	}
+	render() {
+		let { className: t, coordinatesOnHover: n, x: r, y: i, disabled: o, correctness: s, graphProps: c, labelNode: l, style: g, onClick: _, onTouchStart: v, onTouchEnd: y, ...b } = this.props, { showCoordinates: x } = this.state, { scale: S } = c, C = e(c) ? 5 : 7;
+		return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("circle", {
+			style: {
+				fill: "transparent",
+				cursor: "pointer",
+				pointerEvents: "all"
+			},
+			r: C * 3,
+			cx: S.x(r),
+			cy: S.y(i),
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			onTouchStart: v,
+			onTouchEnd: y,
+			onClick: _
+		}), /* @__PURE__ */ f(h, {
+			disabled: o,
+			correctness: s,
+			className: t,
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			children: [/* @__PURE__ */ d("circle", {
+				...b,
+				style: {
+					fill: p.defaults.BLACK,
+					cursor: "pointer"
+				},
+				r: C,
+				cx: S.x(r),
+				cy: S.y(i)
+			}), l && n && x && m.createPortal(/* @__PURE__ */ d(a, {
+				graphProps: c,
+				x: r,
+				y: i
+			}), l)]
+		})] });
+	}
+};
+//#endregion
+export { g as RawBp };