@pie-element/match 12.1.1-next.11 → 12.1.2-next.0

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/add-row.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-elements/packages/match/configure/src/add-row.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 AddRowButton extends React.Component {
+    static propTypes: {
+        onAddClick: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    render(): React.JSX.Element;
+}
+export default AddRowButton;

package/dist/author/add-row.js

@@ -0,0 +1,24 @@
+import e from "react";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
+import a from "@mui/material/Button";
+import o from "@mui/icons-material/Add";
+//#region src/author/add-row.tsx
+var s = i(a)({
+	display: "flex",
+	alignSelf: "flex-start",
+	margin: 0
+}), c = i(o)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), l = class extends e.Component {
+	static propTypes = { onAddClick: t.func.isRequired };
+	render() {
+		let { onAddClick: e } = this.props;
+		return /* @__PURE__ */ r(s, {
+			disabled: !1,
+			onClick: e,
+			children: [/* @__PURE__ */ n(c, {}), "Add Another Row"]
+		});
+	}
+};
+//#endregion
+export { l as default };

package/dist/author/answer-config-block.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @synced-from pie-elements/packages/match/configure/src/answer-config-block.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 * as React from 'react';
+import PropTypes from 'prop-types';
+declare class AnswerConfigBlock extends React.Component {
+    static propTypes: {
+        model: PropTypes.Validator<object>;
+        configuration: PropTypes.Validator<object>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onDeleteRow: PropTypes.Validator<(...args: any[]) => any>;
+        onAddRow: PropTypes.Validator<(...args: any[]) => any>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        toolbarOpts: PropTypes.Requireable<object>;
+        spellCheck: PropTypes.Requireable<boolean>;
+    };
+    moveRow: any;
+    onChange: (name: any, isBoolean: any) => ({ target }: {
+        target: any;
+    }) => void;
+    onHeaderChange: (headerIndex: any) => (value: any) => void;
+    render(): React.JSX.Element;
+}
+export default AnswerConfigBlock;

package/dist/author/answer-config-block.js

@@ -0,0 +1,176 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/set.js";
+import { getPluginProps as t } from "./utils.js";
+import n from "./add-row.js";
+import r from "./row.js";
+import * as i from "react";
+import a from "prop-types";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/material/Typography";
+import { styled as l } from "@mui/material/styles";
+import u from "debug";
+import d, { DEFAULT_PLUGINS as f } from "@pie-lib/editable-html-tip-tap";
+import p from "classnames";
+import { DragProvider as m } from "@pie-lib/drag";
+//#region src/author/answer-config-block.tsx
+var h = u("pie-elements:match:configure"), g = l("div")(({ theme: e }) => ({
+	marginBottom: e.spacing(2.5),
+	display: "flex",
+	flexDirection: "column"
+})), _ = l("div")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	flex: 1,
+	width: "100%",
+	borderBottom: `2px solid ${e.palette.grey.A100}`,
+	paddingBottom: e.spacing(2),
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(1)
+})), v = l("div")(({ theme: e }) => ({
+	flex: 1,
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	flexDirection: "column",
+	"&> div": {
+		width: "120px",
+		padding: `0 ${e.spacing(1)}`,
+		textAlign: "center"
+	}
+})), y = l("div")(({ theme: e }) => ({
+	flex: .5,
+	minWidth: "45px",
+	padding: `0 ${e.spacing(1)}`
+})), b = l("div")({
+	display: "flex",
+	flexDirection: "column"
+}), x = l("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: `${e.spacing(1)} !important`,
+	width: "fit-content !important"
+})), S = l("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingBottom: e.spacing(1)
+})), C = l("div")(({ theme: e }) => ({
+	"& .marginBottom": { marginBottom: e.typography.fontSize - 2 + e.spacing(1) },
+	"& .headerInput": { "& > div": { fontWeight: "bold" } }
+})), w = class extends i.Component {
+	static propTypes = {
+		model: a.object.isRequired,
+		configuration: a.object.isRequired,
+		onChange: a.func.isRequired,
+		onDeleteRow: a.func.isRequired,
+		onAddRow: a.func.isRequired,
+		imageSupport: a.shape({
+			add: a.func.isRequired,
+			delete: a.func.isRequired
+		}),
+		uploadSoundSupport: a.shape({
+			add: a.func.isRequired,
+			delete: a.func.isRequired
+		}),
+		toolbarOpts: a.object,
+		spellCheck: a.bool
+	};
+	moveRow = (e) => {
+		let { active: t, over: n } = e;
+		if (!n || !t) return;
+		let r = t.data.current, i = n.data.current;
+		if (r?.type === "row" && i?.type === "row") {
+			let e = r.index, t = i.index, { model: n, onChange: a } = this.props, o = { ...n }, s = o.rows || [];
+			h("[moveRow]: ", e, t);
+			let { movedRow: c, remainingRows: l } = s.reduce((t, n, r) => (r === e ? t.movedRow = n : t.remainingRows.push(n), t), {
+				movedRow: null,
+				remainingRows: []
+			}), u = [
+				...l.slice(0, t),
+				c,
+				...l.slice(t)
+			];
+			h("update: ", u), o.rows = u, a(o);
+		}
+	};
+	onChange = (t, n) => ({ target: r }) => {
+		let { model: i, onChange: a } = this.props, o;
+		o = n ? r.checked : r.value, e(i, t, o), a(i, t);
+	};
+	onHeaderChange = (e) => (t) => {
+		let { model: n, onChange: r } = this.props, i = { ...n };
+		if (e === 0) {
+			i.headers[e] = t, r(i);
+			return;
+		}
+		i.headers[e] = t, r(i);
+	};
+	render() {
+		let { model: e, onAddRow: i, imageSupport: a, configuration: l, toolbarOpts: u, spellCheck: h, uploadSoundSupport: w } = this.props, { baseInputConfiguration: T = {}, headers: E = {}, rows: D = {}, maxImageWidth: O = {}, maxImageHeight: k = {}, mathMlOptions: A = {}, minQuestions: j } = l || {}, { errors: M } = e || {}, { correctResponseError: N, rowsErrors: P, columnsErrors: F, noOfRowsError: I, columnsLengthError: L } = M || {}, R = (f || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), z = O && O.prompt, B = k && k.prompt;
+		return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(m, {
+			onDragEnd: this.moveRow,
+			children: /* @__PURE__ */ s(g, { children: [/* @__PURE__ */ o(c, {
+				type: "body1",
+				component: "div",
+				children: "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."
+			}), /* @__PURE__ */ s(b, {
+				style: l.width ? {
+					width: l.width,
+					overflow: "scroll"
+				} : {},
+				children: [
+					/* @__PURE__ */ s(_, { children: [E.settings && (e.headers || []).map((e, n) => /* @__PURE__ */ s(v, {
+						className: p({ questionText: n === 0 }),
+						sx: n === 0 ? {
+							flex: 2,
+							display: "flex",
+							justifyContent: "flex-start",
+							marginRight: 1,
+							"&> div": {
+								width: "100%",
+								padding: 0,
+								maxWidth: "unset",
+								textAlign: "left",
+								minWidth: "200px"
+							}
+						} : {},
+						children: [/* @__PURE__ */ o(d, {
+							onChange: this.onHeaderChange(n),
+							markup: e,
+							className: F && !F[n] ? "marginBottom" : "headerInput",
+							label: "column label",
+							activePlugins: R,
+							pluginProps: t(E?.inputConfiguration, T),
+							autoWidthToolbar: !0,
+							spellCheck: h,
+							uploadSoundSupport: w,
+							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+							error: F && F[n]
+						}), F && F[n] && /* @__PURE__ */ o(x, { children: F[n] })]
+					}, n)), /* @__PURE__ */ o(y, {})] }),
+					e.rows.map((n, i) => /* @__PURE__ */ o(r, {
+						model: e,
+						row: n,
+						idx: i,
+						onDeleteRow: this.props.onDeleteRow,
+						onChange: this.props.onChange,
+						imageSupport: a,
+						toolbarOpts: u,
+						spellCheck: h,
+						error: P?.[n.id],
+						maxImageWidth: O && O.rowTitles || z,
+						maxImageHeight: k && k.rowTitles || B,
+						uploadSoundSupport: w,
+						mathMlOptions: A,
+						minQuestions: j,
+						inputConfiguration: t(D?.inputConfiguration, T)
+					}, i)),
+					N && /* @__PURE__ */ o(S, { children: N }),
+					I && /* @__PURE__ */ o(S, { children: I }),
+					L && /* @__PURE__ */ o(S, { children: L }),
+					/* @__PURE__ */ o(n, { onAddClick: i })
+				]
+			})] })
+		}) });
+	}
+};
+//#endregion
+export { w as default };

package/dist/author/common.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-elements/packages/match/configure/src/common.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 * as React from 'react';
+import PropTypes from 'prop-types';
+export declare const InfoDialog: {
+    ({ title, open, onOk }: {
+        title: any;
+        open: any;
+        onOk: any;
+    }): React.JSX.Element;
+    propTypes: {
+        title: PropTypes.Requireable<string>;
+        open: PropTypes.Requireable<boolean>;
+        onOk: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};

package/dist/author/configure.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @synced-from pie-elements/packages/match/configure/src/configure.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 class Configure extends React.Component {
+    static propTypes: {
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        model: PropTypes.Validator<object>;
+        configuration: PropTypes.Validator<object>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    componentDidMount(): void;
+    validateRowsID(rows: any): {
+        updatedRows: any;
+        wasChanged: boolean;
+    };
+    onTabChange: any;
+    onChangeTabIndex: any;
+    onChange: any;
+    onFeedbackChange: any;
+    onDeleteRow: any;
+    onAddRow: any;
+    onLayoutChange: any;
+    onResponseTypeChange: any;
+    onPartialScoringChange: any;
+    onPromptChanged: any;
+    onTeacherInstructionsChanged: any;
+    onRationaleChanged: any;
+    render(): React.JSX.Element;
+}
+export declare const Config: typeof Configure;
+export default Configure;

package/dist/author/configure.js

@@ -0,0 +1,259 @@
+import { getPluginProps as e } from "./utils.js";
+import t from "./general-config-block.js";
+import n from "./answer-config-block.js";
+import r from "react";
+import i from "prop-types";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { styled as s } from "@mui/material/styles";
+import c from "debug";
+import { AlertDialog as l, FeedbackConfig as ee, InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
+import p from "@pie-lib/editable-html-tip-tap";
+//#region src/author/configure.tsx
+var te = c("@pie-element:match:configure"), { Panel: m, toggle: h, radio: g, dropdown: _ } = f, v = s("div")(() => ({ "& .promptHolder": { width: "100%" } })), y = s("div")(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), b = s("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), x = class extends r.Component {
+	static propTypes = {
+		onModelChanged: i.func,
+		onConfigurationChanged: i.func,
+		model: i.object.isRequired,
+		configuration: i.object.isRequired,
+		imageSupport: i.shape({
+			add: i.func.isRequired,
+			delete: i.func.isRequired
+		}),
+		uploadSoundSupport: i.shape({
+			add: i.func.isRequired,
+			delete: i.func.isRequired
+		})
+	};
+	static defaultProps = {};
+	constructor(e) {
+		super(e);
+		let t = 0;
+		e.model.rows && e.model.rows.length > 0 && (t = Math.max(...e.model.rows.map((e) => e.id))), this.rowIdCounter = t + 1, this.state = {
+			activeTab: 0,
+			dialog: {
+				open: !1,
+				text: ""
+			}
+		};
+	}
+	componentDidMount() {
+		let { updatedRows: e, wasChanged: t } = this.validateRowsID(this.props.model.rows);
+		if (t) {
+			let t = {
+				...this.props.model,
+				rows: e
+			};
+			this.props.onModelChanged(t);
+		}
+	}
+	validateRowsID(e) {
+		let t = !1;
+		return {
+			updatedRows: (e || []).map((e, n) => e.id === n + 1 ? e : (t = !0, {
+				...e,
+				id: n + 1
+			})),
+			wasChanged: t
+		};
+	}
+	onTabChange = (e, t) => {
+		this.setState({ activeTab: t });
+	};
+	onChangeTabIndex = (e) => {
+		this.setState({ activeTab: e });
+	};
+	onChange = (e) => {
+		this.props.onModelChanged(e);
+	};
+	onFeedbackChange = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		t.feedback = e, n(t);
+	};
+	onDeleteRow = (e) => {
+		let { model: t } = this.props, n = { ...t };
+		n.rows.splice(e, 1), this.onChange(n);
+	};
+	onAddRow = () => {
+		let { model: e, configuration: t } = this.props, n = { ...e }, { maxQuestions: r } = t || {};
+		if (r && (n.rows || []).length >= r) {
+			this.setState({ dialog: {
+				open: !0,
+				text: `There can be maximum ${r} question row` + (r > 1 ? "s" : "") + "."
+			} });
+			return;
+		}
+		n.rows = n.rows.concat({
+			id: this.rowIdCounter + 1,
+			title: `Question Text ${(n.rows || []).length + 1}`,
+			values: Array(e.layout - 1).fill(!1)
+		}), this.rowIdCounter += 1, this.onChange(n);
+	};
+	onLayoutChange = (e) => {
+		let { model: t } = this.props, n = t.layout, r = { ...t };
+		if (e > n) {
+			for (let t = 0; t < e - n; t++) r.headers.push(`Column ${r.headers.length + 1}`);
+			r.rows.forEach((t) => {
+				for (let r = 0; r < e - n; r++) t.values.push(!1);
+			});
+		} else e < n && (r.headers.splice(e), r.rows.forEach((t) => {
+			t.values.splice(e - 1);
+		}));
+		r.layout = e, this.onChange(r);
+	};
+	onResponseTypeChange = (e) => {
+		let { model: t } = this.props, n = { ...t };
+		e === "radio" && n.rows.forEach((e) => {
+			e.values.reduce((e, t) => t === !0 ? e + 1 : e) > 1 && (e.values = Array(t.layout - 1).fill(!1));
+		}), n.choiceMode = e, this.onChange(n);
+	};
+	onPartialScoringChange = (e) => {
+		this.props.model.partialScoring = e, this.props.onModelChanged(this.props.model);
+	};
+	onPromptChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			prompt: e
+		});
+	};
+	onTeacherInstructionsChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			teacherInstructions: e
+		});
+	};
+	onRationaleChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			rationale: e
+		});
+	};
+	render() {
+		let { model: r, imageSupport: i, onModelChanged: s, configuration: c, onConfigurationChanged: f, uploadSoundSupport: x } = this.props, { baseInputConfiguration: S = {}, contentDimensions: C = {}, feedback: w = {}, lockChoiceOrder: T = {}, maxImageWidth: E = {}, maxImageHeight: D = {}, partialScoring: O = {}, prompt: k = {}, rationale: A = {}, settingsPanelDisabled: j, scoringType: M = {}, spellCheck: N = {}, studentInstructions: P = {}, teacherInstructions: F = {}, withRubric: I = {}, language: L = {}, languageChoices: R = {} } = c || {}, { errors: z, extraCSSRules: B, feedbackEnabled: V, promptEnabled: H, rationaleEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: G, toolbarEditorPosition: K } = r || {}, { prompt: q, rationale: J, teacherInstructions: Y } = z || {}, { dialog: X } = this.state, Z = { position: K === "top" ? "top" : "bottom" }, Q = E && E.prompt, $ = D && D.prompt, ne = {
+			partialScoring: O.settings && h(O.label),
+			lockChoiceOrder: T.settings && h(T.label),
+			feedbackEnabled: w.settings && h(w.label),
+			"language.enabled": L.settings && h(L.label, !0),
+			language: L.settings && L.enabled && _(R.label, R.options)
+		}, re = {
+			teacherInstructionsEnabled: F.settings && h(F.label),
+			studentInstructionsEnabled: P.settings && h(P.label),
+			promptEnabled: k.settings && h(k.label),
+			rationaleEnabled: A.settings && h(A.label),
+			spellCheckEnabled: N.settings && h(N.label),
+			scoringType: M.settings && g(M.label, ["auto", "rubric"]),
+			rubricEnabled: I?.settings && h(I?.label)
+		};
+		return te("[render] model", r), /* @__PURE__ */ a(v, { children: /* @__PURE__ */ o(d.ConfigLayout, {
+			extraCSSRules: B,
+			dimensions: C,
+			hideSettings: j,
+			settings: /* @__PURE__ */ a(m, {
+				model: r,
+				configuration: c,
+				onChangeModel: (e) => s(e),
+				onChangeConfiguration: (e) => f(e),
+				groups: {
+					Settings: ne,
+					Properties: re
+				}
+			}),
+			children: [
+				G && /* @__PURE__ */ a(u, {
+					label: F.label,
+					className: "promptHolder",
+					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
+						className: "prompt",
+						markup: r.teacherInstructions || "",
+						onChange: this.onTeacherInstructionsChanged,
+						imageSupport: i,
+						error: Y,
+						nonEmpty: !1,
+						toolbarOpts: Z,
+						pluginProps: e(F?.inputConfiguration, S),
+						spellCheck: W,
+						maxImageWidth: E && E.teacherInstructions || Q,
+						maxImageHeight: D && D.teacherInstructions || $,
+						uploadSoundSupport: x,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
+					}), Y && /* @__PURE__ */ a(b, { children: Y })] })
+				}),
+				H && /* @__PURE__ */ a(u, {
+					label: k.label,
+					className: "promptHolder",
+					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
+						className: "prompt",
+						markup: r.prompt,
+						onChange: this.onPromptChanged,
+						imageSupport: i,
+						error: q,
+						nonEmpty: !1,
+						disableUnderline: !0,
+						toolbarOpts: Z,
+						pluginProps: e(k?.inputConfiguration, S),
+						spellCheck: W,
+						maxImageWidth: E && E.prompt,
+						maxImageHeight: D && D.prompt,
+						uploadSoundSupport: x,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
+					}), q && /* @__PURE__ */ a(b, { children: q })] })
+				}),
+				/* @__PURE__ */ a(t, {
+					model: r,
+					configuration: c,
+					onResponseTypeChange: this.onResponseTypeChange,
+					onLayoutChange: this.onLayoutChange
+				}),
+				/* @__PURE__ */ a(n, {
+					model: r,
+					configuration: c,
+					imageSupport: i,
+					onChange: this.onChange,
+					onAddRow: this.onAddRow,
+					onDeleteRow: this.onDeleteRow,
+					toolbarOpts: Z,
+					spellCheck: W,
+					uploadSoundSupport: x
+				}),
+				U && /* @__PURE__ */ a(u, {
+					label: A.label,
+					className: "promptHolder",
+					children: /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ a(p, {
+						className: "prompt",
+						markup: r.rationale || "",
+						onChange: this.onRationaleChanged,
+						imageSupport: i,
+						error: J,
+						toolbarOpts: Z,
+						pluginProps: e(A?.inputConfiguration, S),
+						spellCheck: W,
+						maxImageWidth: E && E.rationale || Q,
+						maxImageHeight: D && D.rationale || $,
+						uploadSoundSupport: x,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
+					}), J && /* @__PURE__ */ a(b, { children: J })] })
+				}),
+				V && /* @__PURE__ */ a(ee, {
+					feedback: r.feedback,
+					onChange: this.onFeedbackChange,
+					toolbarOpts: Z
+				}),
+				/* @__PURE__ */ a(l, {
+					open: X.open,
+					title: "Warning",
+					text: X.text,
+					onConfirm: () => this.setState({ dialog: { open: !1 } })
+				})
+			]
+		}) });
+	}
+};
+//#endregion
+export { x as default };