@pie-element/graphing 10.1.2-next.1 → 10.1.2

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 { applyConstraints as e, filterPlotableMarks as t, getGridValues as n, getLabelValues as r } from "./utils.js";
-import * as i from "react";
-import a from "prop-types";
-import { styled as o } from "@mui/material/styles";
-import { GraphContainer as s, GridSetup as c } from "@pie-lib/graphing";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { isEqual as d } from "@pie-element/shared-lodash";
-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 _ = o("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	marginBottom: e.spacing(2.5)
-})), v = o("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	marginRight: e.spacing(3),
-	marginBottom: e.spacing(2.5)
-})), y = o("div")({
-	display: "flex",
-	flexDirection: "column"
-}), b = o(g)(({ theme: e }) => ({
-	marginTop: e.spacing(1.5),
-	marginBottom: e.spacing(1)
-})), x = o("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	alignItems: "center",
-	width: "100%",
-	marginBottom: e.spacing(2.5)
-})), S = o(g)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), C = o(h)({ flex: "1" }), w = class extends i.Component {
-	static propTypes = {
-		availableTools: a.array,
-		authoring: a.object,
-		dimensionsEnabled: a.bool,
-		graphDimensions: a.object,
-		gridConfigurations: a.array,
-		labelsPlaceholders: a.object,
-		model: a.object.isRequired,
-		onChange: a.func.isRequired,
-		showLabels: a.bool,
-		showTitle: a.bool,
-		titlePlaceholder: a.string
-	};
-	constructor(e) {
-		super(e);
-		let { domain: t, range: i, graph: a } = e.model || {}, o = {
-			domain: n(t, a.width, !0),
-			range: n(i, a.height, !0)
-		}, s = {
-			domain: r(t.step),
-			range: r(i.step)
-		};
-		this.state = {
-			gridValues: o,
-			labelValues: s,
-			showPixelGuides: !1,
-			dialog: { isOpened: !1 },
-			domain: { ...t },
-			range: { ...i }
-		};
-	}
-	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 = (n, r) => {
-		let { model: i, onChange: a } = this.props, { defaultGridConfiguration: o = 0 } = i, { gridValues: s, labelValues: c, domain: l, range: u } = this.state, f = {
-			...i,
-			...n
-		}, { answers: p, domain: m, includeAxes: h, graph: g, range: _, standardGrid: v } = f, y = {
-			domain: [],
-			range: []
-		}, b = {
-			domain: [],
-			range: []
-		}, x = r >= 0 ? r : o;
-		if (h) {
-			let t = e(m, g.width, s.domain, c.domain);
-			y.domain = t.gridValues || [], b.domain = t.labelValues || [];
-		}
-		if (v) y.range = y.domain, b.range = b.domain, _.step = m.step, _.labelStep = m.labelStep;
-		else if (h) {
-			let t = e(_, g.height, s.range, c.range);
-			y.range = t.gridValues || [], b.range = t.labelValues || [];
-		}
-		let S = t(m, _, p);
-		if (!d(p, S)) {
-			this.setState({ dialog: {
-				isOpened: !0,
-				onClose: () => this.setState({ dialog: { isOpened: !1 } }, a({
-					...i,
-					domain: l,
-					range: u
-				})),
-				onConfirm: () => {
-					this.setState({
-						gridValues: y,
-						labelValues: b,
-						dialog: { isOpened: !1 },
-						domain: { ...m },
-						range: { ..._ }
-					}, a({
-						...f,
-						answers: S,
-						defaultGridConfiguration: x
-					}));
-				}
-			} });
-			return;
-		}
-		this.setState({
-			gridValues: y,
-			labelValues: b,
-			domain: { ...m },
-			range: { ..._ }
-		}), a({
-			...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: d, 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: d,
-			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__ */ u(_, { children: [
-			/* @__PURE__ */ u(v, { children: [n && n.length ? /* @__PURE__ */ u(x, { children: [/* @__PURE__ */ l(S, {
-				component: "div",
-				variant: "h6",
-				children: "Grid Configuration"
-			}), /* @__PURE__ */ l(C, {
-				input: /* @__PURE__ */ l(m, {}),
-				displayEmpty: !0,
-				onChange: this.changeGridConfiguration,
-				value: A,
-				MenuProps: { transitionDuration: {
-					enter: 225,
-					exit: 195
-				} },
-				children: (n || []).map((e, t) => /* @__PURE__ */ l(p, {
-					value: t,
-					children: e.label
-				}, t))
-			})] }) : null, q && /* @__PURE__ */ l(c, {
-				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__ */ u(y, { children: [
-				/* @__PURE__ */ l(g, {
-					component: "div",
-					variant: "h6",
-					children: "Define Graph Attributes"
-				}),
-				/* @__PURE__ */ l(b, {
-					component: "div",
-					variant: "body1",
-					children: "Use this interface to add/edit a title and/or labels, and to set background shapes"
-				}),
-				/* @__PURE__ */ l(s, {
-					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__ */ l(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 };