@pie-element/inline-dropdown 11.0.5-esm.1 → 11.0.5-next.20261012010413

package/dist/delivery/inline-dropdown.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class InlineDropdown extends React.Component {
+    static propTypes: {
+        prompt: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        markup: PropTypes.Requireable<string>;
+        mode: PropTypes.Requireable<string>;
+        displayType: PropTypes.Requireable<string>;
+        rationale: PropTypes.Requireable<string>;
+        teacherInstructions: PropTypes.Requireable<string>;
+        model: PropTypes.Validator<object>;
+        choices: PropTypes.Requireable<object>;
+        value: PropTypes.Requireable<object>;
+        feedback: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        value: {};
+    };
+    state: {
+        showCorrectAnswer: boolean;
+    };
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidUpdate(): void;
+    toggleShowCorrect: any;
+    render(): React.JSX.Element;
+}
+export default InlineDropdown;

package/dist/delivery/inline-dropdown.js

@@ -0,0 +1,111 @@
+import e from "react";
+import { renderMath as t } from "@pie-element/shared-math-rendering-mathjax";
+import n from "react-dom";
+import r from "prop-types";
+import { isEmpty as i } from "@pie-element/shared-lodash";
+import a from "@pie-lib/correct-answer-toggle";
+import { InlineDropdown as o } from "@pie-lib/mask-markup";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, PreviewPrompt as l, UiLayout as u, color as d, hasMedia as f, hasText as p } from "@pie-lib/render-ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { styled as g } from "@mui/material/styles";
+import _ from "@pie-lib/translator";
+import { sanitizeModelHtml as v } from "@pie-element/shared-utils";
+//#region src/delivery/inline-dropdown.tsx
+function y(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function b(e, t) {
+	return !e || y(e) ? e : y(e.default) ? e.default : t && y(e[t]) ? e[t] : t && y(e[t]?.default) ? e[t].default : e;
+}
+var x = s, S = x.default, C = S && typeof S == "object" ? S : x, w = b(u, "UiLayout") || b(C.UiLayout, "UiLayout"), T = b(l, "PreviewPrompt") || b(C.PreviewPrompt, "PreviewPrompt"), E = b(c, "Collapsible") || b(C.Collapsible, "Collapsible"), { translator: D } = _, O = g(w)({
+	color: d.text(),
+	backgroundColor: d.background()
+}), k = g(E)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), A = g("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), j = g("div")({
+	display: "flex",
+	whiteSpace: "break-spaces"
+}), M = g("div")(({ correct: e }) => ({
+	display: "flex",
+	...e ? { color: d.correct() } : { color: d.incorrectWithIcon() }
+})), N = g("h2")({
+	position: "absolute",
+	left: "-10000px",
+	top: "auto",
+	width: "1px",
+	height: "1px",
+	overflow: "hidden"
+}), P = class extends e.Component {
+	static propTypes = {
+		prompt: r.string,
+		disabled: r.bool,
+		markup: r.string,
+		mode: r.string,
+		displayType: r.string,
+		rationale: r.string,
+		teacherInstructions: r.string,
+		model: r.object.isRequired,
+		choices: r.object,
+		value: r.object,
+		feedback: r.object,
+		onChange: r.func,
+		language: r.string
+	};
+	static defaultProps = { value: {} };
+	state = { showCorrectAnswer: !1 };
+	UNSAFE_componentWillReceiveProps(e) {
+		i(e.feedback) && this.setState({ showCorrectAnswer: !1 });
+	}
+	componentDidUpdate() {
+		t(n.findDOMNode(this));
+	}
+	toggleShowCorrect = () => {
+		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
+	};
+	render() {
+		let { showCorrectAnswer: e } = this.state, { prompt: t, mode: n, model: r, rationale: i, teacherInstructions: s, choices: c, displayType: l, language: u } = this.props, { extraCSSRules: d } = r || {}, g = n === "evaluate", _ = !1, y = i && (p(i) || f(i)), b = s && (p(s) || f(s)), x = (Object.keys(c) || []).map((e) => (c[e] || []).reduce((e, t) => (t.rationale && p(t.rationale) && (_ = !0, e.push(t)), e), []));
+		return /* @__PURE__ */ h(O, {
+			extraCSSRules: d,
+			style: { display: `${l}` },
+			children: [
+				n === "gather" && /* @__PURE__ */ m(N, { children: D.t("inlineDropdown.inlineDropdownQuestion", { lng: u }) }),
+				b && /* @__PURE__ */ m(k, {
+					labels: {
+						hidden: D.t("common:showTeacherInstructions", { lng: u }),
+						visible: D.t("common:hideTeacherInstructions", { lng: u })
+					},
+					children: /* @__PURE__ */ m(T, { prompt: s })
+				}),
+				t && /* @__PURE__ */ m(T, { prompt: t }),
+				/* @__PURE__ */ m(a, {
+					show: g,
+					toggled: e,
+					onToggle: this.toggleShowCorrect,
+					language: u
+				}),
+				/* @__PURE__ */ m(o, {
+					...this.props,
+					showCorrectAnswer: e
+				}),
+				_ && /* @__PURE__ */ m(k, {
+					labels: {
+						hidden: D.t("inlineDropdown.showRationaleForChoices", { lng: u }),
+						visible: D.t("inlineDropdown.hideRationaleForChoices", { lng: u })
+					},
+					children: x.map((e, t) => /* @__PURE__ */ m(A, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ h(j, { children: [/* @__PURE__ */ m(M, {
+						correct: e.correct,
+						dangerouslySetInnerHTML: { __html: `${v(e.label)}: ` }
+					}), /* @__PURE__ */ m(T, { prompt: e.rationale })] }, e.label)) }, t))
+				}),
+				y && /* @__PURE__ */ m(E, {
+					labels: {
+						hidden: D.t("common:showRationale", { lng: u }),
+						visible: D.t("common:hideRationale", { lng: u })
+					},
+					children: /* @__PURE__ */ m(T, { prompt: i })
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { P as InlineDropdown, P as default };

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './delivery/index.js';
+export type * from './types.js';

package/dist/index.iife.d.ts

@@ -0,0 +1,6 @@
+/**
+ * IIFE entry point for inline-dropdown element
+ * This file is only used for IIFE builds and includes auto-registration
+ */
+import Element from './index.js';
+export default Element;