@pie-element/matrix 4.1.2-next.1 → 4.1.2

package/dist/author/Main.js

@@ -1,134 +0,0 @@
-import e from "./MatrixColumnsSizeHeaderInput.js";
-import t from "./MatrixRowsSizeHeaderInput.js";
-import n from "./MatrixLabelTypeHeaderInput.js";
-import r from "./MatrixValues.js";
-import i from "react";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import l from "@pie-lib/editable-html-tip-tap";
-import { InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
-//#region src/author/Main.tsx
-var { Panel: p, toggle: m, radio: h } = f, g = c(u)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), _ = c("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	width: "100%",
-	paddingBottom: e.spacing(2.5),
-	justifyContent: "space-around"
-})), v = c("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), y = (i) => {
-	let { model: a, configuration: c, onPromptChanged: u, imageSupport: f, uploadSoundSupport: y, onChangeModel: b, onConfigurationChanged: x, onTeacherInstructionsChanged: S } = i, { baseInputConfiguration: C = {}, contentDimensions: w = {}, prompt: T = {}, scoringType: E = {}, settingsPanelDisabled: D, spellCheck: O = {}, teacherInstructions: k = {} } = c || {}, { errors: A = {}, extraCSSRules: j, teacherInstructionsEnabled: M, spellCheckEnabled: N } = a || {}, { prompt: P, teacherInstructions: F } = A, I = {
-		teacherInstructionsEnabled: k.settings && m(k.label),
-		spellCheckEnabled: O.settings && m(O.label),
-		scoringType: E.settings && h(E.label, ["auto", "rubric"])
-	}, L = (e = {}) => ({
-		...C,
-		...e
-	});
-	return /* @__PURE__ */ s(d.ConfigLayout, {
-		extraCSSRules: j,
-		dimensions: w,
-		hideSettings: D,
-		settings: /* @__PURE__ */ o(p, {
-			model: a,
-			onChangeModel: b,
-			configuration: c,
-			onChangeConfiguration: x,
-			groups: { Properties: I }
-		}),
-		children: [
-			M && /* @__PURE__ */ s(g, {
-				label: k.label,
-				children: [/* @__PURE__ */ o(l, {
-					markup: a.teacherInstructions || "",
-					onChange: S,
-					imageSupport: f,
-					error: F,
-					pluginProps: L(k?.inputConfiguration),
-					nonEmpty: !1,
-					spellCheck: N,
-					uploadSoundSupport: y
-				}), F && /* @__PURE__ */ o(v, { children: F })]
-			}),
-			/* @__PURE__ */ s(g, {
-				label: T.label,
-				children: [/* @__PURE__ */ o(l, {
-					markup: a.prompt,
-					onChange: u,
-					imageSupport: f,
-					error: P,
-					pluginProps: L(T?.inputConfiguration),
-					nonEmpty: !T.settings,
-					spellCheck: N,
-					uploadSoundSupport: y,
-					disableUnderline: !0
-				}), P && /* @__PURE__ */ o(v, { children: P })]
-			}),
-			/* @__PURE__ */ s(_, { children: [
-				/* @__PURE__ */ o(t, {
-					model: a,
-					onChangeModel: b
-				}),
-				/* @__PURE__ */ o(e, {
-					model: a,
-					onChangeModel: b
-				}),
-				/* @__PURE__ */ o(n, {
-					model: a,
-					onChangeModel: b
-				})
-			] }),
-			/* @__PURE__ */ o(r, {
-				model: a,
-				onChangeModel: b
-			})
-		]
-	});
-}, b = class extends i.Component {
-	static propTypes = {
-		model: a.object.isRequired,
-		disableSidePanel: a.bool,
-		onModelChanged: a.func.isRequired,
-		onConfigurationChanged: a.func.isRequired,
-		imageSupport: a.shape({
-			add: a.func.isRequired,
-			delete: a.func.isRequired
-		})
-	};
-	onPromptChanged = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			prompt: e
-		});
-	};
-	onChangeModel = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			...e
-		});
-	};
-	onTeacherInstructionsChanged = (e) => {
-		this.props.onModelChanged({
-			...this.props.model,
-			teacherInstructions: e
-		});
-	};
-	render() {
-		return /* @__PURE__ */ o(y, {
-			...this.props,
-			onChangeModel: this.props.onModelChanged,
-			onPromptChanged: this.onPromptChanged,
-			onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
-		});
-	}
-};
-//#endregion
-export { b as default };

package/dist/author/MatrixColumnsSizeHeaderInput.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/matrix/configure/src/MatrixColumnsSizeHeaderInput.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';
-declare const MatrixColumnsSizeHeaderInput: {
-    ({ model, onChangeModel }: {
-        model: any;
-        onChangeModel: any;
-    }): React.JSX.Element;
-    propTypes: {
-        model: PropTypes.Validator<object>;
-        onChangeModel: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default MatrixColumnsSizeHeaderInput;

package/dist/author/MatrixColumnsSizeHeaderInput.js

@@ -1,39 +0,0 @@
-import { ColumnsHeader as e, ColumnsWrapper as t, IconWrapper as n, NumberInputFormGroupWrapper as r } from "./HeaderCommon.js";
-import { MATRIX_LABEL_TYPE as i } from "./matrixEntities.js";
-import "react";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@mui/icons-material/Add";
-import l from "@mui/icons-material/Remove";
-//#region src/author/MatrixColumnsSizeHeaderInput.tsx
-var u = ({ model: a, onChangeModel: u }) => /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(e, { children: "Matrix Columns" }), /* @__PURE__ */ s(r, { children: [
-	/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(l, { onClick: () => {
-		let e = a.columnLabels.length;
-		if (e <= 1) return;
-		let t = [...a.columnLabels];
-		t.pop();
-		let n = { ...a.matrixValues };
-		a.rowLabels.forEach((t, r) => {
-			delete n[`${r}-${e - 1}`];
-		}), u({
-			...a,
-			columnLabels: t,
-			matrixValues: n,
-			labelType: i.custom
-		});
-	} }) }),
-	/* @__PURE__ */ o("p", { children: a.columnLabels.length }),
-	/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(c, { onClick: () => {
-		u({
-			...a,
-			columnLabels: [...a.columnLabels, `COLUMN ${a.columnLabels.length + 1}`],
-			labelType: i.custom
-		});
-	} }) })
-] })] });
-u.propTypes = {
-	model: a.object.isRequired,
-	onChangeModel: a.func.isRequired
-};
-//#endregion
-export { u as default };

package/dist/author/MatrixLabelEditableButton.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/matrix/configure/src/MatrixLabelEditableButton.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 ACTION_TYPE: {
-    clear: string;
-    sortAscending: string;
-    sortDescending: string;
-    set: string;
-};
-declare const MatrixLabelEditableButton: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        value: PropTypes.Validator<string>;
-        resourceIndex: PropTypes.Validator<number>;
-        onLabelUpdate: PropTypes.Validator<(...args: any[]) => any>;
-        onAction: PropTypes.Validator<(...args: any[]) => any>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-};
-export default MatrixLabelEditableButton;

package/dist/author/MatrixLabelEditableButton.js

@@ -1,191 +0,0 @@
-import e from "./NumberInput.js";
-import t from "./isNumeric.js";
-import n, { useState as r } from "react";
-import i from "prop-types";
-import * as a from "@pie-lib/render-ui";
-import { InlineMenu as o } from "@pie-lib/render-ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "styled-components";
-import u from "@mui/icons-material/KeyboardArrowDown";
-import d from "@mui/material/MenuItem";
-//#region src/author/MatrixLabelEditableButton.tsx
-function f(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function p(e, t) {
-	return !e || f(e) ? e : f(e.default) ? e.default : t && f(e[t]) ? e[t] : t && f(e[t]?.default) ? e[t].default : e;
-}
-var m = p(o, "InlineMenu") || p(_.InlineMenu, "InlineMenu"), h = a, g = h.default, _ = g && typeof g == "object" ? g : h, v = l.div`
-  width: 100%;
-  height: 50px;
-  margin: 1px;
-  background: #04b26e;
-  border-radius: 5px;
-  color: white;
-  font-size: 14px;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`, y = l.div`
-  padding: 0 5px 0 12px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-`, b = l.p`
-  margin: 0;
-  padding: 3px 0 3px 4px;
-  cursor: pointer;
-  width: 100%;
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  :hover {
-    background: #00985d;
-  }
-
-  transition: all 0.1s ease-in-out;
-`, x = l.div`
-  padding: 0 3px;
-  height: 100%;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  border-left: 3px solid #00985d;
-  :hover {
-    background: #00985d;
-    border-top-right-radius: 5px;
-    border-bottom-right-radius: 5px;
-  }
-  transition: all 0.1s ease-in-out;
-`, S = l.div`
-  font-size: 18px;
-`, C = l.input`
-  margin: 0;
-  padding: 0 0 0 4px;
-  font-size: 14px;
-  border: none;
-  outline: none;
-  color: white;
-  width: 50px;
-  width: 100%;
-  background: #00985d;
-  height: 22px;
-  display: flex;
-  align-items: center;
-`, w = l.div`
-  display: flex;
-  align-items: center;
-`, T = l.div`
-  width: 50px;
-  margin-left: 10px;
-`, E = {
-	clear: "clear",
-	sortAscending: "sortAscending",
-	sortDescending: "sortDescending",
-	set: "set"
-}, D = (i) => {
-	let { onLabelUpdate: a, value: o, resourceIndex: l, onAction: f, spellCheck: p } = i, [h, g] = r(null), [_, D] = r(""), [O, k] = r(!1), [A, j] = n.useState(null), [M] = n.useState(n.createRef()), N = !!A, P = (e) => {
-		j(e.currentTarget);
-	}, F = (e) => {
-		e.stopPropagation(), j(null), D("");
-	};
-	return /* @__PURE__ */ c(v, { children: [/* @__PURE__ */ s(y, { children: O ? /* @__PURE__ */ s(C, {
-		autoFocus: !0,
-		value: h,
-		onChange: (e) => g(e.target.value),
-		onBlur: () => {
-			let e = h.trim();
-			e && a(e), g(null), k(!1);
-		},
-		spellCheck: p
-	}) : /* @__PURE__ */ s(b, {
-		onClick: () => {
-			k(!0), g(o);
-		},
-		children: o
-	}) }), /* @__PURE__ */ c(x, {
-		onClick: P,
-		children: [/* @__PURE__ */ s(S, { children: /* @__PURE__ */ s(u, { fontSize: "inherit" }) }), /* @__PURE__ */ c(m, {
-			anchorEl: A,
-			open: N,
-			onClose: F,
-			transitionDuration: {
-				enter: 225,
-				exit: 195
-			},
-			children: [
-				/* @__PURE__ */ s(d, {
-					selected: !1,
-					onClick: (e) => {
-						F(e), f({
-							resourceIndex: l,
-							actionType: E.clear
-						});
-					},
-					children: "Clear Scores"
-				}, "item1"),
-				/* @__PURE__ */ s(d, {
-					selected: !1,
-					onClick: (e) => {
-						F(e), f({
-							resourceIndex: l,
-							actionType: E.sortAscending
-						});
-					},
-					children: "Set Scores Ascending"
-				}, "item2"),
-				/* @__PURE__ */ s(d, {
-					selected: !1,
-					onClick: (e) => {
-						F(e), f({
-							resourceIndex: l,
-							actionType: E.sortDescending
-						});
-					},
-					children: "Set Scores Descending"
-				}, "item3"),
-				/* @__PURE__ */ s(d, {
-					selected: !1,
-					children: /* @__PURE__ */ c(w, { children: [/* @__PURE__ */ s("p", {
-						onClick: () => {
-							M.current.focus();
-						},
-						children: "Set Scores To"
-					}), /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(e, {
-						onFieldUpdate: (e) => {
-							if (!t(e)) {
-								D("");
-								return;
-							}
-							let n = parseInt(e, 10);
-							D(n), f({
-								resourceIndex: l,
-								actionType: E.set,
-								setValue: n
-							});
-						},
-						name: "setScoreTo",
-						placeholder: "#",
-						fieldValue: {
-							value: _,
-							ref: M
-						}
-					}) })] })
-				}, "item4")
-			]
-		})]
-	})] });
-};
-D.propTypes = {
-	value: i.string.isRequired,
-	resourceIndex: i.number.isRequired,
-	onLabelUpdate: i.func.isRequired,
-	onAction: i.func.isRequired,
-	spellCheck: i.bool
-};
-//#endregion
-export { E as ACTION_TYPE, D as default };

package/dist/author/MatrixLabelTypeHeaderInput.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/matrix/configure/src/MatrixLabelTypeHeaderInput.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';
-declare const MatrixLabelTypeHeaderInput: {
-    ({ model, onChangeModel }: {
-        model: any;
-        onChangeModel: any;
-    }): React.JSX.Element;
-    propTypes: {
-        model: PropTypes.Validator<object>;
-        onChangeModel: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default MatrixLabelTypeHeaderInput;

package/dist/author/MatrixLabelTypeHeaderInput.js

@@ -1,96 +0,0 @@
-import { ColumnsHeader as e, ColumnsWrapper as t } from "./HeaderCommon.js";
-import { MATRIX_LABEL_TYPE as n } from "./matrixEntities.js";
-import r from "./columnLabelsGenerator.js";
-import "react";
-import i from "prop-types";
-import { color as a } from "@pie-lib/render-ui";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import l from "@mui/material/Radio";
-import u from "@mui/material/RadioGroup";
-import d from "@mui/material/FormControlLabel";
-//#region src/author/MatrixLabelTypeHeaderInput.tsx
-var f = c("div")({ display: "flex" }), p = c(l)({ "&.MuiRadio-root": { color: `${a.tertiary()} !important` } }), m = ({ model: i, onChangeModel: a }) => {
-	let c = (e) => {
-		let t = e.target.value, o = {
-			...i,
-			labelType: t
-		};
-		t !== n.custom && (o.columnLabels = r(t, i.columnLabels.length)), a(o);
-	}, l = [
-		3,
-		5,
-		7
-	].includes(i.columnLabels.length);
-	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(e, { children: "Matrix Type" }), /* @__PURE__ */ s(f, { children: [
-		/* @__PURE__ */ s(u, {
-			"aria-label": "matrixLabelType",
-			name: "matrixLabelType",
-			value: i.labelType,
-			onChange: c,
-			children: [
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.agreement,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Agreement"
-				}),
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.frequency,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Frequency"
-				}),
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.yesNo,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Yes/No"
-				})
-			]
-		}),
-		/* @__PURE__ */ s(u, {
-			"aria-label": "matrixLabelType",
-			name: "matrixLabelType",
-			value: i.labelType,
-			onChange: c,
-			children: [
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.importance,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Importance"
-				}),
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.likelihood,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Likelihood"
-				}),
-				/* @__PURE__ */ o(d, {
-					disabled: !l,
-					value: n.like,
-					control: /* @__PURE__ */ o(p, {}),
-					label: "Like"
-				})
-			]
-		}),
-		/* @__PURE__ */ o(u, {
-			"aria-label": "matrixLabelType",
-			name: "matrixLabelType",
-			value: i.labelType,
-			onChange: c,
-			children: /* @__PURE__ */ o(d, {
-				value: n.custom,
-				control: /* @__PURE__ */ o(p, {}),
-				label: "Custom"
-			})
-		})
-	] })] });
-};
-m.propTypes = {
-	model: i.object.isRequired,
-	onChangeModel: i.func.isRequired
-};
-//#endregion
-export { m as default };

package/dist/author/MatrixRowsSizeHeaderInput.d.ts

@@ -1,21 +0,0 @@
-/**
- * @synced-from pie-elements/packages/matrix/configure/src/MatrixRowsSizeHeaderInput.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';
-declare const MatrixColumnsRowInput: {
-    ({ model, onChangeModel }: {
-        model: any;
-        onChangeModel: any;
-    }): React.JSX.Element;
-    propTypes: {
-        model: PropTypes.Validator<object>;
-        onChangeModel: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default MatrixColumnsRowInput;

package/dist/author/MatrixRowsSizeHeaderInput.js

@@ -1,39 +0,0 @@
-import { ColumnsHeader as e, ColumnsWrapper as t, IconWrapper as n, NumberInputFormGroupWrapper as r } from "./HeaderCommon.js";
-import { MATRIX_LABEL_TYPE as i } from "./matrixEntities.js";
-import "react";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@mui/icons-material/Add";
-import l from "@mui/icons-material/Remove";
-//#region src/author/MatrixRowsSizeHeaderInput.tsx
-var u = ({ model: a, onChangeModel: u }) => /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(e, { children: "Matrix Rows" }), /* @__PURE__ */ s(r, { children: [
-	/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(l, { onClick: () => {
-		let e = a.rowLabels.length;
-		if (e <= 1) return;
-		let t = [...a.rowLabels];
-		t.pop();
-		let n = { ...a.matrixValues };
-		a.columnLabels.forEach((t, r) => {
-			delete n[`${e - 1}-${r}`];
-		}), u({
-			...a,
-			rowLabels: t,
-			matrixValues: n,
-			labelType: i.custom
-		});
-	} }) }),
-	/* @__PURE__ */ o("p", { children: a.rowLabels.length }),
-	/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(c, { onClick: () => {
-		u({
-			...a,
-			rowLabels: [...a.rowLabels, `STATEMENT ${a.rowLabels.length + 1}`],
-			labelType: i.custom
-		});
-	} }) })
-] })] });
-u.propTypes = {
-	model: a.object.isRequired,
-	onChangeModel: a.func.isRequired
-};
-//#endregion
-export { u as default };

package/dist/author/MatrixValues.d.ts

@@ -1,29 +0,0 @@
-/**
- * @synced-from pie-elements/packages/matrix/configure/src/MatrixValues.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 ScoringContainer: any;
-export declare const MatrixColumns: any;
-export declare const ColumnLabelWrapper: any;
-export declare const RowLabelWrapper: any;
-export declare const ValueRowWrapper: any;
-export declare const ValueItemWrapper: any;
-export declare const ScoringRows: any;
-export declare const ScoringNumberInputWrapper: any;
-export declare const GridSeparatorHorizontal: any;
-export declare const GridSeparatorVertical: any;
-export declare const Content: any;
-declare const MatrixValues: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        model: PropTypes.Validator<object>;
-        onChangeModel: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default MatrixValues;