@pie-element/multi-trait-rubric 8.1.2-next.0 → 8.1.2-next.10

package/dist/author/index.d.ts

@@ -18,5 +18,6 @@ export default class MultiTraitRubricElement extends HTMLElement {
     insertImage(handler: any): void;
     onDeleteImage(src: any, done: any): void;
     _render(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -1,7 +1,7 @@
 import e from "./defaults.js";
 import { excludeZeroTypes as t } from "./modals.js";
 import { addOrRemoveScaleColumn as n } from "./utils.js";
-import r from "./main.js";
+import { Main as r } from "./main.js";
 import i from "react";
 import { createRoot as a } from "react-dom/client";
 import { DeleteImageEvent as o, DeleteSoundEvent as s, InsertImageEvent as c, InsertSoundEvent as l, ModelUpdatedEvent as u } from "@pie-element/shared-configure-events";
@@ -81,8 +81,11 @@ var d = (t) => ({
 			this._root ||= a(this), this._root.render(e);
 		}
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/author/main.d.ts

@@ -23,7 +23,7 @@ export declare class Main extends React.Component {
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     updateDivWidth(): void;
-    updateDivWidthDebounced: any;
+    updateDivWidthDebounced: import("@pie-element/shared-lodash").CancelableFunction<() => void>;
     onScaleAdded: any;
     onScaleChanged: any;
     onScaleRemoved: any;

package/dist/author/main.js

@@ -1,38 +1,36 @@
-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/debounce.js";
-import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import { ExcludeZeroDialog as r, IncludeZeroDialog as i, InfoDialog as a, excludeZeroTypes as o } from "./modals.js";
-import { addOrRemoveScaleColumn as s } from "./utils.js";
-import { MultiTraitButton as c } from "./common.js";
-import l from "./scale.js";
-import u from "react";
-import d from "prop-types";
-import { styled as f } from "@mui/material/styles";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ExcludeZeroDialog as e, IncludeZeroDialog as t, InfoDialog as n, excludeZeroTypes as r } from "./modals.js";
+import { addOrRemoveScaleColumn as i } from "./utils.js";
+import { MultiTraitButton as a } from "./common.js";
+import { Scale as o } from "./scale.js";
+import s from "react";
+import c from "prop-types";
+import { styled as l } from "@mui/material/styles";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { cloneDeep as f, debounce as p, isEmpty as m } from "@pie-element/shared-lodash";
 import { layout as h, settings as g } from "@pie-lib/config-ui";
 //#region src/author/main.tsx
-var { Panel: _, toggle: v } = g, y = "650px", b = f("div")(({ theme: e }) => ({
+var { Panel: _, toggle: v } = g, y = "650px", b = l("div")(({ theme: e }) => ({
 	fontFamily: "Cerebri Sans",
 	fontSize: e.typography.fontSize + 2,
 	padding: "16px 0"
-})), x = ({ showExcludeZeroDialog: e, excludeZero: t, changeExcludeZero: n, cancel: a }) => e && !t ? /* @__PURE__ */ p(r, {
-	open: e && !t,
-	changeExcludeZero: n,
+})), x = ({ showExcludeZeroDialog: n, excludeZero: r, changeExcludeZero: i, cancel: a }) => n && !r ? /* @__PURE__ */ u(e, {
+	open: n && !r,
+	changeExcludeZero: i,
 	cancel: a
-}) : e && t ? /* @__PURE__ */ p(i, {
-	open: e && t,
-	changeExcludeZero: n,
+}) : n && r ? /* @__PURE__ */ u(t, {
+	open: n && r,
+	changeExcludeZero: i,
 	cancel: a
 }) : null;
 x.propTypes = {
-	showExcludeZeroDialog: d.bool,
-	excludeZero: d.bool,
-	changeExcludeZero: d.func,
-	cancel: d.func
+	showExcludeZeroDialog: c.bool,
+	excludeZero: c.bool,
+	changeExcludeZero: c.func,
+	cancel: c.func
 };
-var S = class extends u.Component {
+var S = class extends s.Component {
 	constructor(e) {
-		super(e), this.divRef = u.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
+		super(e), this.divRef = s.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
 	}
 	state = {
 		showDecreaseMaxPointsDialog: !1,
@@ -59,7 +57,7 @@ var S = class extends u.Component {
 			e !== this.state.adjustedWidth && this.set({ adjustedWidth: e });
 		}
 	}
-	updateDivWidthDebounced = t(() => this.updateDivWidth(), 50);
+	updateDivWidthDebounced = p(() => this.updateDivWidth(), 50);
 	onScaleAdded = () => {
 		let { model: e, onModelChanged: t, configuration: n } = this.props, { scales: r, excludeZero: i } = e || {}, { maxNoOfScales: a } = n || {}, { defaultTraitLabel: o } = n || "";
 		if (r.length || (r = []), o = typeof o == "string" ? o : r[0]?.traitLabel || "", r.length === a) return this.set({
@@ -76,14 +74,14 @@ var S = class extends u.Component {
 			scales: r
 		});
 	};
-	onScaleChanged = (t, r) => {
-		let { model: i, onModelChanged: a } = this.props, c = e((i || {}).scales);
-		if (t < 0 || t >= c.length || n(r)) return !1;
-		Object.keys(r).forEach((e) => {
-			c[t][e] = r[e];
-		}), i.excludeZero && r.maxPoints === 1 && (i.excludeZero = !1, c = s(c, o.add0)), a({
-			...i,
-			scales: c
+	onScaleChanged = (e, t) => {
+		let { model: n, onModelChanged: a } = this.props, o = f((n || {}).scales);
+		if (e < 0 || e >= o.length || m(t)) return !1;
+		Object.keys(t).forEach((n) => {
+			o[e][n] = t[n];
+		}), n.excludeZero && t.maxPoints === 1 && (n.excludeZero = !1, o = i(o, r.add0)), a({
+			...n,
+			scales: o
 		});
 	};
 	onScaleRemoved = (e) => {
@@ -140,14 +138,14 @@ var S = class extends u.Component {
 	};
 	onCloseInfoDialog = () => this.set({ showInfoDialog: !1 });
 	changeExcludeZero = (e) => {
-		let { model: t, onModelChanged: n } = this.props || {}, { scales: r } = t || {}, { excludeZero: i } = t || {};
+		let { model: t, onModelChanged: n } = this.props || {}, { scales: r } = t || {}, { excludeZero: a } = t || {};
 		if (!r || !r.length) return;
-		i = !i;
-		let a = s(r, e);
+		a = !a;
+		let o = i(r, e);
 		n({
 			...t,
-			scales: a,
-			excludeZero: i
+			scales: o,
+			excludeZero: a
 		}), this.hideToggleExcludeZeroModal();
 	};
 	onModelChanged = (e, t) => {
@@ -155,34 +153,34 @@ var S = class extends u.Component {
 		t === "excludeZero" ? this.showToggleExcludeZeroModal() : n(e);
 	};
 	render() {
-		let { model: e, configuration: t, onConfigurationChanged: n, uploadSoundSupport: r, imageSupport: i } = this.props || {}, { addScale: o, baseInputConfiguration: s = {}, dragAndDrop: u, contentDimensions: d = {}, showDescription: f, showExcludeZero: g, showLevelTagInput: y, showStandards: S, showHalfScoring: C, showMaxPoint: w, showScorePointLabels: T, showVisibleToStudent: E, spellCheck: D = {}, settingsPanelDisabled: O, maxNoOfTraits: k, minNoOfTraits: A, width: j, mathMlOptions: M = {}, maxMaxPoints: N, expandedInput: P = {}, labelInput: F = {} } = t || {}, { errors: I, extraCSSRules: L, scales: R, excludeZero: z, description: B, pointLabels: V, standards: H, spellCheckEnabled: U, maxPointsEnabled: W, addScaleEnabled: G } = e || {}, { showExcludeZeroDialog: K, showInfoDialog: q, infoDialogText: J, adjustedWidth: Y } = this.state || {}, X = R?.some((e) => e.maxPoints === 1), Z = {
+		let { model: e, configuration: t, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: s } = this.props || {}, { addScale: c, baseInputConfiguration: l = {}, dragAndDrop: f, contentDimensions: p = {}, showDescription: m, showExcludeZero: g, showLevelTagInput: y, showStandards: S, showHalfScoring: C, showMaxPoint: w, showScorePointLabels: T, showVisibleToStudent: E, spellCheck: D = {}, settingsPanelDisabled: O, maxNoOfTraits: k, minNoOfTraits: A, width: j, mathMlOptions: M = {}, maxMaxPoints: N, expandedInput: P = {}, labelInput: F = {} } = t || {}, { errors: I, extraCSSRules: L, scales: R, excludeZero: z, description: B, pointLabels: V, standards: H, spellCheckEnabled: U, maxPointsEnabled: W, addScaleEnabled: G } = e || {}, { showExcludeZeroDialog: K, showInfoDialog: q, infoDialogText: J, adjustedWidth: Y } = this.state || {}, X = R?.some((e) => e.maxPoints === 1), Z = {
 			standards: S.settings && v(S.label),
 			"showLevelTagInput.enabled": y.settings && v(y.label, !0),
 			visibleToStudent: E.settings && v(E.label),
 			excludeZero: g.settings && v(g.label, !1, X),
 			halfScoring: C.settings && v(C.label),
-			"dragAndDrop.enabled": u.settings && v(u.label, !0)
+			"dragAndDrop.enabled": f.settings && v(f.label, !0)
 		}, Q = {
-			description: f.settings && v(f.label),
+			description: m.settings && v(m.label),
 			pointLabels: T.settings && v(T.label),
 			spellCheckEnabled: D.settings && v(D.label),
 			maxPointsEnabled: w.settings && v(w.label),
-			addScaleEnabled: o.settings && v(o.label)
-		}, $ = (e) => Object.assign({ ...s }, e || {});
-		return /* @__PURE__ */ m(h.ConfigLayout, {
+			addScaleEnabled: c.settings && v(c.label)
+		}, $ = (e) => Object.assign({ ...l }, e || {});
+		return /* @__PURE__ */ d(h.ConfigLayout, {
 			extraCSSRules: L,
-			dimensions: d,
+			dimensions: p,
 			hideSettings: O,
-			settings: /* @__PURE__ */ p(_, {
+			settings: /* @__PURE__ */ u(_, {
 				model: e,
 				onChangeModel: this.onModelChanged,
 				configuration: t,
-				onChangeConfiguration: n,
+				onChangeConfiguration: r,
 				groups: {
 					Settings: Z,
 					Properties: Q
 				},
-				modal: /* @__PURE__ */ p(x, {
+				modal: /* @__PURE__ */ u(x, {
 					showExcludeZeroDialog: K,
 					excludeZero: z,
 					changeExcludeZero: this.changeExcludeZero,
@@ -190,13 +188,13 @@ var S = class extends u.Component {
 				})
 			}),
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ u("div", {
 					style: { width: "100%" },
 					ref: this.divRef
 				}),
-				/* @__PURE__ */ m(b, {
+				/* @__PURE__ */ d(b, {
 					style: { width: j || Y },
-					children: [(R || []).map((e, t) => /* @__PURE__ */ p(l, {
+					children: [(R || []).map((e, t) => /* @__PURE__ */ u(o, {
 						scale: e,
 						scaleIndex: t,
 						errors: I,
@@ -207,25 +205,25 @@ var S = class extends u.Component {
 						showDescription: B,
 						showLevelTagInput: y.enabled,
 						excludeZero: z,
-						enableDragAndDrop: u.enabled,
+						enableDragAndDrop: f.enabled,
 						spellCheck: U,
 						width: Y,
-						uploadSoundSupport: r,
+						uploadSoundSupport: i,
 						maxPointsEnabled: W,
 						maxNoOfTraits: k,
 						minNoOfTraits: A,
-						imageSupport: i,
+						imageSupport: s,
 						...this.props,
 						mathMlOptions: M,
 						maxMaxPoints: N,
 						expandedPluginProps: $(P?.inputConfiguration),
 						labelPluginProps: $(F?.inputConfiguration)
-					}, `scale-${t}`)), G && /* @__PURE__ */ p(c, {
+					}, `scale-${t}`)), G && /* @__PURE__ */ u(a, {
 						onClick: this.onScaleAdded,
 						children: "Add Scale"
 					})]
 				}),
-				/* @__PURE__ */ p(a, {
+				/* @__PURE__ */ u(n, {
 					open: q,
 					text: J,
 					onClose: () => this.set({ showInfoDialog: !1 })
@@ -235,15 +233,15 @@ var S = class extends u.Component {
 	}
 };
 S.propTypes = {
-	model: d.object,
-	uploadSoundSupport: d.object,
-	configuration: d.object,
-	onModelChanged: d.func,
-	onConfigurationChanged: d.func,
-	imageSupport: d.shape({
-		add: d.func.isRequired,
-		delete: d.func.isRequired
+	model: c.object,
+	uploadSoundSupport: c.object,
+	configuration: c.object,
+	onModelChanged: c.func,
+	onConfigurationChanged: c.func,
+	imageSupport: c.shape({
+		add: c.func.isRequired,
+		delete: c.func.isRequired
 	})
 };
 //#endregion
-export { S as default };
+export { S as Main, S as default };

package/dist/author/scale.js

@@ -1,6 +1,6 @@
 import { DecreaseMaxPoints as e, DeleteScale as t, DeleteTrait as n, InfoDialog as r } from "./modals.js";
 import { Arrow as i, MultiTraitButton as a } from "./common.js";
-import o from "./traitsHeader.js";
+import { TraitsHeaderTile as o } from "./traitsHeader.js";
 import s from "./trait.js";
 import c from "react";
 import l from "prop-types";
@@ -277,4 +277,4 @@ v.propTypes = {
 	labelPluginProps: l.object
 };
 //#endregion
-export { v as default };
+export { v as Scale, v as default };

package/dist/author/trait.js

@@ -1,10 +1,10 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import { Block as t, ExpandedInput as n, PrimaryBlock as r, Row as i, SecondaryBlock as a, UnderlinedInput as o } from "./common.js";
-import s from "react";
-import c from "prop-types";
-import { styled as l } from "@mui/material/styles";
-import { InlineMenu as u, color as d } from "@pie-lib/render-ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Block as e, ExpandedInput as t, PrimaryBlock as n, Row as r, SecondaryBlock as i, UnderlinedInput as a } from "./common.js";
+import o from "react";
+import s from "prop-types";
+import { styled as c } from "@mui/material/styles";
+import { InlineMenu as l, color as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { isEmpty as p } from "@pie-element/shared-lodash";
 import m from "@mui/material/IconButton";
 import h from "@mui/material/MenuItem";
 import g from "@mui/icons-material/MoreVert";
@@ -13,32 +13,32 @@ import { useDraggable as v, useDroppable as y } from "@dnd-kit/core";
 import b from "@mui/icons-material/DragIndicator";
 //#region src/author/trait.tsx
 _("@pie-element:placement-ordering:configure:trait-tile");
-var x = l(b)({ color: d.text() }), S = l(r)(({ theme: e }) => ({
+var x = c(b)({ color: u.text() }), S = c(n)(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "space-between",
 	marginBottom: e.spacing(5),
 	touchAction: "none"
-})), C = l("div")({
+})), C = c("div")({
 	display: "flex",
 	alignItems: "center",
 	width: "100%",
 	cursor: "pointer"
-}), w = l(m)({ marginLeft: "auto" }), T = l("div")({
+}), w = c(m)({ marginLeft: "auto" }), ee = c("div")({
 	display: "flex",
 	whiteSpace: "break-spaces"
-}), E = l("div")(({ theme: e }) => ({
+}), T = c("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
 }));
-function D({ error: r, trait: { name: c, standards: l, description: d, scorePointsDescriptors: m }, traitLabel: _, scorePointsValues: b, showStandards: D, showDescription: O, enableDragAndDrop: k, currentPosition: A, secondaryBlockWidth: j, spellCheck: M, maxPoints: ee, uploadSoundSupport: N, mathMlOptions: P = {}, expandedPluginProps: F = {}, labelPluginProps: I = {}, imageSupport: L = {}, index: R, onTraitChanged: z, onTraitRemoved: B, onTraitDropped: te }) {
-	let [V, H] = s.useState(null), U = s.useRef(null), { attributes: W, listeners: G, setNodeRef: K, transform: q, isDragging: J } = v({
+function E({ error: n, trait: { name: s, standards: c, description: u, scorePointsDescriptors: m }, traitLabel: _, scorePointsValues: b, showStandards: E, showDescription: D, enableDragAndDrop: O, currentPosition: k, secondaryBlockWidth: A, spellCheck: j, maxPoints: M, uploadSoundSupport: N, mathMlOptions: P = {}, expandedPluginProps: F = {}, labelPluginProps: I = {}, imageSupport: L = {}, index: R, onTraitChanged: z, onTraitRemoved: B, onTraitDropped: te }) {
+	let [V, H] = o.useState(null), U = o.useRef(null), { attributes: W, listeners: G, setNodeRef: K, transform: q, isDragging: J } = v({
 		id: `trait-${R}`,
 		data: {
 			type: "trait",
 			index: R,
-			name: c
+			name: s
 		}
 	}), { setNodeRef: Y } = y({
 		id: `trait-drop-${R}`,
@@ -47,16 +47,16 @@ function D({ error: r, trait: { name: c, standards: l, description: d, scorePoin
 			index: R
 		}
 	});
-	s.useLayoutEffect(() => {
-		A !== void 0 && U.current && U.current.scrollTo({ left: A });
-	}, [A]);
-	let X = (t) => {
-		e(t) || z({
-			name: c,
-			standards: l,
-			description: d,
+	o.useLayoutEffect(() => {
+		k !== void 0 && U.current && U.current.scrollTo({ left: k });
+	}, [k]);
+	let X = (e) => {
+		p(e) || z({
+			name: s,
+			standards: c,
+			description: u,
 			scorePointsDescriptors: m,
-			...t
+			...e
 		});
 	}, Z = ({ descriptor: e, value: t }) => {
 		if (t < 0 || t >= m.length) return;
@@ -65,29 +65,29 @@ function D({ error: r, trait: { name: c, standards: l, description: d, scorePoin
 	}, Q = (e) => H(e.currentTarget), $ = () => H(null), ne = () => {
 		B(), $();
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ d("div", {
 		ref: Y,
 		style: q ? {
 			transform: `translate3d(${q.x}px, ${q.y}px, 0)`,
 			opacity: J ? .5 : 1
 		} : {},
-		children: /* @__PURE__ */ p(i, { children: [/* @__PURE__ */ p(S, { children: [
-			/* @__PURE__ */ p(C, { children: [
-				k && /* @__PURE__ */ f("span", {
+		children: /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ f(S, { children: [
+			/* @__PURE__ */ f(C, { children: [
+				O && /* @__PURE__ */ d("span", {
 					ref: K,
 					...W,
 					...G,
-					children: /* @__PURE__ */ f(x, {})
+					children: /* @__PURE__ */ d(x, {})
 				}),
-				/* @__PURE__ */ f(w, {
+				/* @__PURE__ */ d(w, {
 					"aria-label": "more",
 					"aria-controls": "long-menu",
 					"aria-haspopup": "true",
 					onClick: Q,
 					size: "large",
-					children: /* @__PURE__ */ f(g, {})
+					children: /* @__PURE__ */ d(g, {})
 				}),
-				/* @__PURE__ */ f(u, {
+				/* @__PURE__ */ d(l, {
 					id: "long-menu",
 					anchorEl: V,
 					keepMounted: !0,
@@ -97,59 +97,59 @@ function D({ error: r, trait: { name: c, standards: l, description: d, scorePoin
 						enter: 225,
 						exit: 195
 					},
-					children: /* @__PURE__ */ f(h, {
+					children: /* @__PURE__ */ d(h, {
 						onClick: ne,
-						children: /* @__PURE__ */ f(T, { dangerouslySetInnerHTML: { __html: `Remove ${c || _}` } })
+						children: /* @__PURE__ */ d(ee, { dangerouslySetInnerHTML: { __html: `Remove ${s || _}` } })
 					})
 				})
 			] }),
-			/* @__PURE__ */ f(o, {
-				markup: c,
-				error: r?.name || "",
+			/* @__PURE__ */ d(a, {
+				markup: s,
+				error: n?.name || "",
 				onChange: (e) => X({ name: e }),
 				pluginProps: I,
 				placeholder: `Enter ${_}`,
-				spellCheck: M,
+				spellCheck: j,
 				uploadSoundSupport: N,
 				mathMlOptions: P,
 				imageSupport: L
 			}),
-			r && /* @__PURE__ */ f(E, { children: r.name || "" })
-		] }), /* @__PURE__ */ p(a, {
+			n && /* @__PURE__ */ d(T, { children: n.name || "" })
+		] }), /* @__PURE__ */ f(i, {
 			setRef: (e) => {
 				U.current = e;
 			},
-			width: `${j}px`,
+			width: `${A}px`,
 			children: [
-				D && l && /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(n, {
+				E && c && /* @__PURE__ */ d(e, { children: /* @__PURE__ */ d(t, {
 					placeholder: "Standards",
-					markup: l.join(","),
+					markup: c.join(","),
 					onChange: (e) => X({ standards: e.split(",") }),
 					pluginProps: F,
-					spellCheck: M,
+					spellCheck: j,
 					uploadSoundSupport: N,
 					mathMlOptions: P,
 					imageSupport: L
 				}) }),
-				O && /* @__PURE__ */ p(t, { children: [/* @__PURE__ */ f(n, {
+				D && /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(t, {
 					placeholder: "Enter Description",
-					markup: d,
-					error: r?.description || "",
+					markup: u,
+					error: n?.description || "",
 					onChange: (e) => X({ description: e }),
 					pluginProps: F,
-					spellCheck: M,
+					spellCheck: j,
 					uploadSoundSupport: N,
 					mathMlOptions: P,
 					imageSupport: L
-				}), r && /* @__PURE__ */ f(E, { children: r.description || "" })] }),
-				(b || []).map((e, r) => {
-					let i = j - 216 * r + A - 98, a = b.length - r - 1, o;
+				}), n && /* @__PURE__ */ d(T, { children: n.description || "" })] }),
+				(b || []).map((n, r) => {
+					let i = A - 216 * r + k - 98, a = b.length - r - 1, o;
 					try {
 						o = m[a] || "";
 					} catch {
 						o = "";
 					}
-					return /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(n, {
+					return /* @__PURE__ */ d(e, { children: /* @__PURE__ */ d(t, {
 						placeholder: "Enter Descriptor",
 						markup: o,
 						onChange: (e) => Z({
@@ -157,8 +157,8 @@ function D({ error: r, trait: { name: c, standards: l, description: d, scorePoin
 							value: a
 						}),
 						pluginProps: F,
-						alignToRight: i < 296 && e < ee,
-						spellCheck: M,
+						alignToRight: i < 296 && n < M,
+						spellCheck: j,
 						uploadSoundSupport: N,
 						mathMlOptions: P,
 						imageSupport: L
@@ -168,35 +168,35 @@ function D({ error: r, trait: { name: c, standards: l, description: d, scorePoin
 		})] })
 	});
 }
-D.propTypes = {
-	error: c.object,
-	index: c.number.isRequired,
-	onTraitChanged: c.func.isRequired,
-	onTraitRemoved: c.func.isRequired,
-	onTraitDropped: c.func,
-	trait: c.shape({
-		name: c.string,
-		standards: c.arrayOf(c.string),
-		scorePointsDescriptors: c.arrayOf(c.string),
-		description: c.string
+E.propTypes = {
+	error: s.object,
+	index: s.number.isRequired,
+	onTraitChanged: s.func.isRequired,
+	onTraitRemoved: s.func.isRequired,
+	onTraitDropped: s.func,
+	trait: s.shape({
+		name: s.string,
+		standards: s.arrayOf(s.string),
+		scorePointsDescriptors: s.arrayOf(s.string),
+		description: s.string
 	}),
-	traitLabel: c.string,
-	scorePointsValues: c.arrayOf(c.number),
-	showStandards: c.bool,
-	showDescription: c.bool,
-	maxPoints: c.number,
-	enableDragAndDrop: c.bool,
-	currentPosition: c.number,
-	secondaryBlockWidth: c.number,
-	spellCheck: c.bool,
-	uploadSoundSupport: c.object,
-	mathMlOptions: c.object,
-	expandedPluginProps: c.object,
-	labelPluginProps: c.object,
-	imageSupport: c.shape({
-		add: c.func.isRequired,
-		delete: c.func.isRequired
+	traitLabel: s.string,
+	scorePointsValues: s.arrayOf(s.number),
+	showStandards: s.bool,
+	showDescription: s.bool,
+	maxPoints: s.number,
+	enableDragAndDrop: s.bool,
+	currentPosition: s.number,
+	secondaryBlockWidth: s.number,
+	spellCheck: s.bool,
+	uploadSoundSupport: s.object,
+	mathMlOptions: s.object,
+	expandedPluginProps: s.object,
+	labelPluginProps: s.object,
+	imageSupport: s.shape({
+		add: s.func.isRequired,
+		delete: s.func.isRequired
 	})
 };
 //#endregion
-export { D as default };
+export { E as default };

package/dist/author/traitsHeader.js

@@ -169,4 +169,4 @@ k.propTypes = {
 	})
 };
 //#endregion
-export { k as default };
+export { k as TraitsHeaderTile, k as default };