@pie-element/graphing 10.1.1-next.1 → 10.1.1-next.29

package/dist/author/defaults.js

@@ -1,415 +0,0 @@
-//#region src/author/defaults.tsx
-var e = [
-	"circle",
-	"line",
-	"label",
-	"parabola",
-	"point",
-	"polygon",
-	"ray",
-	"segment",
-	"sine",
-	"vector"
-], t = {
-	model: {
-		answers: { correctAnswer: {
-			name: "Correct Answer",
-			marks: []
-		} },
-		arrows: {
-			left: !0,
-			right: !0,
-			up: !0,
-			down: !0
-		},
-		backgroundMarks: [],
-		coordinatesOnHover: !1,
-		defaultGridConfiguration: 0,
-		domain: {
-			min: -5,
-			max: 5,
-			step: 1,
-			labelStep: 1,
-			axisLabel: "x"
-		},
-		graph: {
-			width: 500,
-			height: 500
-		},
-		includeAxes: !0,
-		labels: {},
-		labelsEnabled: !0,
-		padding: !0,
-		prompt: "",
-		promptEnabled: !0,
-		range: {
-			min: -5,
-			max: 5,
-			step: 1,
-			labelStep: 1,
-			axisLabel: "y"
-		},
-		rationale: "",
-		rationaleEnabled: !0,
-		standardGrid: !1,
-		studentInstructionsEnabled: !0,
-		teacherInstructions: "",
-		teacherInstructionsEnabled: !0,
-		title: "",
-		titleEnabled: !0,
-		toolbarTools: e
-	},
-	configuration: {
-		baseInputConfiguration: {
-			h3: { disabled: !0 },
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		availableTools: e,
-		authoring: {
-			settings: !1,
-			label: "Customize Grid Setup",
-			enabled: !0,
-			includeAxesEnabled: !0,
-			standardGridEnabled: !0,
-			min: {
-				label: "Min Value",
-				enabled: !0
-			},
-			max: {
-				label: "Max Value",
-				enabled: !0
-			},
-			axisLabel: {
-				label: "Label",
-				enabled: !0
-			},
-			step: {
-				label: "Grid Interval",
-				enabled: !0
-			},
-			labelStep: {
-				label: "Label Interval",
-				enabled: !0
-			}
-		},
-		arrows: {
-			settings: !0,
-			label: "Include Arrows",
-			left: { label: "left" },
-			right: { label: "right" },
-			up: { label: "up" },
-			down: { label: "down" }
-		},
-		gridConfigurations: [
-			{
-				label: "4-quadrant coordinate grid, -10 to 10",
-				arrows: {
-					left: !0,
-					right: !0,
-					up: !0,
-					down: !0
-				},
-				domain: {
-					min: -10,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: -10,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "0 to 10 on both axes",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "0 to 20 on both axes",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 20,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 20,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "Sample Data Graph",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 30,
-					step: 1,
-					padding: 0,
-					labelStep: 2,
-					axisLabel: "<i>t</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "Time (seconds)",
-					left: "Distance (meters)"
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 80,
-					step: 5,
-					padding: 0,
-					labelStep: 10,
-					axisLabel: "<i>d</i>"
-				},
-				standardGrid: !1,
-				title: "Distance as a function of time"
-			},
-			{
-				label: "No Visible Axes",
-				arrows: {
-					left: !1,
-					right: !1,
-					up: !1,
-					down: !1
-				},
-				domain: {
-					min: 1,
-					max: 21,
-					step: 1,
-					padding: 0,
-					labelStep: 0,
-					axisLabel: ""
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !1,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 1,
-					max: 21,
-					step: 1,
-					padding: 0,
-					labelStep: 0,
-					axisLabel: ""
-				},
-				standardGrid: !1,
-				title: ""
-			}
-		],
-		graphDimensions: {
-			settings: !1,
-			label: "Graph Dimensions",
-			enabled: !0,
-			min: 150,
-			max: 800,
-			step: 20
-		},
-		padding: {
-			settings: !1,
-			label: "Padding"
-		},
-		labels: {
-			settings: !0,
-			label: "Graph Labels",
-			enabled: !0,
-			top: "Click here to add a top label",
-			right: "Click here to add a right label",
-			bottom: "Click here to add a bottom label",
-			left: "Click here to add a left label"
-		},
-		prompt: {
-			settings: !0,
-			label: "Item Stem",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		rationale: {
-			settings: !0,
-			label: "Rationale",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		scoringType: {
-			settings: !1,
-			label: "Scoring Type"
-		},
-		studentInstructions: {
-			settings: !1,
-			label: "Student Instructions"
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		title: {
-			settings: !0,
-			label: "Graph Title",
-			enabled: !0,
-			placeholder: "Click here to add a title for this graph"
-		},
-		instruction: {
-			settings: !1,
-			label: "Graphing questions involve plotting points, lines, or other objects on a graph. To create one, first configure the grid, then select the plotting tools students will be offered, and use them to define the correct answer."
-		},
-		settingsPanelDisabled: !1,
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		coordinatesOnHover: {
-			settings: !0,
-			label: "Coordinates on Hover"
-		},
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		withRubric: {
-			settings: !1,
-			label: "Add Rubric"
-		},
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		},
-		removeIncompleteTool: !1
-	}
-};
-//#endregion
-export { t as default };

package/dist/author/graphing-config.d.ts

@@ -1,34 +0,0 @@
-/**
- * @synced-from pie-elements/packages/graphing/configure/src/graphing-config.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 * as React from 'react';
-import PropTypes from 'prop-types';
-export declare class GraphingConfig extends React.Component {
-    static propTypes: {
-        availableTools: PropTypes.Requireable<any[]>;
-        authoring: PropTypes.Requireable<object>;
-        dimensionsEnabled: PropTypes.Requireable<boolean>;
-        graphDimensions: PropTypes.Requireable<object>;
-        gridConfigurations: PropTypes.Requireable<any[]>;
-        labelsPlaceholders: PropTypes.Requireable<object>;
-        model: PropTypes.Validator<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        showLabels: PropTypes.Requireable<boolean>;
-        showTitle: PropTypes.Requireable<boolean>;
-        titlePlaceholder: PropTypes.Requireable<string>;
-    };
-    constructor(props: any);
-    changeBackgroundMarks: any;
-    changeLabels: any;
-    changeTitle: any;
-    onConfigChange: any;
-    onChangeView: any;
-    changeGridConfiguration: any;
-    render(): React.JSX.Element;
-}
-export default GraphingConfig;

package/dist/author/graphing-config.js

@@ -1,244 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import { applyConstraints as t, filterPlotableMarks as n, getGridValues as r, getLabelValues as i } from "./utils.js";
-import * as a from "react";
-import o from "prop-types";
-import { styled as s } from "@mui/material/styles";
-import { GraphContainer as c, GridSetup as l } from "@pie-lib/graphing";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { AlertDialog as f } from "@pie-lib/config-ui";
-import { MenuItem as p, OutlinedInput as m, Select as h, Typography as g } from "@mui/material";
-//#region src/author/graphing-config.tsx
-var _ = s("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	marginBottom: e.spacing(2.5)
-})), v = s("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	marginRight: e.spacing(3),
-	marginBottom: e.spacing(2.5)
-})), y = s("div")({
-	display: "flex",
-	flexDirection: "column"
-}), b = s(g)(({ theme: e }) => ({
-	marginTop: e.spacing(1.5),
-	marginBottom: e.spacing(1)
-})), x = s("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	alignItems: "center",
-	width: "100%",
-	marginBottom: e.spacing(2.5)
-})), S = s(g)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), C = s(h)({ flex: "1" }), w = class extends a.Component {
-	static propTypes = {
-		availableTools: o.array,
-		authoring: o.object,
-		dimensionsEnabled: o.bool,
-		graphDimensions: o.object,
-		gridConfigurations: o.array,
-		labelsPlaceholders: o.object,
-		model: o.object.isRequired,
-		onChange: o.func.isRequired,
-		showLabels: o.bool,
-		showTitle: o.bool,
-		titlePlaceholder: o.string
-	};
-	constructor(e) {
-		super(e);
-		let { domain: t, range: n, graph: a } = e.model || {}, o = {
-			domain: r(t, a.width, !0),
-			range: r(n, a.height, !0)
-		}, s = {
-			domain: i(t.step),
-			range: i(n.step)
-		};
-		this.state = {
-			gridValues: o,
-			labelValues: s,
-			showPixelGuides: !1,
-			dialog: { isOpened: !1 },
-			domain: { ...t },
-			range: { ...n }
-		};
-	}
-	changeBackgroundMarks = (e) => {
-		let t = {
-			...this.props.model,
-			backgroundMarks: e
-		};
-		this.props.onChange(t);
-	};
-	changeLabels = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			labels: e
-		});
-	};
-	changeTitle = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			title: e
-		});
-	};
-	onConfigChange = (r, i) => {
-		let { model: a, onChange: o } = this.props, { defaultGridConfiguration: s = 0 } = a, { gridValues: c, labelValues: l, domain: u, range: d } = this.state, f = {
-			...a,
-			...r
-		}, { answers: p, domain: m, includeAxes: h, graph: g, range: _, standardGrid: v } = f, y = {
-			domain: [],
-			range: []
-		}, b = {
-			domain: [],
-			range: []
-		}, x = i >= 0 ? i : s;
-		if (h) {
-			let e = t(m, g.width, c.domain, l.domain);
-			y.domain = e.gridValues || [], b.domain = e.labelValues || [];
-		}
-		if (v) y.range = y.domain, b.range = b.domain, _.step = m.step, _.labelStep = m.labelStep;
-		else if (h) {
-			let e = t(_, g.height, c.range, l.range);
-			y.range = e.gridValues || [], b.range = e.labelValues || [];
-		}
-		let S = n(m, _, p);
-		if (!e(p, S)) {
-			this.setState({ dialog: {
-				isOpened: !0,
-				onClose: () => this.setState({ dialog: { isOpened: !1 } }, o({
-					...a,
-					domain: u,
-					range: d
-				})),
-				onConfirm: () => {
-					this.setState({
-						gridValues: y,
-						labelValues: b,
-						dialog: { isOpened: !1 },
-						domain: { ...m },
-						range: { ..._ }
-					}, o({
-						...f,
-						answers: S,
-						defaultGridConfiguration: x
-					}));
-				}
-			} });
-			return;
-		}
-		this.setState({
-			gridValues: y,
-			labelValues: b,
-			domain: { ...m },
-			range: { ..._ }
-		}), o({
-			...f,
-			defaultGridConfiguration: x
-		});
-	};
-	onChangeView = (e, t) => {
-		let { graphDimensions: { enabled: n } = {} } = this.props;
-		n && this.setState({ showPixelGuides: t });
-	};
-	changeGridConfiguration = (e) => {
-		let { gridConfigurations: t } = this.props, { value: n } = e.target;
-		this.onConfigChange(t?.[n] || {}, n);
-	};
-	render() {
-		let { authoring: e = {}, availableTools: t = [], gridConfigurations: n = [], graphDimensions: r = {}, labelsPlaceholders: i, model: a, showLabels: o, dimensionsEnabled: s, showTitle: h, titlePlaceholder: w, mathMlOptions: T = {}, removeIncompleteTool: E } = this.props, { arrows: D, backgroundMarks: O, coordinatesOnHover: k, defaultGridConfiguration: A, domain: j, includeAxes: M, labels: N, range: P, standardGrid: F, title: I } = a || {}, L = (a || {}).graph || {}, { min: R, max: z, step: B } = r || {}, { dialog: V = {}, gridValues: H, labelValues: U, showPixelGuides: W } = this.state, G = {
-			min: Math.max(150, R),
-			max: Math.min(800, z),
-			step: B >= 1 ? Math.min(200, B) : 20
-		}, K = {
-			axisLabel: e.axisLabel,
-			dimensionsEnabled: s,
-			includeAxesEnabled: e.includeAxesEnabled,
-			labelStep: e.labelStep,
-			min: e.min,
-			max: e.max,
-			standardGridEnabled: e.standardGridEnabled,
-			step: e.step
-		}, q = e.enabled && Object.values(K).some((e) => typeof e == "object" ? e.enabled : e);
-		return /* @__PURE__ */ d(_, { children: [
-			/* @__PURE__ */ d(v, { children: [n && n.length ? /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(S, {
-				component: "div",
-				variant: "h6",
-				children: "Grid Configuration"
-			}), /* @__PURE__ */ u(C, {
-				input: /* @__PURE__ */ u(m, {}),
-				displayEmpty: !0,
-				onChange: this.changeGridConfiguration,
-				value: A,
-				MenuProps: { transitionDuration: {
-					enter: 225,
-					exit: 195
-				} },
-				children: (n || []).map((e, t) => /* @__PURE__ */ u(p, {
-					value: t,
-					children: e.label
-				}, t))
-			})] }) : null, q && /* @__PURE__ */ u(l, {
-				displayedFields: K,
-				domain: j,
-				gridValues: H,
-				includeAxes: M,
-				labelValues: U,
-				range: P,
-				size: L,
-				sizeConstraints: G,
-				standardGrid: F,
-				onChange: this.onConfigChange,
-				onChangeView: this.onChangeView
-			})] }),
-			/* @__PURE__ */ d(y, { children: [
-				/* @__PURE__ */ u(g, {
-					component: "div",
-					variant: "h6",
-					children: "Define Graph Attributes"
-				}),
-				/* @__PURE__ */ u(b, {
-					component: "div",
-					variant: "body1",
-					children: "Use this interface to add/edit a title and/or labels, and to set background shapes"
-				}),
-				/* @__PURE__ */ u(c, {
-					axesSettings: { includeArrows: D },
-					backgroundMarks: [],
-					coordinatesOnHover: k,
-					collapsibleToolbar: !0,
-					collapsibleToolbarTitle: "Add Background Shapes to Graph",
-					domain: j,
-					labels: N,
-					labelsPlaceholders: i,
-					marks: O,
-					onChangeLabels: this.changeLabels,
-					onChangeMarks: this.changeBackgroundMarks,
-					onChangeTitle: this.changeTitle,
-					range: P,
-					showLabels: o,
-					showPixelGuides: W,
-					showTitle: h,
-					size: {
-						width: L.width,
-						height: L.height
-					},
-					title: I,
-					titlePlaceholder: w,
-					toolbarTools: t,
-					mathMlOptions: T,
-					removeIncompleteTool: E
-				}, "graphing-config")
-			] }, "graph"),
-			/* @__PURE__ */ u(f, {
-				open: V.isOpened,
-				title: "Warning",
-				text: "This change would make it impossible for students to plot one or more graph objects in the current correct answers. If you proceed, all such graph objects will be removed from the correct answers.",
-				onClose: V.onClose,
-				onConfirm: V.onConfirm
-			})
-		] });
-	}
-};
-//#endregion
-export { w as default };