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

package/dist/delivery/number-line/index.js

@@ -1,27 +1,24 @@
 import e from "./point-chooser/index.js";
-import t from "../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isArray.js";
-import n from "../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import r from "../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import i from "../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isNumber.js";
-import a from "./graph/index.js";
-import o from "./feedback.js";
-import { buildElementModel as s } from "./graph/elements/builder.js";
-import c from "react";
-import { styled as l } from "@mui/material/styles";
-import u from "prop-types";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "@pie-lib/translator";
+import t from "./graph/index.js";
+import n from "./feedback.js";
+import { buildElementModel as r } from "./graph/elements/builder.js";
+import i from "react";
+import { styled as a } from "@mui/material/styles";
+import o from "prop-types";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@pie-lib/translator";
+import { cloneDeep as u, isArray as d, isEqual as f, isNumber as p } from "@pie-element/shared-lodash";
 import * as m from "@pie-lib/render-ui";
-import { Collapsible as h, PreviewPrompt as g, UiLayout as _, color as v, hasMedia as y, hasText as ee } from "@pie-lib/render-ui";
-import b from "@pie-lib/correct-answer-toggle";
+import { Collapsible as h, PreviewPrompt as g, UiLayout as _, color as v, hasMedia as y, hasText as b } from "@pie-lib/render-ui";
+import x from "@pie-lib/correct-answer-toggle";
 //#region src/delivery/number-line/index.tsx
-function x(e) {
+function S(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function S(e, t) {
-	return !e || x(e) ? e : x(e.default) ? e.default : t && x(e[t]) ? e[t] : t && x(e[t]?.default) ? e[t].default : e;
+function C(e, t) {
+	return !e || S(e) ? e : S(e.default) ? e.default : t && S(e[t]) ? e[t] : t && S(e[t]?.default) ? e[t].default : e;
 }
-var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt") || S(O.PreviewPrompt, "PreviewPrompt"), T = S(h, "Collapsible") || S(O.Collapsible, "Collapsible"), E = m, D = E.default, O = D && typeof D == "object" ? D : E, { translator: k } = p, A = l(C)(({ $colorContrast: e }) => ({
+var w = C(_, "UiLayout") || C(k.UiLayout, "UiLayout"), T = C(g, "PreviewPrompt") || C(k.PreviewPrompt, "PreviewPrompt"), E = C(h, "Collapsible") || C(k.Collapsible, "Collapsible"), D = m, O = D.default, k = O && typeof O == "object" ? O : D, { translator: A } = l, j = a(w)(({ $colorContrast: e }) => ({
 	color: v.text(),
 	backgroundColor: v.background(),
 	...e === "black_on_rose" && { backgroundColor: "mistyrose" },
@@ -34,7 +31,7 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 		"--point-stroke": "white",
 		"--point-fill": "black"
 	}
-})), j = l("div")(({ $colorContrast: e }) => ({
+})), M = a("div")(({ $colorContrast: e }) => ({
 	boxSizing: "unset",
 	color: v.text(),
 	backgroundColor: v.background(),
@@ -48,22 +45,22 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 		"--point-stroke": "white",
 		"--point-fill": "black"
 	}
-})), M = l("div")({
+})), N = a("div")({
 	textAlign: "center",
 	pointerEvents: "none",
 	userSelect: "none"
-}), N = l("div")({ marginBottom: "16px" }), P = l("div")({
+}), P = a("div")({ marginBottom: "16px" }), F = a("div")({
 	verticalAlign: "middle",
 	marginBottom: "16px"
-}), F = l(T)(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), I = class extends c.Component {
+}), ee = a(E)(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), I = class extends i.Component {
 	static propTypes = {
-		onMoveElement: u.func.isRequired,
-		onDeleteElements: u.func.isRequired,
-		onAddElement: u.func.isRequired,
-		onUndoElement: u.func.isRequired,
-		onClearElements: u.func.isRequired,
-		model: u.object.isRequired,
-		answer: u.array
+		onMoveElement: o.func.isRequired,
+		onDeleteElements: o.func.isRequired,
+		onAddElement: o.func.isRequired,
+		onUndoElement: o.func.isRequired,
+		onClearElements: o.func.isRequired,
+		model: o.object.isRequired,
+		answer: o.array
 	};
 	constructor(t, n) {
 		super(t, n);
@@ -90,19 +87,19 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 		}
 		let { ticks: t, domain: n, availableTypes: i } = this.props.model.graph;
 		if (i && !i[this.state.elementType.toUpperCase()]) return;
-		let a = s(e, this.state.elementType, n, t.minor);
+		let a = r(e, this.state.elementType, n, t.minor);
 		if (a) {
 			let { answers: e } = this.state;
-			e.some((e) => r(e, a)) || (e.push(a), this.setState({ answers: e }), this.props.onAddElement(a));
+			e.some((e) => f(e, a)) || (e.push(a), this.setState({ answers: e }), this.props.onAddElement(a));
 		}
 	}
 	hasMaxNoOfPoints() {
 		let { answer: e, model: { graph: { maxNumberOfPoints: t } } } = this.props;
-		return i(t) && t > 0 && (e || []).length >= t;
+		return p(t) && t > 0 && (e || []).length >= t;
 	}
 	UNSAFE_componentWillReceiveProps(e) {
 		let { answer: t } = e;
-		r(this.state.answers, t) || this.setState({
+		f(this.state.answers, t) || this.setState({
 			showCorrectAnswer: !1,
 			answers: t
 		});
@@ -123,24 +120,24 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 		this.setState({ answers: [] }), e();
 	}
 	render() {
-		let { model: r, onDeleteElements: i, onMoveElement: s, minWidth: c = 400, maxWidth: l = 1600, maxHeight: u } = this.props, { showCorrectAnswer: p, answers: m, selectedElements: h, showMaxPointsWarning: g, elementType: _ } = this.state, { corrected: v = {
+		let { model: r, onDeleteElements: i, onMoveElement: a, minWidth: o = 400, maxWidth: l = 1600, maxHeight: f } = this.props, { showCorrectAnswer: p, answers: m, selectedElements: h, showMaxPointsWarning: g, elementType: _ } = this.state, { corrected: v = {
 			correct: [],
 			incorrect: []
-		}, disabled: x, extraCSSRules: S, graph: C, correctResponse: T, prompt: E, emptyAnswer: D, feedback: O, colorContrast: I, language: L, teacherInstructions: R } = r, z = this.addElement.bind(this), B = !x && h && h.length > 0, { ticks: V, domain: H, arrows: U, maxNumberOfPoints: W, height: G = 100, availableTypes: K, title: q, fraction: J } = C, Y = this.getSize("width", c, l, 600), X = R && (ee(R) || y(R)), Z = {
-			disabled: x,
+		}, disabled: S, extraCSSRules: C, graph: w, correctResponse: E, prompt: D, emptyAnswer: O, feedback: k, colorContrast: I, language: L, teacherInstructions: R } = r, z = this.addElement.bind(this), B = !S && h && h.length > 0, { ticks: V, domain: H, arrows: U, maxNumberOfPoints: W, height: G = 100, availableTypes: K, title: q, fraction: J } = w, Y = this.getSize("width", o, l, 600), X = R && (b(R) || y(R)), Z = {
+			disabled: S,
 			domain: H,
 			ticks: V,
 			width: Y,
-			height: (G > u ? u : G) || 100,
+			height: (G > f ? f : G) || 100,
 			arrows: U,
 			fraction: J
-		}, Q = p && T ? (T || []).map((e) => (e.correct = !0, e)) : (m || []).map((e, t) => {
-			let r = n(e);
-			return r.selected = h.indexOf(t) !== -1, v.correct.includes(t) ? r.correct = !0 : v.incorrect.includes(t) ? r.correct = !1 : r.correct = void 0, r;
-		}), te = () => W == 1 ? k.t("numberLine.addElementLimit_one", {
+		}, Q = p && E ? (E || []).map((e) => (e.correct = !0, e)) : (m || []).map((e, t) => {
+			let n = u(e);
+			return n.selected = h.indexOf(t) !== -1, v.correct.includes(t) ? n.correct = !0 : v.incorrect.includes(t) ? n.correct = !1 : n.correct = void 0, n;
+		}), te = () => W == 1 ? A.t("numberLine.addElementLimit_one", {
 			lng: L,
 			count: 1
-		}) : k.t("numberLine.addElementLimit_other", {
+		}) : A.t("numberLine.addElementLimit_other", {
 			lng: L,
 			count: W
 		}), ne = () => {
@@ -153,33 +150,33 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 		}, ie = (e) => {
 			this.setState({ showCorrectAnswer: e });
 		}, $ = Z.width - 20;
-		return /* @__PURE__ */ f(A, {
-			extraCSSRules: S,
+		return /* @__PURE__ */ c(j, {
+			extraCSSRules: C,
 			$colorContrast: I,
 			children: [
-				X && /* @__PURE__ */ d(F, {
+				X && /* @__PURE__ */ s(ee, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
 					},
-					children: /* @__PURE__ */ d(w, { prompt: R })
+					children: /* @__PURE__ */ s(T, { prompt: R })
 				}),
-				E && /* @__PURE__ */ d(P, { children: /* @__PURE__ */ d(w, { prompt: E }) }),
-				/* @__PURE__ */ f(j, {
+				D && /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(T, { prompt: D }) }),
+				/* @__PURE__ */ c(M, {
 					$colorContrast: I,
 					style: { width: Y },
 					children: [
-						/* @__PURE__ */ d(N, {
+						/* @__PURE__ */ s(P, {
 							style: { width: $ },
-							children: /* @__PURE__ */ d(b, {
-								show: t(T) && T.length && !D,
+							children: /* @__PURE__ */ s(x, {
+								show: d(E) && E.length && !O,
 								toggled: p,
 								onToggle: ie,
 								initialValue: !1,
 								language: L
 							})
 						}),
-						!x && /* @__PURE__ */ d(e, {
+						!S && /* @__PURE__ */ s(e, {
 							elementType: _,
 							showDeleteButton: B,
 							onDeleteClick: ne,
@@ -189,23 +186,23 @@ var C = S(_, "UiLayout") || S(O.UiLayout, "UiLayout"), w = S(g, "PreviewPrompt")
 							icons: re(),
 							language: L
 						}),
-						/* @__PURE__ */ d(a, {
+						/* @__PURE__ */ s(t, {
 							...Z,
 							elements: Q,
 							onAddElement: z,
-							onMoveElement: s,
+							onMoveElement: a,
 							onToggleElement: this.toggleElement.bind(this),
 							onDeselectElements: this.deselectElements.bind(this),
 							debug: !1
 						}),
-						q && /* @__PURE__ */ d(M, { dangerouslySetInnerHTML: { __html: q } }),
-						g && /* @__PURE__ */ d(o, {
+						q && /* @__PURE__ */ s(N, { dangerouslySetInnerHTML: { __html: q } }),
+						g && /* @__PURE__ */ s(n, {
 							type: "info",
 							width: $,
 							message: te()
 						}),
-						O && !p && /* @__PURE__ */ d(o, {
-							...O,
+						k && !p && /* @__PURE__ */ s(n, {
+							...k,
 							width: $
 						})
 					]