@pie-element/number-line 13.1.2-next.2 → 13.1.2

package/dist/author/main.js

@@ -1,485 +0,0 @@
-import { data_converter_exports as e } from "../delivery/data-converter.js";
-import { generateMajorValuesForMinor as t, generateMinorValues as n, getMinorLimits as r, snapElements as i } from "../delivery/number-line/graph/tick-utils.js";
-import a from "../delivery/number-line/index.js";
-import o from "./number-text-field.js";
-import s from "./card-bar.js";
-import ee from "./size.js";
-import c from "./domain.js";
-import l from "./arrows.js";
-import te from "./point-config.js";
-import ne from "./ticks.js";
-import { model as u } from "./defaults.js";
-import { generateValidationMessage as re } from "./utils.js";
-import d from "react";
-import { styled as f } from "@mui/material/styles";
-import p from "prop-types";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import * as g from "mathjs";
-import { cloneDeep as _ } from "@pie-element/shared-lodash";
-import { AlertDialog as v, FormSection as y, InputContainer as b, layout as ie, settings as x } from "@pie-lib/config-ui";
-import S from "@pie-lib/editable-html-tip-tap";
-import ae from "@mui/material/Tooltip";
-import C from "@mui/material/Typography";
-import oe from "@mui/icons-material/Info";
-//#region src/author/main.tsx
-var w = (e) => ({
-	...e,
-	feedback: void 0,
-	prompt: void 0,
-	teacherInstructions: void 0,
-	graph: {
-		...e.graph,
-		title: void 0,
-		disabled: !0
-	},
-	correctResponse: void 0
-}), { lineIsSwitched: T, switchGraphLine: E, toGraphFormat: se, toSessionFormat: D } = e, { Panel: ce, toggle: O } = x, k = {}, A = {}, j = {}, le = f(o)({
-	width: "150px",
-	".MuiInputBase-input": { padding: "16.5px 14px" }
-}), ue = f("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	"& > *": { paddingRight: e.spacing(2) }
-})), de = f("div")(({ theme: e }) => ({ margin: `${e.spacing(2.5)} 0` })), M = f(b)(({ theme: e }) => ({
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	width: "100%"
-})), fe = f(y)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), N = f("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), pe = f("div")({
-	display: "flex",
-	alignItems: "center",
-	gap: "10px"
-}), me = f(y)({
-	display: "flex",
-	alignItems: "center",
-	gap: "10px"
-}), he = f(C)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), P = (e) => {
-	function t(e) {
-		return e.pointType ? e.direction ? `${e.pointType[0]}${e.direction[0]}` : e.pointType[0] : `${e.leftPoint[0]}${e.rightPoint[0]}`;
-	}
-	return `${e.type[0]}${t(e)}`.toUpperCase();
-}, F = class extends d.Component {
-	static propTypes = {
-		model: p.object.isRequired,
-		configuration: p.object.isRequired,
-		onConfigurationChanged: p.func.isRequired,
-		onChange: p.func.isRequired,
-		imageSupport: p.object.isRequired,
-		uploadSoundSupport: p.object.isRequired
-	};
-	constructor(e) {
-		super(e);
-		let { model: { graph: { availableTypes: t, maxNumberOfPoints: n } } } = e, r = this.getAdjustedHeight(t, n);
-		this.state = {
-			dialog: {
-				open: !1,
-				text: ""
-			},
-			correctAnswerDialog: {
-				open: !1,
-				text: ""
-			}
-		}, this.graphChange({ height: r });
-	}
-	componentDidMount() {
-		let { configuration: e, model: t, onChange: n } = this.props, { title: r } = e || {}, { titleEnabled: i } = t || {}, a = i ?? r.enabled;
-		n && n({
-			...t,
-			titleEnabled: a
-		});
-	}
-	graphChange = (e) => {
-		let { model: t, onChange: n } = this.props, r = {
-			...t.graph,
-			...e
-		}, i = [];
-		t.correctResponse.forEach((e, t) => {
-			(e.domainPosition < r.domain.min || e.domainPosition > r.domain.max || e.size && (e.domainPosition + e.size < r.domain.min || e.domainPosition + e.size > r.domain.max)) && i.push(t);
-		}), i.length > 0 && this.setState({ correctAnswerDialog: {
-			open: !0,
-			text: "This\nchange would make it impossible for students to plot one or more elements in the current\ncorrect answer. If you proceed, all such elements will be removed from the correct\nanswer.",
-			indices: i,
-			graph: t.graph
-		} }), r = this.reloadTicksData(r), n({ graph: r });
-	};
-	changeSize = ({ width: e, height: t }) => this.graphChange({
-		width: e,
-		height: t
-	});
-	getAdjustedHeight = (e, t) => {
-		let n = !0;
-		return Object.entries(e || {}).forEach(([e, t]) => {
-			if (e !== "PF" && t) {
-				n = !1;
-				return;
-			}
-		}), t && (t === 1 || n) ? 100 : 50 + (t || 20) * 25;
-	};
-	changeMaxNoOfPoints = (e, t) => {
-		if (t = Math.floor(t), this.props.model.correctResponse.length > t) {
-			this.setState({ dialog: {
-				open: !0,
-				text: "To use this value, you must first remove one or more elements from the correct answers."
-			} });
-			return;
-		}
-		let { model: { graph: { availableTypes: n } } } = this.props, r = this.getAdjustedHeight(n, t);
-		this.graphChange({
-			maxNumberOfPoints: t,
-			height: r
-		});
-	};
-	changeGraphTitle = (e) => this.graphChange({ title: e });
-	changeTicks = (e) => {
-		let { model: t, onChange: n } = this.props, { ticks: r } = e, a = i(t.graph.domain, r, t.correctResponse), o = t.graph.initialElements ? i(t.graph.domain, r, t.graph.initialElements) : [];
-		n({
-			graph: {
-				...this.updateMajorValue({
-					...t.graph,
-					ticks: r
-				}),
-				initialElements: o
-			},
-			correctResponse: a
-		});
-	};
-	reloadTicksData = (e) => {
-		let { domain: t, ticks: i, width: a } = e;
-		if (i.tickIntervalType || (i.minor > .5 ? i.tickIntervalType = "Integer" : i.tickIntervalType = "Decimal"), k = r(t, a), k.min >= 1) i.tickIntervalType = "Integer", i.minor = i.minor < 1 ? g.number(g.ceil(k.min)) : i.minor >= g.number(g.ceil(k.min)) && i.minor <= g.number(g.floor(k.max)) ? i.minor : g.number(g.ceil(k.min)), i.integerTick = i.minor, A = {
-			decimal: [],
-			fraction: []
-		}, i.fractionTick = "0", i.decimalTick = 0;
-		else if (k.min >= 0 && k.max < 1) {
-			i.tickIntervalType === "Integer" && (i.tickIntervalType = "Fraction"), A = n(k);
-			let e = g.number(g.fraction(A.fraction[0])), t = g.number(g.fraction(A.fraction[A.fraction.length - 1]));
-			if (i.minor < e || i.minor > t) switch (i.tickIntervalType) {
-				case "Fraction":
-					i.minor = g.number(g.fraction(A.fraction[A.fraction.length - 1])), i.fractionTick = A.fraction[A.fraction.length - 1], i.decimalTick = A.decimal[0];
-					break;
-				case "Decimal":
-				case "Integer": i.minor = A.decimal[A.decimal.length - 1], i.decimalTick = A.decimal[A.decimal.length - 1], i.fractionTick = A.fraction[0];
-			}
-			else switch (i.tickIntervalType) {
-				case "Fraction":
-					let e = g.fraction(g.number(i.minor));
-					i.fractionTick = e.n + "/" + e.d, i.decimalTick = i.decimalTick ? i.decimalTick : A.decimal[0];
-					break;
-				case "Decimal":
-				case "Integer": i.decimalTick = i.minor, i.fractionTick = i.fractionTick ? i.fractionTick : A.fraction[0];
-			}
-			i.integerTick = 1;
-		} else if (k.min < 1 && k.max >= 1) if (A = n(k), i.minor >= k.min && i.minor <= k.max) switch (i.tickIntervalType) {
-			case "Integer":
-				i.integerTick = i.minor, i.decimalTick = k.min > .5 ? 0 : A.decimal[0], i.fractionTick = k.min > .5 ? "0" : A.fraction[0];
-				break;
-			case "Decimal":
-				i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = A.fraction[0];
-				break;
-			case "Fraction":
-				i.integerTick = 1, i.decimalTick = A.decimal[0];
-				let e = g.fraction(g.number(i.minor));
-				i.fractionTick = e.n + "/" + e.d;
-		}
-		else switch (k.min > .5 && (i.tickIntervalType = "Integer"), i.tickIntervalType) {
-			case "Integer":
-				i.minor = g.number(g.ceil(k.min)), i.integerTick = i.minor, i.decimalTick = k.min > .5 ? 0 : A.decimal[0], i.fractionTick = k.min > .5 ? "0" : A.fraction[0];
-				break;
-			case "Decimal":
-				i.minor = A.decimal[0], i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = A.fraction[0];
-				break;
-			case "Fraction": i.minor = g.number(g.fraction(A.fraction[0])), i.integerTick = 1, i.decimalTick = A.decimal[0], i.fractionTick = A.fraction[0];
-		}
-		return this.updateMajorValue({
-			...e,
-			ticks: i
-		});
-	};
-	updateMajorValue = (e) => {
-		let { domain: n, ticks: r, width: i } = e;
-		if (j = t(r.minor, n, i), j.decimal.indexOf(r.major) === -1) {
-			let e = 0;
-			e = r.tickIntervalType === "Integer" && j.decimal.length > 4 ? 4 : j.decimal.length - 1, r.major = j.decimal[e];
-		}
-		return e.fraction = r.tickIntervalType === "Fraction" && r.major < 1, {
-			...e,
-			ticks: r
-		};
-	};
-	changeArrows = (e) => this.graphChange({ arrows: e });
-	setDefaults = () => {
-		let { graph: { availableTypes: e, maxNumberOfPoints: t } } = u, n = this.getAdjustedHeight(e, t), r = {
-			..._(u.graph),
-			height: n
-		};
-		this.props.onChange({ graph: r });
-	};
-	moveCorrectResponse = (e, t, n) => {
-		t.position = n;
-		let { onChange: r, model: i } = this.props, a = D(t.type === "line" && T(t) ? E(t) : t), o = [...i.correctResponse];
-		o[e] = a, r({ correctResponse: o });
-	};
-	availableTypesChange = (e) => {
-		let { model: t, onChange: n } = this.props, { correctResponse: r, graph: { maxNumberOfPoints: i } } = t;
-		new Set(r.map(P)).forEach((t) => {
-			e[t] = !0;
-		});
-		let a = this.getAdjustedHeight(e, i);
-		n({ graph: {
-			...t.graph,
-			availableTypes: e,
-			height: a
-		} });
-	};
-	deleteCorrectResponse = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({ correctResponse: t.correctResponse.filter((t, n) => !e.some((e) => e === n)) });
-	};
-	addCorrectResponse = (e) => {
-		let { model: t, onChange: n } = this.props, r = [...t.correctResponse];
-		r.push(D(e)), n({ correctResponse: r });
-	};
-	clearCorrectResponse = () => {
-		let { onChange: e } = this.props;
-		e({ correctResponse: [] });
-	};
-	undoCorrectResponse = () => {
-		let { model: e, onChange: t } = this.props, n = [...e.correctResponse];
-		n.pop(), t({ correctResponse: n });
-	};
-	render() {
-		let { model: e, onChange: t, configuration: n, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: o } = this.props, { baseInputConfiguration: u = {}, contentDimensions: f = {}, instruction: p = {}, teacherInstructions: g = {}, title: b = {}, prompt: x = {}, rationale: C = {}, spellCheck: T = {}, mathMlOptions: E = {}, numberLineDimensions: D = {}, maxMaxElements: P = 20, hidePointConfigButtons: F = !1, availableTools: I = ["PF"], settingsPanelDisabled: L = !1 } = n || {}, { errors: R = {}, extraCSSRules: ge, spellCheckEnabled: z, toolbarEditorPosition: _e, teacherInstructionsEnabled: ve, titleEnabled: ye, promptEnabled: be, rationaleEnabled: xe } = e || {}, { graph: B } = e;
-		B = this.reloadTicksData(B);
-		let { dialog: V, correctAnswerDialog: H } = this.state, { correctResponseError: U, domainError: W, maxError: G, pointsError: K, prompt: q, rationale: J, teacherInstructions: Y, widthError: X } = R || {}, Se = re(), Ce = _(e.correctResponse || []).map(se), Z = _(e);
-		Z.disabled = !0;
-		let Q = { position: _e === "top" ? "top" : "bottom" }, we = {
-			teacherInstructionsEnabled: g.settings && O(g.label),
-			titleEnabled: b.settings && O(b.label),
-			promptEnabled: x.settings && O(x.label),
-			rationaleEnabled: C.settings && O(C.label),
-			spellCheckEnabled: T.settings && O(T.label)
-		}, $ = (e = {}) => ({
-			...u,
-			...e
-		});
-		return /* @__PURE__ */ h(ie.ConfigLayout, {
-			extraCSSRules: ge,
-			dimensions: f,
-			hideSettings: L,
-			settings: /* @__PURE__ */ m(ce, {
-				model: e,
-				configuration: n,
-				onChangeModel: t,
-				onChangeConfiguration: r,
-				groups: { Properties: we }
-			}),
-			children: [
-				/* @__PURE__ */ m(he, {
-					component: "div",
-					type: "body1",
-					children: p.label
-				}),
-				ve && /* @__PURE__ */ h(M, {
-					label: g.label,
-					children: [/* @__PURE__ */ m(S, {
-						markup: e.teacherInstructions || "",
-						onChange: (e) => t({ teacherInstructions: e }),
-						nonEmpty: !1,
-						disableUnderline: !0,
-						error: Y,
-						toolbarOpts: Q,
-						pluginProps: $(g?.inputConfiguration),
-						spellCheck: z,
-						imageSupport: o,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: E
-					}), Y && /* @__PURE__ */ m(N, { children: Y })]
-				}),
-				be && /* @__PURE__ */ h(M, {
-					label: x.label,
-					children: [/* @__PURE__ */ m(S, {
-						markup: e.prompt || "",
-						onChange: (e) => t({ prompt: e }),
-						nonEmpty: !1,
-						disableUnderline: !0,
-						error: q,
-						toolbarOpts: Q,
-						pluginProps: $(x?.inputConfiguration),
-						spellCheck: z,
-						imageSupport: o,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: E
-					}), q && /* @__PURE__ */ m(N, { children: q })]
-				}),
-				/* @__PURE__ */ m(s, {
-					header: "Set Up Number Line",
-					info: /* @__PURE__ */ m(ae, {
-						disableFocusListener: !0,
-						disableTouchListener: !0,
-						placement: "right",
-						title: Se,
-						slotProps: { tooltip: { sx: (e) => ({
-							fontSize: e.typography.fontSize - 2,
-							whiteSpace: "pre",
-							maxWidth: "500px"
-						}) } },
-						children: /* @__PURE__ */ m(oe, {
-							fontSize: "small",
-							color: "primary",
-							style: { marginLeft: "8px" }
-						})
-					}),
-					children: "Set up the number line by entering the domain and number of tick marks to display. Labels on the number line can be edited or removed by clicking on the label."
-				}),
-				/* @__PURE__ */ m(ue, { children: /* @__PURE__ */ m(c, {
-					domain: B.domain,
-					errors: R,
-					onChange: (e) => this.graphChange({ domain: e })
-				}) }),
-				G && /* @__PURE__ */ m(N, { children: G }),
-				W && /* @__PURE__ */ m(N, { children: W }),
-				/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(ne, {
-					ticks: B.ticks,
-					minorLimits: k,
-					minorValues: A,
-					majorValues: j,
-					onChange: this.changeTicks
-				}) }) }),
-				/* @__PURE__ */ h(pe, { children: [
-					e.widthEnabled && /* @__PURE__ */ m(ee, {
-						size: B,
-						min: D.min,
-						max: D.max,
-						step: D.step,
-						onChange: this.changeSize
-					}),
-					/* @__PURE__ */ m("div", {}),
-					/* @__PURE__ */ m(l, {
-						arrows: B.arrows,
-						onChange: this.changeArrows
-					})
-				] }),
-				X && /* @__PURE__ */ m(N, { children: X }),
-				/* @__PURE__ */ m(a, {
-					onMoveElement: () => {},
-					onDeleteElements: () => {},
-					onAddElement: () => {},
-					onClearElements: () => {},
-					onUndoElement: () => {},
-					minWidth: D.min,
-					maxWidth: D.max,
-					maxHeight: 70,
-					model: w(Z)
-				}),
-				ye && /* @__PURE__ */ m(fe, {
-					label: b?.label || "Title",
-					children: /* @__PURE__ */ m(S, {
-						markup: B.title || "",
-						onChange: this.changeGraphTitle,
-						toolbarOpts: Q,
-						activePlugins: [
-							"bold",
-							"html",
-							"italic",
-							"underline",
-							"strikethrough",
-							"image",
-							"math",
-							"languageCharacters",
-							"responseArea"
-						],
-						pluginProps: $(b?.inputConfiguration),
-						spellCheck: z,
-						imageSupport: o,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: E
-					})
-				}),
-				!B.exhibitOnly && /* @__PURE__ */ h(d.Fragment, { children: [
-					/* @__PURE__ */ h(s, {
-						header: "Define Tool Set and Correct Response",
-						children: ["Select answer type and place it on the number line. Intersecting points, line segments and/or rays will appear above the number line. ", /* @__PURE__ */ m("i", { children: "Note: A maximum of 20 points, line segments or rays may be plotted." })]
-					}),
-					/* @__PURE__ */ m(s, {
-						header: "Available Tools",
-						mini: !0,
-						children: "Click on the input options to be displayed to the students. All inputs will display by default."
-					}),
-					/* @__PURE__ */ m(de, { children: /* @__PURE__ */ m(te, {
-						onSelectionChange: this.availableTypesChange,
-						selection: B.availableTypes,
-						availableTools: I,
-						hideButtons: F
-					}) }),
-					/* @__PURE__ */ h(me, { children: [
-						/* @__PURE__ */ m("label", { children: "Max No of Elements" }),
-						/* @__PURE__ */ m(le, {
-							min: 1,
-							max: P,
-							onlyIntegersAllowed: !0,
-							value: B.maxNumberOfPoints,
-							onChange: this.changeMaxNoOfPoints
-						}),
-						K && /* @__PURE__ */ m(N, { children: K })
-					] }),
-					/* @__PURE__ */ m("label", { children: "Correct Answer" }),
-					/* @__PURE__ */ m(a, {
-						onMoveElement: this.moveCorrectResponse,
-						onDeleteElements: this.deleteCorrectResponse,
-						onAddElement: this.addCorrectResponse,
-						onClearElements: this.clearCorrectResponse,
-						onUndoElement: this.undoCorrectResponse,
-						minWidth: D.min,
-						maxWidth: D.max,
-						answer: Ce,
-						model: w(e)
-					}),
-					U && /* @__PURE__ */ m(N, { children: U })
-				] }),
-				/* @__PURE__ */ m(v, {
-					open: V.open,
-					title: "Warning",
-					text: V.text,
-					onConfirm: () => this.setState({ dialog: { open: !1 } })
-				}),
-				/* @__PURE__ */ m(v, {
-					open: H.open,
-					title: "Warning",
-					text: H.text,
-					onConfirm: () => {
-						let e = this.state.correctAnswerDialog.indices;
-						e && e.length > 0 && this.deleteCorrectResponse(e), this.setState({ correctAnswerDialog: { open: !1 } });
-					},
-					onClose: () => {
-						let e = this.state.correctAnswerDialog.graph;
-						t({ graph: e }), this.setState({ correctAnswerDialog: { open: !1 } });
-					},
-					onConfirmText: "OK",
-					onCloseText: "Cancel"
-				}),
-				xe && /* @__PURE__ */ h(M, {
-					label: C.label || "Rationale",
-					children: [/* @__PURE__ */ m(S, {
-						markup: e.rationale || "",
-						onChange: (e) => t({ rationale: e }),
-						error: J,
-						toolbarOpts: Q,
-						spellCheck: z,
-						pluginProps: $(C?.inputConfiguration),
-						imageSupport: o,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: E
-					}), J && /* @__PURE__ */ m(N, { children: J })]
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { F as default };

package/dist/author/number-text-field.d.ts

@@ -1,13 +0,0 @@
-/**
- * @synced-from pie-elements/packages/number-line/configure/src/number-text-field.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';
-declare const MiniField: any;
-declare const NumberTextField: (props: any) => React.JSX.Element;
-export { MiniField };
-export default NumberTextField;

package/dist/author/number-text-field.js

@@ -1,13 +0,0 @@
-import "react";
-import { styled as e } from "@mui/material/styles";
-import { jsx as t } from "react/jsx-runtime";
-import { NumberTextField as n } from "@pie-lib/config-ui";
-//#region src/author/number-text-field.tsx
-var r = e(n)(({ theme: e }) => ({ marginLeft: e.spacing(1) }));
-e(n)({ maxWidth: "100px" });
-var i = (e) => /* @__PURE__ */ t(r, {
-	...e,
-	variant: "outlined"
-});
-//#endregion
-export { i as default };

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

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-elements/packages/number-line/configure/src/point-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 React from 'react';
-import PropTypes from 'prop-types';
-declare class PointConfig extends React.Component {
-    static propTypes: {
-        onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        selection: PropTypes.Requireable<object>;
-        availableTools: PropTypes.Requireable<any[]>;
-        hideButtons: PropTypes.Requireable<boolean>;
-    };
-    constructor(props: any);
-    toggle(point: any): void;
-    toggleAll(value: any): void;
-    _propsUpdate(selection: any): void;
-    active(point: any): boolean;
-    render(): React.JSX.Element;
-}
-export default PointConfig;

package/dist/author/point-config.js

@@ -1,69 +0,0 @@
-import { point_chooser_exports as e } from "../delivery/number-line/point-chooser/index.js";
-import t from "react";
-import { styled as n } from "@mui/material/styles";
-import r from "prop-types";
-import i from "@mui/material/Button";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/author/point-config.tsx
-var { Point: s } = e, c = n("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(2.5),
-	"& > :first-child": { marginRight: e.spacing(1) }
-})), l = class e extends t.Component {
-	static propTypes = {
-		onSelectionChange: r.func,
-		selection: r.object,
-		availableTools: r.array,
-		hideButtons: r.bool
-	};
-	constructor(e) {
-		super(e);
-	}
-	toggle(e) {
-		let t = { ...this.props.selection };
-		t[e] = !t[e], this._propsUpdate(t);
-	}
-	toggleAll(t) {
-		let n = [...e.types].reduce((e, n) => (e[n] = t, e), {});
-		this._propsUpdate(n);
-	}
-	_propsUpdate(e) {
-		this.props.onSelectionChange(e);
-	}
-	active(e) {
-		return this.props.selection[e] === !0;
-	}
-	render() {
-		let { availableTools: e, hideButtons: t = !1 } = this.props;
-		return /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", { children: (e || []).map((e) => /* @__PURE__ */ a(s, {
-			iconKey: e.toLowerCase(),
-			onClick: this.toggle.bind(this, e),
-			active: this.active(e)
-		}, e.toLowerCase())) }), /* @__PURE__ */ o(c, {
-			hidden: t,
-			children: [/* @__PURE__ */ a(i, {
-				variant: "outlined",
-				size: "small",
-				onClick: this.toggleAll.bind(this, !0),
-				children: "Select All"
-			}), /* @__PURE__ */ a(i, {
-				variant: "outlined",
-				size: "small",
-				onClick: this.toggleAll.bind(this, !1),
-				children: "None"
-			})]
-		})] });
-	}
-};
-l.types = [
-	"PF",
-	"LFF",
-	"LEF",
-	"LFE",
-	"LEE",
-	"RFN",
-	"RFP",
-	"REN",
-	"REP"
-];
-//#endregion
-export { l as default };

package/dist/author/size.d.ts

@@ -1,24 +0,0 @@
-/**
- * @synced-from pie-elements/packages/number-line/configure/src/size.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';
-declare const Size: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        size: PropTypes.Requireable<PropTypes.InferProps<{
-            width: PropTypes.Requireable<number>;
-            height: PropTypes.Requireable<number>;
-        }>>;
-        min: PropTypes.Requireable<number>;
-        max: PropTypes.Requireable<number>;
-        step: PropTypes.Requireable<number>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default Size;

package/dist/author/size.js

@@ -1,48 +0,0 @@
-import "react";
-import { styled as e } from "@mui/material/styles";
-import t from "prop-types";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { NumberTextFieldCustom as i } from "@pie-lib/config-ui";
-//#region src/author/size.tsx
-var a = e("div")({
-	display: "flex",
-	alignItems: "center",
-	gap: "10px"
-}), o = e("div")({
-	display: "flex",
-	flexFlow: "column"
-}), s = e("label")({
-	fontSize: "small",
-	color: "gray"
-}), c = e(i)({ "& input": { cursor: "default" } }), l = (e) => {
-	let { size: t = { width: 500 }, min: i = 150, max: l = 800, step: u = 20, onChange: d } = e;
-	return /* @__PURE__ */ r(a, { children: [/* @__PURE__ */ r(o, { children: [/* @__PURE__ */ n("label", { children: "Width (px)" }), /* @__PURE__ */ r(s, { children: [
-		"Min ",
-		i,
-		", Max ",
-		l
-	] })] }), /* @__PURE__ */ n(c, {
-		value: t.width,
-		min: i,
-		max: l,
-		step: u,
-		onlyIntegersAllowed: !0,
-		onChange: (t, n) => d({
-			...e.size,
-			width: n
-		}),
-		variant: "outlined"
-	})] });
-};
-l.propTypes = {
-	size: t.shape({
-		width: t.number,
-		height: t.number
-	}),
-	min: t.number,
-	max: t.number,
-	step: t.number,
-	onChange: t.func.isRequired
-};
-//#endregion
-export { l as default };