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

package/dist/tool-menu.js

@@ -0,0 +1,188 @@
+import e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a, Radio as o, Typography as s } from "@mui/material";
+//#region src/tool-menu.tsx
+var c = class extends e.Component {
+	static propTypes = {
+		gssLineData: t.object,
+		disabled: t.bool,
+		onChange: t.func
+	};
+	onChangeRadioValue = (e) => {
+		let { gssLineData: t, onChange: n } = this.props, r = t.selectedTool;
+		t.selectedTool = e.target.value, n(t, r);
+	};
+	lineTypeChange = (e, t) => {
+		let { gssLineData: n, onChange: r } = this.props, i = n.selectedTool;
+		n[`line${e}`].lineType = t, r(n, i);
+	};
+	render() {
+		let { gssLineData: e, disabled: t } = this.props;
+		return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i("div", {
+			className: "selectLineRadioGroup",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "radioFieldOuter",
+					children: [/* @__PURE__ */ i("div", {
+						className: "radioFieldInner",
+						children: [/* @__PURE__ */ r(o, {
+							name: "select-line-radio-buttons",
+							onChange: this.onChangeRadioValue,
+							value: "lineA",
+							disabled: !!t,
+							checked: e.selectedTool === "lineA",
+							className: "lineTypeRadio"
+						}), /* @__PURE__ */ r(s, {
+							className: "lineNameFont",
+							children: "Line A"
+						})]
+					}), /* @__PURE__ */ i("div", {
+						className: "radioFieldButtons",
+						children: [/* @__PURE__ */ i(a, {
+							size: "small",
+							variant: "contained",
+							color: e.lineA.lineType === "Solid" ? "primary" : "inherit",
+							disabled: !!t,
+							onClick: () => this.lineTypeChange("A", "Solid"),
+							className: e.lineA.lineType === "Solid" ? t ? "lineTypeButtonLeftSelectedDisabled" : "lineTypeButtonLeftSelected" : t ? "lineTypeButtonLeftUnSelectedDisabled" : "lineTypeButtonLeftUnSelected",
+							children: [e.lineA.lineType === "Solid" && "✔", " Solid"]
+						}), /* @__PURE__ */ i(a, {
+							size: "small",
+							variant: "contained",
+							color: e.lineA.lineType === "Dashed" ? "primary" : "inherit",
+							disabled: !!t,
+							onClick: () => this.lineTypeChange("A", "Dashed"),
+							className: e.lineA.lineType === "Dashed" ? t ? "lineTypeButtonRightSelectedDisabled" : "lineTypeButtonRightSelected" : t ? "lineTypeButtonRightUnSelectedDisabled" : "lineTypeButtonRightUnSelected",
+							children: [e.lineA.lineType === "Dashed" && "✔", " Dashed"]
+						})]
+					})]
+				}),
+				e.numberOfLines === 2 && /* @__PURE__ */ i("div", {
+					className: "radioFieldOuter",
+					children: [/* @__PURE__ */ i("div", {
+						className: "radioFieldInner",
+						children: [/* @__PURE__ */ r(o, {
+							name: "select-line-radio-buttons",
+							onChange: this.onChangeRadioValue,
+							value: "lineB",
+							disabled: !!t,
+							checked: e.selectedTool === "lineB",
+							className: "lineTypeRadio"
+						}), /* @__PURE__ */ r(s, {
+							className: "lineNameFont",
+							children: "Line B"
+						})]
+					}), /* @__PURE__ */ i("div", {
+						className: "radioFieldButtons",
+						children: [/* @__PURE__ */ i(a, {
+							size: "small",
+							variant: "contained",
+							color: e.lineB.lineType === "Solid" ? "primary" : "inherit",
+							disabled: !!t,
+							onClick: () => this.lineTypeChange("B", "Solid"),
+							className: e.lineB.lineType === "Solid" ? t ? "lineTypeButtonLeftSelectedDisabled" : "lineTypeButtonLeftSelected" : t ? "lineTypeButtonLeftUnSelectedDisabled" : "lineTypeButtonLeftUnSelected",
+							children: [e.lineB.lineType === "Solid" && "✔", " Solid"]
+						}), /* @__PURE__ */ i(a, {
+							size: "small",
+							variant: "contained",
+							color: e.lineB.lineType === "Dashed" ? "primary" : "inherit",
+							disabled: !!t,
+							onClick: () => this.lineTypeChange("B", "Dashed"),
+							className: e.lineB.lineType === "Dashed" ? t ? "lineTypeButtonRightSelectedDisabled" : "lineTypeButtonRightSelected" : t ? "lineTypeButtonRightUnSelectedDisabled" : "lineTypeButtonRightUnSelected",
+							children: [e.lineB.lineType === "Dashed" && "✔", " Dashed"]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "radioFieldOuter",
+					children: /* @__PURE__ */ i("div", {
+						className: "radioFieldInner",
+						children: [/* @__PURE__ */ r(o, {
+							name: "select-line-radio-buttons",
+							onChange: this.onChangeRadioValue,
+							value: "solutionSet",
+							disabled: !!t,
+							checked: e.selectedTool === "solutionSet",
+							className: "lineTypeRadio"
+						}), /* @__PURE__ */ r(s, {
+							className: "lineNameFont",
+							children: "Solution Set"
+						})]
+					})
+				})
+			]
+		}) });
+	}
+}, l = n("div")(() => ({
+	"& .selectLineRadioGroup": {
+		display: "flex",
+		flexWrap: "wrap",
+		flexDirection: "row"
+	},
+	"& .radioFieldOuter": {
+		display: "flex",
+		flexWrap: "wrap",
+		flexDirection: "column"
+	},
+	"& .radioFieldInner": {
+		display: "flex",
+		flexWrap: "wrap",
+		flexDirection: "row",
+		alignItems: "center"
+	},
+	"& .radioFieldButtons": {
+		display: "flex",
+		flexWrap: "wrap",
+		flexDirection: "row",
+		padding: "0 .9rem"
+	},
+	"& .lineNameFont": {
+		fontWeight: "bold",
+		padding: "0 5px 0 0"
+	},
+	"& .lineTypeRadio": { color: "#000000 !important" },
+	"& .lineTypeButtonLeftSelected": {
+		textTransform: "none",
+		border: "1px solid #3E4EB1",
+		backgroundColor: "#3E4EB1 !important",
+		color: "#FFFFFF !important",
+		borderRadius: "4px 0 0 4px"
+	},
+	"& .lineTypeButtonLeftUnSelected": {
+		textTransform: "none",
+		border: "1px solid #3E4EB1",
+		backgroundColor: "#FFFFFF !important",
+		color: "#3E4EB1 !important",
+		borderRadius: "4px 0 0 4px"
+	},
+	"& .lineTypeButtonRightSelected": {
+		textTransform: "none",
+		border: "1px solid #3E4EB1",
+		backgroundColor: "#3E4EB1 !important",
+		color: "#FFFFFF !important",
+		borderRadius: "0 4px 4px 0"
+	},
+	"& .lineTypeButtonRightUnSelected": {
+		textTransform: "none",
+		border: "1px solid #3E4EB1",
+		backgroundColor: "#FFFFFF !important",
+		color: "#3E4EB1 !important",
+		borderRadius: "0 4px 4px 0"
+	},
+	"& .lineTypeButtonLeftSelectedDisabled, & .lineTypeButtonRightSelectedDisabled": {
+		backgroundColor: "#3E4EB1 !important",
+		color: "#FFFFFF !important",
+		cursor: "default",
+		pointerEvents: "none"
+	},
+	"& .lineTypeButtonLeftUnSelectedDisabled, & .lineTypeButtonRightUnSelectedDisabled": {
+		backgroundColor: "#FFFFFF !important",
+		color: "#3E4EB1 !important",
+		cursor: "default",
+		pointerEvents: "none"
+	}
+}));
+//#endregion
+export { c as default };

package/dist/tools/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/index.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.
+ */
+import { tool as polygon } from './polygon/index.js';
+import { tool as line } from './line/index.js';
+declare const allTools: string[];
+declare const toolsArr: {
+    type: any;
+    Component: any;
+    addPoint: (point: any, mark: any) => any;
+}[];
+export { allTools, toolsArr, line, polygon };

package/dist/tools/index.js

@@ -0,0 +1,12 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import { tool as t } from "./polygon/index.js";
+import { tool as n } from "./line/index.js";
+//#region src/tools/index.ts
+var r = /* @__PURE__ */ e({
+	allTools: () => i,
+	line: () => n,
+	polygon: () => t,
+	toolsArr: () => a
+}), i = ["line", "polygon"], a = [n(), t()];
+//#endregion
+export { i as allTools, a as toolsArr, r as tools_exports };

package/dist/tools/line/component.d.ts

@@ -0,0 +1,113 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/line/component.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 ArrowedLine: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        fill: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: 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>;
+        }>>;
+        markerId: PropTypes.Requireable<string>;
+    };
+};
+declare const Component: {
+    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 default Component;

package/dist/tools/line/component.js

@@ -0,0 +1,58 @@
+import { getAdjustedGraphLimits as e, thinnerShapesNeeded as t } from "../../utils.js";
+import { ArrowMarker as n, genUid as r } from "../shared/arrow-head.js";
+import { lineBase as i, lineToolComponent as a, styles as o } from "../shared/line/index.js";
+import "react";
+import s from "prop-types";
+import { trig as c, types as l } from "@pie-lib/plot";
+import { styled as u } from "@mui/material/styles";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/tools/line/component.tsx
+var p = u("line", { shouldForwardProp: (e) => ![
+	"fill",
+	"disabled",
+	"correctness"
+].includes(e) })(({ theme: e, fill: t, disabled: n, correctness: r }) => ({
+	...t === "Solid" ? o.line(e) : o.dashedLine(e),
+	...n && o.disabled(e),
+	...r === "correct" && o.correct(e, "stroke"),
+	...r === "incorrect" && o.incorrect(e, "stroke"),
+	...r === "missing" && o.missing(e, "stroke")
+})), m = u(n, { shouldForwardProp: (e) => !["suffix"].includes(e) })(({ theme: e, suffix: t }) => ({
+	...t === "enabled" && o.arrow(e),
+	...t === "disabled" && o.disabledArrow(e),
+	...t === "correct" && o.correct(e),
+	...t === "incorrect" && o.incorrect(e),
+	...t === "missing" && o.missing(e)
+})), h = (n) => {
+	let i = r(), { className: a, correctness: o, disabled: s, graphProps: l, fill: u = "Solid", from: h, to: g, ..._ } = n, { scale: v } = l, { domain: y, range: b } = e(l), [x, S] = c.edges(y, b)(h, g), C = o || s && "disabled" || "enabled";
+	return /* @__PURE__ */ f("g", { children: [/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d(m, {
+		size: t(l) ? 4 : 5,
+		id: `${n.markerId || i}-${C}`,
+		suffix: C
+	}) }), /* @__PURE__ */ d(p, {
+		x1: v.x(x.x),
+		y1: v.y(x.y),
+		x2: v.x(S.x),
+		y2: v.y(S.y),
+		fill: u,
+		disabled: s,
+		correctness: o,
+		className: a,
+		markerEnd: `url(#${n.markerId || i}-${C})`,
+		markerStart: `url(#${n.markerId || i}-${C})`,
+		..._
+	})] });
+};
+h.propTypes = {
+	className: s.string,
+	fill: s.string,
+	correctness: s.string,
+	disabled: s.bool,
+	graphProps: l.GraphPropsType,
+	from: l.PointType,
+	to: l.PointType,
+	markerId: s.string
+};
+var g = a(i(h));
+//#endregion
+export { g as default };

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

@@ -0,0 +1,13 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/line/index.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 tool: () => {
+    type: any;
+    Component: any;
+    addPoint: (point: any, mark: any) => any;
+};

package/dist/tools/line/index.js

@@ -0,0 +1,6 @@
+import { lineTool as e } from "../shared/line/index.js";
+import t from "./component.js";
+//#region src/tools/line/index.ts
+var n = e("line", t);
+//#endregion
+export { n as tool };

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

@@ -0,0 +1,117 @@
+/**
+ * @synced-from pie-lib/packages/graphing-solution-set/src/tools/polygon/component.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 buildLines: (points: any, closed: any) => {
+    from: unknown;
+    to: unknown;
+}[];
+export declare const swap: (arr: any, ...rest: any[]) => any[];
+export declare class RawBaseComponent extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        points: PropTypes.Requireable<(PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        closed: PropTypes.Requireable<boolean>;
+        isSolution: PropTypes.Requireable<boolean>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onClosePolygon: PropTypes.Validator<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: 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>;
+            }>>>;
+        }>>>;
+        isToolActive: PropTypes.Requireable<boolean>;
+        middle: PropTypes.Requireable<object>;
+        labelNode: PropTypes.Requireable<object>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        onChangeLabelProps: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeProps: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        points: never[];
+    };
+    dragPoint: any;
+    dragLine: any;
+    dragPoly: any;
+    close: any;
+    labelChange: any;
+    clickPoint: any;
+    input: {};
+    render(): React.JSX.Element;
+}
+export declare const BaseComponent: typeof RawBaseComponent;
+export default class Component extends React.Component {
+    static 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<any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    change: any;
+    changeProps: any;
+    changeLabelProps: any;
+    closePolygon: any;
+    dragStart: () => void;
+    dragStop: any;
+    render(): React.JSX.Element;
+}