@pie-element/complex-rubric 7.1.2-next.2 → 7.1.2-next.4

package/dist/author/index.js

@@ -1,87 +1,90 @@
-import e from "./main.js";
-import t from "./defaults.js";
-import { ModelUpdatedEvent as n } from "@pie-element/shared-configure-events";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-import a from "@pie-element/rubric/author";
-import o from "@pie-element/multi-trait-rubric/author";
-import s from "debug";
-import { defaults as c } from "@pie-element/shared-lodash";
+import { COMPLEX_RUBRIC_MULTI_TRAIT_CONFIGURE_TAG as e, COMPLEX_RUBRIC_SIMPLE_CONFIGURE_TAG as t } from "../private-tags.js";
+import n from "./main.js";
+import r from "./defaults.js";
+import { ModelUpdatedEvent as i } from "@pie-element/shared-configure-events";
+import a from "react";
+import { createRoot as o } from "react-dom/client";
+import s from "@pie-element/rubric/author";
+import c from "@pie-element/multi-trait-rubric/author";
+import l from "debug";
+import { defaults as u } from "@pie-element/shared-lodash";
 //#region src/author/index.ts
-var l = n.TYPE, u = "rubric-configure", d = "multi-trait-rubric-configure", f = class extends a {}, p = class extends o {};
-customElements.get(u) || customElements.define(u, f), customElements.get(d) || customElements.define(d, p);
-var m = (e, n) => ({
-	configuration: c(e, t.configuration),
-	model: n
-}), h = class a extends HTMLElement {
-	static createDefaultModel = ({ rubrics: { simpleRubric: e = {}, rubricless: n = {}, multiTraitRubric: r = {} } = {
+var d = i.TYPE, f = t, p = e, m = class extends s {}, h = class extends c {};
+customElements.get(f) || customElements.define(f, m), customElements.get(p) || customElements.define(p, h);
+var g = (e, t) => ({
+	configuration: u(e, r.configuration),
+	model: t
+}), _ = class e extends HTMLElement {
+	static createDefaultModel = ({ rubrics: { simpleRubric: e = {}, rubricless: t = {}, multiTraitRubric: n = {} } = {
 		simpleRubric: {},
 		rubricless: {},
 		multiTraitRubric: {}
 	}, ...i } = {}, a = {}) => ({
-		...t?.model || {},
+		...r?.model || {},
 		...a,
 		...i,
 		rubrics: {
 			simpleRubric: {
-				...(t?.model?.rubrics || {}).simpleRubric,
+				...(r?.model?.rubrics || {}).simpleRubric,
 				...(a.rubrics || {}).simpleRubric,
 				...e
 			},
 			multiTraitRubric: {
-				...(t?.model?.rubrics || {}).multiTraitRubric,
+				...(r?.model?.rubrics || {}).multiTraitRubric,
 				...(a.rubrics || {}).multiTraitRubric,
-				...r
+				...n
 			},
 			rubricless: {
-				...(t?.model?.rubrics || {}).rubricless,
+				...(r?.model?.rubrics || {}).rubricless,
 				...(a.rubrics || {}).rubricless,
-				...n
+				...t
 			}
 		}
 	});
 	constructor() {
-		super(), this._root = null, this.canUpdateModel = !1, s.log("constructor called"), this._model = a.createDefaultModel(), this._configuration = t.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this.canUpdateModel = !1, l.log("constructor called"), this._model = e.createDefaultModel(), this._configuration = r.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
-	set model(e) {
-		this._model = a.createDefaultModel(e, this._model), this.canUpdateModel = !0, this._render();
+	set model(t) {
+		this._model = e.createDefaultModel(t, this._model), this.canUpdateModel = !0, this._render();
 	}
 	dispatchModelUpdated(e) {
 		let t = !!e;
-		this.dispatchEvent(new n(this._model, t));
+		this.dispatchEvent(new i(this._model, t));
 	}
-	onModelChanged = (e, t) => {
-		this._model = a.createDefaultModel(e, this._model), this.dispatchModelUpdated(t), this._render();
+	onModelChanged = (t, n) => {
+		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
 	};
 	set configuration(e) {
-		let t = m(e, this._model);
+		let t = g(e, this._model);
 		this._configuration = t.configuration, this._render();
 	}
 	onConfigurationChanged(e) {
-		this._configuration = m(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+		this._configuration = g(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
 	}
 	onModelUpdated = (e) => {
 		if (e.target === this) return;
 		e.preventDefault(), e.stopImmediatePropagation();
 		let t = e.target && e.target.getAttribute("id");
-		t && (e.update && (this._model.rubrics[t] = e.update), this.dispatchEvent(new n(this._model)));
+		t && (e.update && (this._model.rubrics[t] = e.update), this.dispatchEvent(new i(this._model)));
 	};
 	connectedCallback() {
-		this.addEventListener(l, this.onModelUpdated), this._render();
+		this.addEventListener(d, this.onModelUpdated), this._render();
 	}
 	_render() {
-		let t = r.createElement(e, {
+		let e = a.createElement(n, {
 			model: this._model,
 			configuration: this._configuration,
+			multiTraitRubricTagName: p,
 			onModelChanged: this.onModelChanged,
 			onConfigurationChanged: this.onConfigurationChanged,
+			simpleRubricTagName: f,
 			canUpdateModel: this.canUpdateModel
 		});
-		this._root ||= i(this), this._root.render(t);
+		this._root ||= o(this), this._root.render(e);
 	}
 	disconnectedCallback() {
-		this.removeEventListener(l, this.onModelUpdated), this._root && this._root.unmount();
+		this.removeEventListener(d, this.onModelUpdated), this._root && this._root.unmount();
 	}
 };
 //#endregion
-export { h as default };
+export { _ as default };

package/dist/author/main.d.ts

@@ -12,9 +12,11 @@ export declare class Main extends React.Component {
     static propTypes: {
         canUpdateModel: PropTypes.Requireable<boolean>;
         configuration: PropTypes.Requireable<object>;
+        multiTraitRubricTagName: PropTypes.Requireable<string>;
         model: PropTypes.Requireable<object>;
         onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
         onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        simpleRubricTagName: PropTypes.Requireable<string>;
     };
     onModelChanged: any;
     onChangeRubricType: any;

package/dist/author/main.js

@@ -1,30 +1,33 @@
-import { RUBRIC_TYPES as e } from "@pie-lib/rubric";
-import t from "react";
-import n from "prop-types";
-import { layout as r } from "@pie-lib/config-ui";
-import i from "@mui/material/Radio";
-import a from "@mui/material/RadioGroup";
-import o from "@mui/material/FormControlLabel";
-import { styled as s } from "@mui/material/styles";
-import { color as c } from "@pie-lib/render-ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { COMPLEX_RUBRIC_MULTI_TRAIT_CONFIGURE_TAG as e, COMPLEX_RUBRIC_SIMPLE_CONFIGURE_TAG as t } from "../private-tags.js";
+import { RUBRIC_TYPES as n } from "@pie-lib/rubric";
+import r from "react";
+import i from "prop-types";
+import { layout as a } from "@pie-lib/config-ui";
+import o from "@mui/material/Radio";
+import s from "@mui/material/RadioGroup";
+import c from "@mui/material/FormControlLabel";
+import { styled as l } from "@mui/material/styles";
+import { color as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/author/main.tsx
-var d = s(o)({ "&.MuiFormControlLabel-root": {
+var p = l(c)({ "&.MuiFormControlLabel-root": {
 	width: "fit-content",
 	paddingRight: "24px",
 	boxSizing: "border-box",
 	"&:hover": { background: "var(--pie-secondary-background, rgba(241,241,241,1))" }
-} }), f = s(i)({ "&.MuiRadio-root": { color: `${c.tertiary()} !important` } }), p = {
-	[e.MULTI_TRAIT_RUBRIC]: "Multi Trait Rubric",
-	[e.SIMPLE_RUBRIC]: "Simple Rubric",
-	[e.RUBRICLESS]: "Rubricless"
-}, m = class extends t.Component {
+} }), m = l(o)({ "&.MuiRadio-root": { color: `${u.tertiary()} !important` } }), h = {
+	[n.MULTI_TRAIT_RUBRIC]: "Multi Trait Rubric",
+	[n.SIMPLE_RUBRIC]: "Simple Rubric",
+	[n.RUBRICLESS]: "Rubricless"
+}, g = class extends r.Component {
 	static propTypes = {
-		canUpdateModel: n.bool,
-		configuration: n.object,
-		model: n.object,
-		onModelChanged: n.func,
-		onConfigurationChanged: n.func
+		canUpdateModel: i.bool,
+		configuration: i.object,
+		multiTraitRubricTagName: i.string,
+		model: i.object,
+		onModelChanged: i.func,
+		onConfigurationChanged: i.func,
+		simpleRubricTagName: i.string
 	};
 	onModelChanged = (e) => {
 		let { onModelChanged: t } = this.props;
@@ -38,69 +41,69 @@ var d = s(o)({ "&.MuiFormControlLabel-root": {
 		});
 	};
 	render() {
-		let { model: t, configuration: n, canUpdateModel: i } = this.props, { extraCSSRules: o, rubrics: s = {} } = t || {}, { rubricType: c } = t, { contentDimensions: m = {}, rubricOptions: h = [], multiTraitRubric: g, simpleRubric: _, rubricless: v, width: y } = n, b = "";
-		c ||= e.SIMPLE_RUBRIC;
-		let x = h.indexOf(c) > -1;
-		if (i) switch (c) {
-			case e.SIMPLE_RUBRIC:
+		let { model: r, configuration: i, canUpdateModel: o, multiTraitRubricTagName: c = e, simpleRubricTagName: l = t } = this.props, u = c, g = l, { extraCSSRules: _, rubrics: v = {} } = r || {}, { rubricType: y } = r, { contentDimensions: b = {}, rubricOptions: x = [], multiTraitRubric: S, simpleRubric: C, rubricless: w, width: T } = i, E = "";
+		y ||= n.SIMPLE_RUBRIC;
+		let D = x.indexOf(y) > -1;
+		if (o) switch (y) {
+			case n.SIMPLE_RUBRIC:
 			default:
-				b = /* @__PURE__ */ l("rubric-configure", {
+				E = /* @__PURE__ */ d(g, {
 					id: "simpleRubric",
 					ref: (e) => {
 						e && (this.simpleRubric = e, this.simpleRubric.model = {
-							...s.simpleRubric,
-							errors: t.errors || {}
+							...v.simpleRubric,
+							errors: r.errors || {}
 						}, this.simpleRubric.configuration = {
-							..._,
-							width: y
+							...C,
+							width: T
 						});
 					}
 				}, "simple-rubric");
 				break;
-			case e.MULTI_TRAIT_RUBRIC:
-				b = /* @__PURE__ */ l("multi-trait-rubric-configure", {
+			case n.MULTI_TRAIT_RUBRIC:
+				E = /* @__PURE__ */ d(u, {
 					id: "multiTraitRubric",
 					ref: (e) => {
 						e && (this.multiTraitRubric = e, this.multiTraitRubric.model = {
-							...s.multiTraitRubric,
-							errors: t.errors || {}
+							...v.multiTraitRubric,
+							errors: r.errors || {}
 						}, this.multiTraitRubric.configuration = {
-							...g,
-							width: y || g.width
+							...S,
+							width: T || S.width
 						});
 					}
 				}, "multi-trait-rubric");
 				break;
-			case e.RUBRICLESS:
-				b = /* @__PURE__ */ l("rubric-configure", {
+			case n.RUBRICLESS:
+				E = /* @__PURE__ */ d(g, {
 					id: "rubricless",
 					ref: (e) => {
-						e && (this.rubricless = e, this.rubricless.model = s.rubricless, this.rubricless.configuration = {
-							...v,
-							width: y
+						e && (this.rubricless = e, this.rubricless.model = v.rubricless, this.rubricless.configuration = {
+							...w,
+							width: T
 						});
 					}
 				}, "rubricless");
 				break;
 		}
-		return /* @__PURE__ */ u(r.ConfigLayout, {
-			extraCSSRules: o,
-			dimensions: m,
+		return /* @__PURE__ */ f(a.ConfigLayout, {
+			extraCSSRules: _,
+			dimensions: b,
 			hideSettings: !0,
 			settings: null,
-			children: [/* @__PURE__ */ l(a, {
+			children: [/* @__PURE__ */ d(s, {
 				"aria-label": "rubric-type",
 				name: "rubricType",
-				value: t.rubricType,
+				value: r.rubricType,
 				onChange: this.onChangeRubricType,
-				children: h.length > 1 && h.map((e, t) => /* @__PURE__ */ l(d, {
+				children: x.length > 1 && x.map((e, t) => /* @__PURE__ */ d(p, {
 					value: e,
-					control: /* @__PURE__ */ l(f, { checked: c === e }),
-					label: p[e]
+					control: /* @__PURE__ */ d(m, { checked: y === e }),
+					label: h[e]
 				}, t))
-			}), x && b]
+			}), D && E]
 		});
 	}
 };
 //#endregion
-export { m as default };
+export { g as default };