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

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/HeaderCommon.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-elements/packages/matrix/configure/src/HeaderCommon.js
+ * @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.
+ */
+export declare const ColumnsWrapper: any;
+export declare const ColumnsHeader: any;
+export declare const NumberInputFormGroupWrapper: any;
+export declare const IconWrapper: any;

package/dist/author/HeaderCommon.js

@@ -0,0 +1,20 @@
+import e from "styled-components";
+//#region src/author/HeaderCommon.ts
+var t = e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, n = e.p`
+  margin: 10px 0;
+  color: #c3c3c3;
+  font-size: 12px;
+`, r = e.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 110px;
+`, i = e.div`
+  cursor: pointer;
+`;
+//#endregion
+export { n as ColumnsHeader, t as ColumnsWrapper, i as IconWrapper, r as NumberInputFormGroupWrapper };

package/dist/author/Main.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @synced-from pie-elements/packages/matrix/configure/src/Main.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 class Main extends React.Component {
+    static propTypes: {
+        model: PropTypes.Validator<object>;
+        disableSidePanel: PropTypes.Requireable<boolean>;
+        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+    };
+    onPromptChanged: any;
+    onChangeModel: any;
+    onTeacherInstructionsChanged: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/author/Main.js

@@ -0,0 +1,134 @@
+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

@@ -0,0 +1,21 @@
+/**
+ * @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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,27 @@
+/**
+ * @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

@@ -0,0 +1,191 @@
+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

@@ -0,0 +1,21 @@
+/**
+ * @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

@@ -0,0 +1,96 @@
+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

@@ -0,0 +1,21 @@
+/**
+ * @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

@@ -0,0 +1,39 @@
+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 };