@pie-element/charting 12.1.2-next.0 → 12.1.2-next.10

package/dist/author/charting-config.js

@@ -16,10 +16,10 @@ var u = n("div")(({ theme: e }) => ({
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
-		let { editable: i, interactive: a } = t;
+		let { editable: i, interactive: a } = t, o = i && e[r]?.label ? e[r].label : t.label, s = a && e[r]?.value ? e[r].value : t.value;
 		n[r] = {
-			label: i && e[r]?.label ? e[r].label : t.label,
-			value: a && e[r]?.value ? e[r].value : t.value,
+			label: o,
+			value: s,
 			editable: t.editable,
 			interactive: t.interactive
 		};
@@ -123,4 +123,4 @@ var u = n("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { h as default };
+export { h as ChartingConfig, h as default };

package/dist/author/configure.js

@@ -1,5 +1,5 @@
-import e from "./charting-config.js";
-import t from "./correct-response.js";
+import { ChartingConfig as e } from "./charting-config.js";
+import { CorrectResponse as t } from "./correct-response.js";
 import { applyConstraints as n, getGridValues as r, getLabelValues as i } from "./utils.js";
 import a from "react";
 import o from "prop-types";
@@ -202,4 +202,4 @@ var _ = f("@pie-element:graphing:configure"), { Panel: te, toggle: v, radio: ne,
 	}
 };
 //#endregion
-export { C as default };
+export { C as Configure, C as default };

package/dist/author/correct-response.js

@@ -1,21 +1,20 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
-import * as n from "react";
-import r from "prop-types";
-import { styled as i } from "@mui/material/styles";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Chart as s } from "@pie-lib/charting";
+import * as e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Chart as a } from "@pie-lib/charting";
+import { cloneDeep as o, isEqual as s } from "@pie-element/shared-lodash";
 import c from "@mui/material/Typography";
 //#region src/author/correct-response.tsx
-var l = i("div")(({ theme: e }) => ({
+var l = n("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), u = i("div")({ flex: 1 }), d = i("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), f = i(c)(({ theme: e }) => ({
+})), u = n("div")({ flex: 1 }), d = n("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), f = n(c)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), p = i("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), m = (e, t) => e.map((e, n) => ({
+})), p = n("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), m = (e, t) => e.map((e, n) => ({
 	...e,
 	editable: n < t.length ? t[n].editable : !0,
 	interactive: n < t.length ? t[n].interactive : !0,
@@ -24,10 +23,10 @@ var l = i("div")(({ theme: e }) => ({
 	if (!e) return t;
 	let n = [...e], r = [];
 	if ((t || []).forEach((t, n) => {
-		let i = t.editable, a = t.interactive;
+		let i = t.editable, a = t.interactive, o = i && e[n]?.label ? e[n].label : t.label, s = a && e[n]?.value || a && e[n]?.value == 0 ? e[n].value : t.value;
 		r[n] = {
-			label: i && e[n]?.label ? e[n].label : t.label,
-			value: a && e[n]?.value || a && e[n]?.value == 0 ? e[n].value : t.value,
+			label: o,
+			value: s,
 			editable: t.editable,
 			interactive: t.interactive
 		};
@@ -39,26 +38,26 @@ var l = i("div")(({ theme: e }) => ({
 }, g = (e, t) => {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
 	return (e || []).splice(n, 0, o), m([...e], t);
-}, _ = (e, t, n) => ((e || []).splice(n, 1), m([...e], t)), v = (t, n, r) => {
-	let i = t && t.model && t.model.data || [], a = n && n.model && n.model.data || [], o = e(t && t.model && t.model.correctAnswer && t.model.correctAnswer.data || []), s = e(r ? r.categories : []), c = [];
-	if (i.length > a.length) return c = g(o, i), c;
-	if (i.length < a.length) {
-		let e = i.length;
-		for (let t = 0; t < i.length; t++) if (i[t].index !== t) {
+}, _ = (e, t, n) => ((e || []).splice(n, 1), m([...e], t)), v = (e, t, n) => {
+	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = o(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), s = o(n ? n.categories : []), c = [];
+	if (r.length > i.length) return c = g(a, r), c;
+	if (r.length < i.length) {
+		let e = r.length;
+		for (let t = 0; t < r.length; t++) if (r[t].index !== t) {
 			e = t;
 			break;
 		}
-		return c = _(s, i, e), c;
+		return c = _(s, r, e), c;
 	}
-	return c = h(o, i), c;
-}, y = class extends n.Component {
+	return c = h(a, r), c;
+}, y = class extends e.Component {
 	static propTypes = {
-		correctAnswerErrors: r.object,
-		studentNewCategoryDefaultLabel: r.string,
-		model: r.object.isRequired,
-		onChange: r.func.isRequired,
-		charts: r.array,
-		error: r.string
+		correctAnswerErrors: t.object,
+		studentNewCategoryDefaultLabel: t.string,
+		model: t.object.isRequired,
+		onChange: t.func.isRequired,
+		charts: t.array,
+		error: t.string
 	};
 	constructor(e) {
 		super(e), this.state = { categories: [] };
@@ -77,19 +76,19 @@ var l = i("div")(({ theme: e }) => ({
 		let e = v(this.props, this.props, null);
 		this.setState({ categories: e || h(this.props.model.correctAnswer.data, this.props.model.data) });
 	}
-	componentDidUpdate(e, n) {
-		let r = v(this.props, e, n);
-		r && !t(r, this.state.categories) && (this.changeData(r), this.setState({ categories: r }));
+	componentDidUpdate(e, t) {
+		let n = v(this.props, e, t);
+		n && !s(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
 	}
 	render() {
-		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: m = {}, labelsPlaceholders: h = {} } = this.props, { categories: g } = this.state, { domain: _ = {}, range: v = {} } = e || {}, { identicalError: y, categoriesError: b } = i || {};
-		return /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(p, { children: "Define Correct Response" }), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, { children: [
-			/* @__PURE__ */ a(c, {
+		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: o, correctAnswerErrors: s, mathMlOptions: m = {}, labelsPlaceholders: h = {} } = this.props, { categories: g } = this.state, { domain: _ = {}, range: v = {} } = e || {}, { identicalError: y, categoriesError: b } = s || {};
+		return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(p, { children: "Define Correct Response" }), /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i(u, { children: [
+			/* @__PURE__ */ r(c, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ a("span", { children: "Use the tools below to define the correct answer." })
+				children: /* @__PURE__ */ r("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			a(y || b ? d : "div", { children: /* @__PURE__ */ a(s, {
+			r(y || b ? d : "div", { children: /* @__PURE__ */ r(a, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: _,
@@ -99,18 +98,18 @@ var l = i("div")(({ theme: e }) => ({
 				title: e.title,
 				onDataChange: this.changeData,
 				addCategoryEnabled: e.addCategoryEnabled,
-				categoryDefaultLabel: r,
+				categoryDefaultLabel: o,
 				error: n,
 				mathMlOptions: m,
 				labelsPlaceholders: h
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(y || b) && /* @__PURE__ */ a(f, {
+			(y || b) && /* @__PURE__ */ r(f, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ a("span", { children: y || b })
+				children: /* @__PURE__ */ r("span", { children: y || b })
 			})
 		] }, "graph") })] });
 	}
 };
 //#endregion
-export { y as default };
+export { y as CorrectResponse, y as default, v as getUpdatedCategories };

package/dist/author/index.d.ts

@@ -47,5 +47,6 @@ export default class GraphLinesConfigure extends HTMLElement {
     insertSound(handler: any): void;
     onDeleteSound(src: any, done: any): void;
     _render(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -1,4 +1,4 @@
-import e from "./configure.js";
+import { Configure as e } from "./configure.js";
 import t from "./defaults.js";
 import n from "react";
 import { createRoot as r } from "react-dom/client";
@@ -66,8 +66,11 @@ var d = a("pie-elements:graphing:configure"), f = class a extends HTMLElement {
 			});
 		}
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/author/utils.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
+import { isEqual as e } from "@pie-element/shared-lodash";
 //#region src/author/utils.ts
 var t = [
 	.01,
@@ -241,4 +241,4 @@ var t = [
 	};
 };
 //#endregion
-export { o as applyConstraints, i as getGridValues, a as getLabelValues };
+export { r as VALID_LABEL_VALUES, o as applyConstraints, i as getGridValues, a as getLabelValues };