@pie-element/number-line 13.1.1 → 13.1.2-next.1

package/dist/author/size.js

@@ -0,0 +1,48 @@
+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 };

package/dist/author/ticks.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/ticks.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 TickIntervals: string[];
+export declare const Ticks: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        ticks: PropTypes.Requireable<object>;
+        minorLimits: PropTypes.Requireable<object>;
+        minorValues: PropTypes.Requireable<object>;
+        majorValues: PropTypes.Requireable<object>;
+    };
+};
+export default Ticks;

package/dist/author/ticks.js

@@ -0,0 +1,115 @@
+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 * as i from "mathjs";
+import { color as a } from "@pie-lib/render-ui";
+import { NumberTextFieldCustom as o } from "@pie-lib/config-ui";
+import s from "@mui/material/FormControlLabel";
+import c from "@mui/material/RadioGroup";
+import l from "@mui/material/Radio";
+//#region src/author/ticks.tsx
+var u = e("div")({ display: "flex" }), d = e("div")({
+	display: "flex",
+	flexFlow: "column",
+	gap: "10px",
+	width: "65%"
+}), f = e("div")({
+	display: "flex",
+	flexFlow: "column",
+	gap: "10px"
+}), p = e("tr")({
+	display: "flex",
+	alignItems: "center",
+	paddingTop: "5px",
+	paddingBottom: "5px"
+}), m = e("table")({
+	tableLayout: "fixed",
+	width: "100%"
+}), h = e("td")({ width: "35%" }), g = e(l)({ color: `${a.tertiary()} !important` }), _ = e(o)({ "& input": {
+	maxWidth: "145px",
+	cursor: "default"
+} }), v = [
+	"Integer",
+	"Fraction",
+	"Decimal"
+], y = (e) => {
+	let { ticks: t, onChange: a, minorLimits: o, minorValues: l, majorValues: y } = e, b = i.fraction(i.number(t.major)), x = b.d === 1 ? b.n.toString() : b.n + "/" + b.d;
+	return /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ r(d, { children: [/* @__PURE__ */ n("label", { children: "Tick Interval" }), /* @__PURE__ */ n(c, {
+		"aria-label": "tick-interval-type",
+		name: "tickIntervalType",
+		value: t.tickIntervalType,
+		onChange: (e, n) => {
+			v.includes(n) && (n === "Integer" ? t.minor = t.integerTick : n === "Decimal" ? t.minor = t.decimalTick : n === "Fraction" && (t.minor = i.number(i.fraction(t.fractionTick))), t.tickIntervalType = n, a({ ticks: t }));
+		},
+		children: /* @__PURE__ */ n(m, { children: /* @__PURE__ */ r("tbody", { children: [
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Integer",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Integer" }),
+				label: "Integer",
+				disabled: o.max < 1
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.integerTick,
+				min: i.number(i.ceil(o.min)),
+				max: i.number(i.floor(o.max)),
+				step: 1,
+				onlyIntegersAllowed: !0,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Integer" && (t.integerTick = n, t.minor = n, a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "number",
+				disabled: t.tickIntervalType !== "Integer" || o.max < 1
+			}, t.tickIntervalType !== "Integer" || o.max < 1 ? "integerDisabled" : "integerEnabled") })] }),
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Fraction",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Fraction" }),
+				label: "Unit Fraction",
+				disabled: l.fraction.length === 0
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.fractionTick,
+				customValues: l.fraction,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Fraction" && (t.fractionTick = n, t.minor = i.number(i.fraction(n)), a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "text",
+				disabled: t.tickIntervalType !== "Fraction" || l.fraction.length === 0
+			}, t.tickIntervalType !== "Fraction" || l.fraction.length === 0 ? "fractionDisabled" : "fractionEnabled") })] }),
+			/* @__PURE__ */ r(p, { children: [/* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(s, {
+				value: "Decimal",
+				control: /* @__PURE__ */ n(g, { checked: t.tickIntervalType === "Decimal" }),
+				label: "Decimal",
+				disabled: l.decimal.length === 0
+			}) }), /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(_, {
+				value: t.decimalTick,
+				customValues: l.decimal,
+				onChange: (e, n) => {
+					t.tickIntervalType === "Decimal" && (t.decimalTick = n, t.minor = n, a({ ticks: t }));
+				},
+				variant: "outlined",
+				type: "number",
+				disabled: t.tickIntervalType !== "Decimal" || l.decimal.length === 0
+			}, t.tickIntervalType !== "Decimal" || l.decimal.length === 0 ? "decimalDisabled" : "decimalEnabled") })] })
+		] }) })
+	})] }), /* @__PURE__ */ r(f, { children: [/* @__PURE__ */ n("label", { children: "Label Interval" }), /* @__PURE__ */ n(_, {
+		value: t.tickIntervalType === "Fraction" ? x : t.major,
+		variant: "outlined",
+		customValues: t.tickIntervalType === "Fraction" ? y.fraction : y.decimal,
+		type: t.tickIntervalType === "Fraction" ? "text" : "number",
+		onChange: t.tickIntervalType === "Fraction" ? (e, n) => {
+			t.tickIntervalType === "Fraction" && (t.major = i.number(i.fraction(n)), a({ ticks: t }));
+		} : (e, n) => {
+			(t.tickIntervalType === "Decimal" || t.tickIntervalType === "Integer") && (t.major = n, a({ ticks: t }));
+		}
+	})] })] });
+};
+y.propTypes = {
+	onChange: t.func,
+	ticks: t.object,
+	minorLimits: t.object,
+	minorValues: t.object,
+	majorValues: t.object
+};
+//#endregion
+export { y as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/utils.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 generateValidationMessage: () => string;

package/dist/author/utils.js

@@ -0,0 +1,4 @@
+//#region src/author/utils.ts
+var e = () => "Validation requirements:\nThe correct answer should include at least one number line object.";
+//#endregion
+export { e as generateValidationMessage };