udp-react-enterprise-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionsTab.mjs

@@ -0,0 +1,617 @@
+import { c } from "../../../reactCompilerRuntime.mjs";
+import { UdpBadge } from "../../../UI/fluent-web-components/UdpBadge.mjs";
+import { UdpCard } from "../../../UI/fluent-web-components/UdpCard.mjs";
+import { UdpDropdown } from "../../../UI/fluent-web-components/UdpDropdown.mjs";
+import { UdpFlexbox } from "../../../UI/fluent-web-components/UdpFlexbox.mjs";
+import { UdpSearchInput } from "../../../UI/fluent-web-components/UdpSearchInput.mjs";
+import { UdpSpinner } from "../../../UI/fluent-web-components/UdpSpinner.mjs";
+import { UdpText } from "../../../UI/fluent-web-components/UdpText.mjs";
+import { FIELD_TYPE_NAME, TYPE_FAMILIES, getFamilyKey, getQuestionInsight, isDisplayOnly } from "./questionInsights.mjs";
+import { FormStructureTree } from "./FormStructureTree.mjs";
+import { QuestionCard } from "./QuestionCard.mjs";
+import React, { useState } from "react";
+//#region src/udp/pages/UdpQuestionFormOverviewPage/QuestionsTab.jsx
+const DAY_MS = 86400 * 1e3;
+const DATE_OPTIONS = [
+	{
+		value: "all",
+		label: "All time"
+	},
+	{
+		value: "7",
+		label: "Last 7 days"
+	},
+	{
+		value: "30",
+		label: "Last 30 days"
+	},
+	{
+		value: "quarter",
+		label: "This quarter"
+	}
+];
+const mutedStyle = { color: "var(--colorNeutralForeground3)" };
+const emptyStateStyle = {
+	...mutedStyle,
+	font: "400 13px/18px var(--fontFamilyBase)",
+	padding: "12px 0"
+};
+const filterCardBodyStyle = {
+	padding: 16,
+	display: "flex",
+	flexDirection: "column",
+	gap: 12
+};
+const filterRowStyle = {
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "flex-end",
+	gap: 12
+};
+const controlStyle = {
+	minWidth: 160,
+	flex: "0 0 auto"
+};
+const searchStyle = {
+	flex: "0 1 280px",
+	minWidth: 200
+};
+const chipsRowStyle = {
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: 8
+};
+const countStyle = {
+	...mutedStyle,
+	font: "400 13px/18px var(--fontFamilyBase)",
+	marginLeft: "auto"
+};
+const twoPaneStyle = {
+	display: "flex",
+	gap: 16,
+	alignItems: "flex-start"
+};
+const railWrapStyle = {
+	flex: "0 0 264px",
+	position: "sticky",
+	top: 16,
+	maxHeight: "calc(100dvh - 120px)",
+	overflowY: "auto",
+	overscrollBehavior: "contain",
+	scrollbarWidth: "thin",
+	scrollbarColor: "var(--colorNeutralStroke2) transparent"
+};
+const railHeaderStyle = {
+	display: "flex",
+	alignItems: "baseline",
+	justifyContent: "space-between",
+	gap: 8,
+	padding: "12px 12px 8px"
+};
+const railBodyStyle = { padding: "0 6px 10px" };
+const boardStyle = {
+	flex: "1 1 0",
+	minWidth: 0,
+	display: "flex",
+	flexDirection: "column",
+	gap: 4
+};
+const sectionBandStyle = {
+	display: "flex",
+	alignItems: "center",
+	gap: 10,
+	margin: "14px 2px 10px"
+};
+const sectionLineStyle = {
+	flex: 1,
+	height: 1,
+	background: "var(--colorNeutralStroke2)"
+};
+const gridStyle = {
+	display: "grid",
+	gridTemplateColumns: "repeat(auto-fit, minmax(380px, 1fr))",
+	gridAutoRows: "300px",
+	gap: 12
+};
+const dateCutoff = (key) => {
+	const now = Date.now();
+	if (key === "7") return now - 7 * DAY_MS;
+	if (key === "30") return now - 30 * DAY_MS;
+	if (key === "quarter") return now - 90 * DAY_MS;
+	return null;
+};
+const submissionTime = (s) => s.formSubmission_LastModifiedOn || s.formSubmission_SubmittedOn || s.formSubmission_InitialCreatedOn || null;
+const cardDomId = (questionId) => `qcard-${questionId}`;
+const QuestionsTab = (t0) => {
+	const $ = c(86);
+	const { submissions, schema, versions: t1, submissionsLoading, schemaLoading } = t0;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const versions = t2;
+	const latestVersion = versions[0]?.version;
+	const [versionFilter, setVersionFilter] = useState("latest");
+	const [respondent, setRespondent] = useState("all");
+	const [dateRange, setDateRange] = useState("all");
+	const [families, setFamilies] = useState(_temp);
+	const [search, setSearch] = useState("");
+	const [activeId, setActiveId] = useState(null);
+	const t3 = latestVersion != null ? `Latest (v${latestVersion})` : "Latest";
+	let t4;
+	if ($[2] !== t3) {
+		t4 = {
+			value: "latest",
+			label: t3
+		};
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let opts;
+	if ($[4] !== t4 || $[5] !== versions) {
+		opts = [t4];
+		for (const v of versions) {
+			if (v?.version == null) continue;
+			opts.push({
+				value: String(v.version),
+				label: `v${v.version}`
+			});
+		}
+		let t5;
+		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+			t5 = {
+				value: "all",
+				label: "All versions"
+			};
+			$[7] = t5;
+		} else t5 = $[7];
+		opts.push(t5);
+		$[4] = t4;
+		$[5] = versions;
+		$[6] = opts;
+	} else opts = $[6];
+	const versionOptions = opts;
+	let t5;
+	if ($[8] !== submissions) {
+		const names = /* @__PURE__ */ new Set();
+		for (const s of submissions) {
+			const n = s.formSubmission_UserDisplayName;
+			if (n) names.add(n);
+		}
+		let t6;
+		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+			t6 = {
+				value: "all",
+				label: "All respondents"
+			};
+			$[10] = t6;
+		} else t6 = $[10];
+		t5 = [t6, ...Array.from(names).sort().map(_temp2)];
+		$[8] = submissions;
+		$[9] = t5;
+	} else t5 = $[9];
+	const respondentOptions = t5;
+	let t6;
+	bb0: {
+		if (versionFilter === "all") {
+			t6 = null;
+			break bb0;
+		}
+		if (versionFilter === "latest") {
+			t6 = latestVersion ?? null;
+			break bb0;
+		}
+		const n_1 = Number(versionFilter);
+		let t7;
+		if ($[11] !== n_1) {
+			t7 = Number.isFinite(n_1) ? n_1 : null;
+			$[11] = n_1;
+			$[12] = t7;
+		} else t7 = $[12];
+		t6 = t7;
+	}
+	const effectiveVersion = t6;
+	const cutoff = dateCutoff(dateRange);
+	let t7;
+	if ($[13] !== cutoff || $[14] !== effectiveVersion || $[15] !== respondent || $[16] !== submissions) {
+		let t8;
+		if ($[18] !== cutoff || $[19] !== effectiveVersion || $[20] !== respondent) {
+			t8 = (s_0) => {
+				if (effectiveVersion != null && s_0.formSubmission_FormVersion !== effectiveVersion) return false;
+				if (respondent !== "all" && s_0.formSubmission_UserDisplayName !== respondent) return false;
+				if (cutoff != null) {
+					const ts = submissionTime(s_0);
+					if (!ts || new Date(ts).getTime() < cutoff) return false;
+				}
+				return true;
+			};
+			$[18] = cutoff;
+			$[19] = effectiveVersion;
+			$[20] = respondent;
+			$[21] = t8;
+		} else t8 = $[21];
+		t7 = submissions.filter(t8);
+		$[13] = cutoff;
+		$[14] = effectiveVersion;
+		$[15] = respondent;
+		$[16] = submissions;
+		$[17] = t7;
+	} else t7 = $[17];
+	const filteredSubmissions = t7;
+	let t8;
+	if ($[22] !== filteredSubmissions || $[23] !== schema) {
+		bb1: {
+			const map = /* @__PURE__ */ new Map();
+			if (!schema) {
+				t8 = map;
+				break bb1;
+			}
+			for (const section of schema.sections) for (const question of section.questions ?? []) {
+				if (isDisplayOnly(question.fieldTypeId)) continue;
+				map.set(question.id, {
+					section,
+					question,
+					insight: getQuestionInsight(section, question, filteredSubmissions),
+					fieldTypeName: FIELD_TYPE_NAME[question.fieldTypeId] ?? null
+				});
+			}
+			t8 = map;
+		}
+		$[22] = filteredSubmissions;
+		$[23] = schema;
+		$[24] = t8;
+	} else t8 = $[24];
+	const insightsById = t8;
+	let t9;
+	bb2: {
+		if (!schema) {
+			let t10;
+			if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+				t10 = [];
+				$[25] = t10;
+			} else t10 = $[25];
+			t9 = t10;
+			break bb2;
+		}
+		let t10;
+		if ($[26] !== schema.sections) {
+			const counts = {};
+			for (const section_0 of schema.sections) for (const q of section_0.questions ?? []) {
+				if (isDisplayOnly(q.fieldTypeId)) continue;
+				const key = getFamilyKey(q.fieldTypeId);
+				counts[key] = (counts[key] ?? 0) + 1;
+			}
+			t10 = TYPE_FAMILIES.filter((fam) => counts[fam.key]).map((fam_0) => ({
+				...fam_0,
+				count: counts[fam_0.key]
+			}));
+			$[26] = schema.sections;
+			$[27] = t10;
+		} else t10 = $[27];
+		t9 = t10;
+	}
+	const familyChips = t9;
+	let t10;
+	bb3: {
+		if (!schema) {
+			let t11;
+			if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+				t11 = [];
+				$[28] = t11;
+			} else t11 = $[28];
+			t10 = t11;
+			break bb3;
+		}
+		let t11;
+		if ($[29] !== families || $[30] !== insightsById || $[31] !== schema.sections || $[32] !== search) {
+			const term = search.trim().toLowerCase();
+			t11 = schema.sections.map((section_1, sectionIndex) => ({
+				section: section_1,
+				sectionIndex,
+				items: (section_1.questions ?? []).filter(_temp3).filter((q_1) => families.size === 0 || families.has(getFamilyKey(q_1.fieldTypeId))).filter((q_2) => {
+					if (!term) return true;
+					const label = (q_2.questionText || q_2.name || "").toLowerCase();
+					const typeName = (FIELD_TYPE_NAME[q_2.fieldTypeId] ?? "").toLowerCase();
+					return label.includes(term) || typeName.includes(term);
+				}).map((question_0) => ({
+					question: question_0,
+					fieldTypeId: question_0.fieldTypeId,
+					answered: insightsById.get(question_0.id)?.insight?.answered ?? 0
+				}))
+			})).filter(_temp4);
+			$[29] = families;
+			$[30] = insightsById;
+			$[31] = schema.sections;
+			$[32] = search;
+			$[33] = t11;
+		} else t11 = $[33];
+		t10 = t11;
+	}
+	const visibleGroups = t10;
+	const totalQuestions = insightsById.size;
+	let t11;
+	if ($[34] !== visibleGroups) {
+		t11 = visibleGroups.reduce(_temp5, 0);
+		$[34] = visibleGroups;
+		$[35] = t11;
+	} else t11 = $[35];
+	const visibleCount = t11;
+	let t12;
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = (key_0) => {
+			setFamilies((prev) => {
+				const next = new Set(prev);
+				if (next.has(key_0)) next.delete(key_0);
+				else next.add(key_0);
+				return next;
+			});
+		};
+		$[36] = t12;
+	} else t12 = $[36];
+	const toggleFamily = t12;
+	let t13;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = (questionId) => {
+			setActiveId(questionId);
+			if (typeof document !== "undefined") document.getElementById(cardDomId(questionId))?.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			});
+		};
+		$[37] = t13;
+	} else t13 = $[37];
+	const jumpToQuestion = t13;
+	const loading = schemaLoading || submissionsLoading;
+	const hasData = totalQuestions > 0;
+	let t14;
+	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "subtitle2",
+			weight: "semibold",
+			block: true
+		}, "Filters");
+		$[38] = t14;
+	} else t14 = $[38];
+	let t15;
+	if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = (e) => setSearch(e.target.value);
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
+	if ($[40] !== search) {
+		t16 = /* @__PURE__ */ React.createElement("div", { style: searchStyle }, /* @__PURE__ */ React.createElement(UdpSearchInput, {
+			placeholder: "Search questions",
+			value: search,
+			onChange: t15
+		}));
+		$[40] = search;
+		$[41] = t16;
+	} else t16 = $[41];
+	let t17;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = (e_0) => setVersionFilter(e_0.target.value);
+		$[42] = t17;
+	} else t17 = $[42];
+	let t18;
+	if ($[43] !== versionFilter || $[44] !== versionOptions) {
+		t18 = /* @__PURE__ */ React.createElement("div", { style: controlStyle }, /* @__PURE__ */ React.createElement(UdpDropdown, {
+			label: "Version",
+			options: versionOptions,
+			optionLabel: "label",
+			optionValue: "value",
+			value: versionFilter,
+			onChange: t17
+		}));
+		$[43] = versionFilter;
+		$[44] = versionOptions;
+		$[45] = t18;
+	} else t18 = $[45];
+	let t19;
+	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = (e_1) => setRespondent(e_1.target.value);
+		$[46] = t19;
+	} else t19 = $[46];
+	let t20;
+	if ($[47] !== respondent || $[48] !== respondentOptions) {
+		t20 = /* @__PURE__ */ React.createElement("div", { style: controlStyle }, /* @__PURE__ */ React.createElement(UdpDropdown, {
+			label: "Respondent",
+			options: respondentOptions,
+			optionLabel: "label",
+			optionValue: "value",
+			value: respondent,
+			onChange: t19
+		}));
+		$[47] = respondent;
+		$[48] = respondentOptions;
+		$[49] = t20;
+	} else t20 = $[49];
+	let t21;
+	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = (e_2) => setDateRange(e_2.target.value);
+		$[50] = t21;
+	} else t21 = $[50];
+	let t22;
+	if ($[51] !== dateRange) {
+		t22 = /* @__PURE__ */ React.createElement("div", { style: controlStyle }, /* @__PURE__ */ React.createElement(UdpDropdown, {
+			label: "Date range",
+			options: DATE_OPTIONS,
+			optionLabel: "label",
+			optionValue: "value",
+			value: dateRange,
+			onChange: t21
+		}));
+		$[51] = dateRange;
+		$[52] = t22;
+	} else t22 = $[52];
+	let t23;
+	if ($[53] !== t16 || $[54] !== t18 || $[55] !== t20 || $[56] !== t22) {
+		t23 = /* @__PURE__ */ React.createElement("div", { style: filterRowStyle }, t16, t18, t20, t22);
+		$[53] = t16;
+		$[54] = t18;
+		$[55] = t20;
+		$[56] = t22;
+		$[57] = t23;
+	} else t23 = $[57];
+	let t24;
+	if ($[58] !== families || $[59] !== familyChips) {
+		let t25;
+		if ($[61] !== families) {
+			t25 = (fam_1) => {
+				const on = families.has(fam_1.key);
+				const toggle = () => toggleFamily(fam_1.key);
+				return /* @__PURE__ */ React.createElement(UdpBadge, {
+					key: fam_1.key,
+					appearance: on ? "filled" : "tint",
+					color: on ? "brand" : "informative",
+					size: "large",
+					role: "button",
+					tabIndex: 0,
+					"aria-pressed": on,
+					style: { cursor: "pointer" },
+					onClick: toggle,
+					onKeyDown: (e_3) => {
+						if (e_3.key === "Enter" || e_3.key === " ") {
+							e_3.preventDefault();
+							toggle();
+						}
+					}
+				}, `${fam_1.label} (${fam_1.count})`);
+			};
+			$[61] = families;
+			$[62] = t25;
+		} else t25 = $[62];
+		t24 = familyChips.map(t25);
+		$[58] = families;
+		$[59] = familyChips;
+		$[60] = t24;
+	} else t24 = $[60];
+	let t25;
+	if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = {
+			color: "var(--colorNeutralForeground1)",
+			fontWeight: 600
+		};
+		$[63] = t25;
+	} else t25 = $[63];
+	let t26;
+	if ($[64] !== visibleCount) {
+		t26 = /* @__PURE__ */ React.createElement("b", { style: t25 }, visibleCount);
+		$[64] = visibleCount;
+		$[65] = t26;
+	} else t26 = $[65];
+	let t27;
+	if ($[66] !== t26 || $[67] !== totalQuestions) {
+		t27 = /* @__PURE__ */ React.createElement("span", { style: countStyle }, "Showing ", t26, " of", " ", totalQuestions);
+		$[66] = t26;
+		$[67] = totalQuestions;
+		$[68] = t27;
+	} else t27 = $[68];
+	let t28;
+	if ($[69] !== t24 || $[70] !== t27) {
+		t28 = /* @__PURE__ */ React.createElement("div", { style: chipsRowStyle }, t24, t27);
+		$[69] = t24;
+		$[70] = t27;
+		$[71] = t28;
+	} else t28 = $[71];
+	let t29;
+	if ($[72] !== t23 || $[73] !== t28) {
+		t29 = /* @__PURE__ */ React.createElement(UdpCard, {
+			variant: "outlined",
+			bodyPadding: false
+		}, /* @__PURE__ */ React.createElement("div", { style: filterCardBodyStyle }, t14, t23, t28));
+		$[72] = t23;
+		$[73] = t28;
+		$[74] = t29;
+	} else t29 = $[74];
+	let t30;
+	if ($[75] !== activeId || $[76] !== hasData || $[77] !== insightsById || $[78] !== loading || $[79] !== schema || $[80] !== visibleCount || $[81] !== visibleGroups) {
+		t30 = loading ? /* @__PURE__ */ React.createElement("div", { style: { padding: 16 } }, /* @__PURE__ */ React.createElement(UdpSpinner, { size: "small" })) : !hasData ? /* @__PURE__ */ React.createElement("div", { style: emptyStateStyle }, schema ? "No submissions yet to analyze." : "Schema unavailable.") : /* @__PURE__ */ React.createElement("div", { style: twoPaneStyle }, /* @__PURE__ */ React.createElement(UdpCard, {
+			variant: "outlined",
+			bodyPadding: false,
+			style: railWrapStyle
+		}, /* @__PURE__ */ React.createElement("div", { style: railHeaderStyle }, /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "subtitle2",
+			weight: "semibold",
+			block: true
+		}, "Form structure"), /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "caption1",
+			block: true,
+			style: mutedStyle
+		}, visibleCount, " question", visibleCount === 1 ? "" : "s")), /* @__PURE__ */ React.createElement("div", { style: railBodyStyle }, /* @__PURE__ */ React.createElement(FormStructureTree, {
+			groups: visibleGroups,
+			selectedQuestionId: activeId,
+			onSelect: jumpToQuestion
+		}))), /* @__PURE__ */ React.createElement("div", { style: boardStyle }, visibleGroups.length === 0 ? /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "caption1",
+			block: true,
+			style: emptyStateStyle
+		}, "No questions match the current filters. Clear a filter to see results.") : visibleGroups.map((t31) => {
+			const { section: section_2, items } = t31;
+			return /* @__PURE__ */ React.createElement("div", { key: section_2.id }, /* @__PURE__ */ React.createElement("div", { style: sectionBandStyle }, /* @__PURE__ */ React.createElement(UdpText, {
+				variant: "subtitle1",
+				weight: "semibold",
+				block: true
+			}, section_2.title || section_2.name), /* @__PURE__ */ React.createElement(UdpText, {
+				variant: "caption1",
+				block: true,
+				style: mutedStyle
+			}, items.length, " question", items.length === 1 ? "" : "s"), /* @__PURE__ */ React.createElement("span", { style: sectionLineStyle })), /* @__PURE__ */ React.createElement("div", { style: gridStyle }, items.map((t32) => {
+				const { question: question_1 } = t32;
+				const entry = insightsById.get(question_1.id);
+				return /* @__PURE__ */ React.createElement(QuestionCard, {
+					key: question_1.id,
+					domId: cardDomId(question_1.id),
+					question: question_1,
+					insight: entry?.insight,
+					fieldTypeName: entry?.fieldTypeName,
+					active: activeId === question_1.id
+				});
+			})));
+		})));
+		$[75] = activeId;
+		$[76] = hasData;
+		$[77] = insightsById;
+		$[78] = loading;
+		$[79] = schema;
+		$[80] = visibleCount;
+		$[81] = visibleGroups;
+		$[82] = t30;
+	} else t30 = $[82];
+	let t31;
+	if ($[83] !== t29 || $[84] !== t30) {
+		t31 = /* @__PURE__ */ React.createElement(UdpFlexbox, {
+			direction: "column",
+			gap: "md",
+			wrap: "nowrap"
+		}, t29, t30);
+		$[83] = t29;
+		$[84] = t30;
+		$[85] = t31;
+	} else t31 = $[85];
+	return t31;
+};
+function _temp() {
+	return /* @__PURE__ */ new Set();
+}
+function _temp2(n_0) {
+	return {
+		value: n_0,
+		label: n_0
+	};
+}
+function _temp3(q_0) {
+	return !isDisplayOnly(q_0.fieldTypeId);
+}
+function _temp4(g) {
+	return g.items.length > 0;
+}
+function _temp5(acc, g_0) {
+	return acc + g_0.items.length;
+}
+//#endregion
+export { QuestionsTab };
+
+//# sourceMappingURL=QuestionsTab.mjs.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionsTab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsTab.mjs","names":["React","useCallback","useMemo","useState","UdpText","UdpFlexbox","UdpSpinner","UdpCard","UdpBadge","UdpDropdown","UdpSearchInput","FIELD_TYPE_NAME","TYPE_FAMILIES","getFamilyKey","getQuestionInsight","isDisplayOnly","FormStructureTree","QuestionCard","DAY_MS","DATE_OPTIONS","value","label","mutedStyle","color","emptyStateStyle","font","padding","filterCardBodyStyle","display","flexDirection","gap","filterRowStyle","flexWrap","alignItems","controlStyle","minWidth","flex","searchStyle","chipsRowStyle","countStyle","marginLeft","twoPaneStyle","railWrapStyle","position","top","maxHeight","overflowY","overscrollBehavior","scrollbarWidth","scrollbarColor","railHeaderStyle","justifyContent","railBodyStyle","boardStyle","sectionBandStyle","margin","sectionLineStyle","height","background","gridStyle","gridTemplateColumns","gridAutoRows","dateCutoff","key","now","Date","submissionTime","s","formSubmission_LastModifiedOn","formSubmission_SubmittedOn","formSubmission_InitialCreatedOn","cardDomId","questionId","QuestionsTab","t0","$","_c","submissions","schema","versions","t1","submissionsLoading","schemaLoading","t2","undefined","latestVersion","version","versionFilter","setVersionFilter","respondent","setRespondent","dateRange","setDateRange","families","setFamilies","_temp","search","setSearch","activeId","setActiveId","t3","t4","opts","v","push","String","t5","Symbol","for","versionOptions","names","Set","n","formSubmission_UserDisplayName","add","t6","Array","from","sort","map","_temp2","respondentOptions","bb0","n_1","Number","t7","isFinite","effectiveVersion","cutoff","t8","s_0","formSubmission_FormVersion","ts","getTime","filter","filteredSubmissions","bb1","Map","section","sections","question","questions","fieldTypeId","set","id","insight","fieldTypeName","insightsById","t9","bb2","t10","counts","section_0","q","fam","fam_0","count","familyChips","bb3","t11","term","trim","toLowerCase","section_1","sectionIndex","items","_temp3","q_1","size","has","q_2","questionText","name","typeName","includes","question_0","answered","get","_temp4","visibleGroups","totalQuestions","reduce","_temp5","visibleCount","t12","key_0","prev","next","delete","toggleFamily","t13","document","el","getElementById","scrollIntoView","behavior","block","jumpToQuestion","loading","hasData","t14","t15","e","target","t16","t17","e_0","t18","t19","e_1","t20","t21","e_2","t22","t23","t24","t25","fam_1","on","toggle","cursor","e_3","preventDefault","fontWeight","t26","t27","t28","t29","t30","length","t31","section_2","title","t32","question_1","entry","n_0","q_0","g","acc","g_0"],"sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionsTab.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  UdpText,\n  UdpFlexbox,\n  UdpSpinner,\n  UdpCard,\n  UdpBadge,\n  UdpDropdown,\n  UdpSearchInput,\n} from '../../../UI/fluent-web-components';\nimport {\n  FIELD_TYPE_NAME,\n  TYPE_FAMILIES,\n  getFamilyKey,\n  getQuestionInsight,\n  isDisplayOnly,\n} from './questionInsights';\nimport { FormStructureTree } from './FormStructureTree';\nimport { QuestionCard } from './QuestionCard';\n\n// \"Questions\" tab — a per-question breakdown shown as a dense grid of cards\n// (one per input question, grouped by section), with the Form Structure rail\n// acting as a jump-to table of contents.\n//\n// Two distinct filter groups, deliberately separated in the toolbar:\n//   • Data scope (version / respondent / date range) — re-aggregates the\n//     submissions every card's numbers reflect. Doesn't add/remove cards.\n//   • Find (question-type chips / search) — narrows WHICH questions are shown.\n//\n// Clicking a rail row scrolls its card into view and rings it (it doesn't hide\n// the others). Version compare is intentionally deferred.\n\nconst DAY_MS = 86400 * 1000;\nconst DATE_OPTIONS = [\n  { value: 'all', label: 'All time' },\n  { value: '7', label: 'Last 7 days' },\n  { value: '30', label: 'Last 30 days' },\n  { value: 'quarter', label: 'This quarter' },\n];\n\nconst mutedStyle = { color: 'var(--colorNeutralForeground3)' };\nconst emptyStateStyle = { ...mutedStyle, font: '400 13px/18px var(--fontFamilyBase)', padding: '12px 0' };\n\n// Filters card: search first at a fixed, reasonable width, then the three\n// data-scope dropdowns; chips drop to their own line below. align-items:flex-end\n// bottom-aligns the (label-less) search with the dropdown inputs.\nconst filterCardBodyStyle = { padding: 16, display: 'flex', flexDirection: 'column', gap: 12 };\nconst filterRowStyle = { display: 'flex', flexWrap: 'wrap', alignItems: 'flex-end', gap: 12 };\nconst controlStyle = { minWidth: 160, flex: '0 0 auto' };\nconst searchStyle = { flex: '0 1 280px', minWidth: 200 };\nconst chipsRowStyle = { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 8 };\nconst countStyle = { ...mutedStyle, font: '400 13px/18px var(--fontFamilyBase)', marginLeft: 'auto' };\n\nconst twoPaneStyle = { display: 'flex', gap: 16, alignItems: 'flex-start' };\n// The page is the one primary scroll surface; the board flows in it. The rail\n// pins as a sticky table of contents and only scrolls internally when a long\n// form overflows the viewport — and then with a thin, quiet, non-chaining\n// scrollbar so it never reads as a competing second scroll region.\nconst railWrapStyle = {\n  flex: '0 0 264px',\n  position: 'sticky',\n  top: 16,\n  maxHeight: 'calc(100dvh - 120px)',\n  overflowY: 'auto',\n  overscrollBehavior: 'contain',\n  scrollbarWidth: 'thin',\n  scrollbarColor: 'var(--colorNeutralStroke2) transparent',\n};\nconst railHeaderStyle = {\n  display: 'flex',\n  alignItems: 'baseline',\n  justifyContent: 'space-between',\n  gap: 8,\n  padding: '12px 12px 8px',\n};\nconst railBodyStyle = { padding: '0 6px 10px' };\nconst boardStyle = { flex: '1 1 0', minWidth: 0, display: 'flex', flexDirection: 'column', gap: 4 };\nconst sectionBandStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 10,\n  margin: '14px 2px 10px',\n};\nconst sectionLineStyle = { flex: 1, height: 1, background: 'var(--colorNeutralStroke2)' };\n// Uniform cards: equal width (auto-fit 1fr columns, no full-row spanning) and\n// equal height (every cell a fixed height; each card fills it).\nconst gridStyle = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(auto-fit, minmax(380px, 1fr))',\n  gridAutoRows: '300px',\n  gap: 12,\n};\n\nconst dateCutoff = (key) => {\n  const now = Date.now();\n  if (key === '7') return now - 7 * DAY_MS;\n  if (key === '30') return now - 30 * DAY_MS;\n  if (key === 'quarter') return now - 90 * DAY_MS;\n  return null;\n};\n\nconst submissionTime = (s) =>\n  s.formSubmission_LastModifiedOn ||\n  s.formSubmission_SubmittedOn ||\n  s.formSubmission_InitialCreatedOn ||\n  null;\n\nconst cardDomId = (questionId) => `qcard-${questionId}`;\n\nexport const QuestionsTab = ({\n  submissions,\n  schema,\n  versions = [],\n  submissionsLoading,\n  schemaLoading,\n}) => {\n  const latestVersion = versions[0]?.version;\n\n  // Data-scope filters (recompute the numbers).\n  const [versionFilter, setVersionFilter] = useState('latest');\n  const [respondent, setRespondent] = useState('all');\n  const [dateRange, setDateRange] = useState('all');\n  // Find filters (narrow which questions show).\n  const [families, setFamilies] = useState(() => new Set());\n  const [search, setSearch] = useState('');\n  // Rail jump target (card ring + rail highlight).\n  const [activeId, setActiveId] = useState(null);\n\n  // --- filter option lists ---\n  const versionOptions = useMemo(() => {\n    const opts = [{ value: 'latest', label: latestVersion != null ? `Latest (v${latestVersion})` : 'Latest' }];\n    for (const v of versions) {\n      if (v?.version == null) continue;\n      opts.push({ value: String(v.version), label: `v${v.version}` });\n    }\n    opts.push({ value: 'all', label: 'All versions' });\n    return opts;\n  }, [versions, latestVersion]);\n\n  const respondentOptions = useMemo(() => {\n    const names = new Set();\n    for (const s of submissions) {\n      const n = s.formSubmission_UserDisplayName;\n      if (n) names.add(n);\n    }\n    return [\n      { value: 'all', label: 'All respondents' },\n      ...Array.from(names).sort().map((n) => ({ value: n, label: n })),\n    ];\n  }, [submissions]);\n\n  const effectiveVersion = useMemo(() => {\n    if (versionFilter === 'all') return null;\n    if (versionFilter === 'latest') return latestVersion ?? null;\n    const n = Number(versionFilter);\n    return Number.isFinite(n) ? n : null;\n  }, [versionFilter, latestVersion]);\n\n  // --- filtered submission set (the data every card reflects) ---\n  const filteredSubmissions = useMemo(() => {\n    const cutoff = dateCutoff(dateRange);\n    return submissions.filter((s) => {\n      if (effectiveVersion != null && s.formSubmission_FormVersion !== effectiveVersion) return false;\n      if (respondent !== 'all' && s.formSubmission_UserDisplayName !== respondent) return false;\n      if (cutoff != null) {\n        const ts = submissionTime(s);\n        if (!ts || new Date(ts).getTime() < cutoff) return false;\n      }\n      return true;\n    });\n  }, [submissions, effectiveVersion, respondent, dateRange]);\n\n  // --- insight per input question over the filtered submissions ---\n  const insightsById = useMemo(() => {\n    const map = new Map();\n    if (!schema) return map;\n    for (const section of schema.sections) {\n      for (const question of section.questions ?? []) {\n        if (isDisplayOnly(question.fieldTypeId)) continue;\n        map.set(question.id, {\n          section,\n          question,\n          insight: getQuestionInsight(section, question, filteredSubmissions),\n          fieldTypeName: FIELD_TYPE_NAME[question.fieldTypeId] ?? null,\n        });\n      }\n    }\n    return map;\n  }, [schema, filteredSubmissions]);\n\n  // --- which type families are present, with question counts ---\n  const familyChips = useMemo(() => {\n    if (!schema) return [];\n    const counts = {};\n    for (const section of schema.sections) {\n      for (const q of section.questions ?? []) {\n        if (isDisplayOnly(q.fieldTypeId)) continue;\n        const key = getFamilyKey(q.fieldTypeId);\n        counts[key] = (counts[key] ?? 0) + 1;\n      }\n    }\n    return TYPE_FAMILIES.filter((fam) => counts[fam.key]).map((fam) => ({ ...fam, count: counts[fam.key] }));\n  }, [schema]);\n\n  // --- visible structure (type family + search), grouped by section ---\n  const visibleGroups = useMemo(() => {\n    if (!schema) return [];\n    const term = search.trim().toLowerCase();\n    return schema.sections\n      .map((section, sectionIndex) => ({\n        section,\n        sectionIndex,\n        items: (section.questions ?? [])\n          .filter((q) => !isDisplayOnly(q.fieldTypeId))\n          .filter((q) => families.size === 0 || families.has(getFamilyKey(q.fieldTypeId)))\n          .filter((q) => {\n            if (!term) return true;\n            const label = (q.questionText || q.name || '').toLowerCase();\n            const typeName = (FIELD_TYPE_NAME[q.fieldTypeId] ?? '').toLowerCase();\n            return label.includes(term) || typeName.includes(term);\n          })\n          .map((question) => ({\n            question,\n            fieldTypeId: question.fieldTypeId,\n            answered: insightsById.get(question.id)?.insight?.answered ?? 0,\n          })),\n      }))\n      .filter((g) => g.items.length > 0);\n  }, [schema, families, search, insightsById]);\n\n  const totalQuestions = insightsById.size;\n  const visibleCount = useMemo(\n    () => visibleGroups.reduce((acc, g) => acc + g.items.length, 0),\n    [visibleGroups],\n  );\n\n  const toggleFamily = (key) => {\n    setFamilies((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  };\n\n  // Rail click → scroll the matching card into view + ring it.\n  const jumpToQuestion = useCallback((questionId) => {\n    setActiveId(questionId);\n    if (typeof document !== 'undefined') {\n      const el = document.getElementById(cardDomId(questionId));\n      el?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }, []);\n\n  const loading = schemaLoading || submissionsLoading;\n  const hasData = totalQuestions > 0;\n\n  return (\n    <UdpFlexbox direction='column' gap='md' wrap='nowrap'>\n      {/* Filters card: search + data-scope dropdowns on line 1, type chips on line 2. */}\n      <UdpCard variant='outlined' bodyPadding={false}>\n        <div style={filterCardBodyStyle}>\n          <UdpText variant='subtitle2' weight='semibold' block>\n            Filters\n          </UdpText>\n          <div style={filterRowStyle}>\n            <div style={searchStyle}>\n              <UdpSearchInput\n                placeholder='Search questions'\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n              />\n            </div>\n            <div style={controlStyle}>\n              <UdpDropdown\n                label='Version'\n                options={versionOptions}\n                optionLabel='label'\n                optionValue='value'\n                value={versionFilter}\n                onChange={(e) => setVersionFilter(e.target.value)}\n              />\n            </div>\n            <div style={controlStyle}>\n              <UdpDropdown\n                label='Respondent'\n                options={respondentOptions}\n                optionLabel='label'\n                optionValue='value'\n                value={respondent}\n                onChange={(e) => setRespondent(e.target.value)}\n              />\n            </div>\n            <div style={controlStyle}>\n              <UdpDropdown\n                label='Date range'\n                options={DATE_OPTIONS}\n                optionLabel='label'\n                optionValue='value'\n                value={dateRange}\n                onChange={(e) => setDateRange(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div style={chipsRowStyle}>\n            {familyChips.map((fam) => {\n              const on = families.has(fam.key);\n              const toggle = () => toggleFamily(fam.key);\n              return (\n                <UdpBadge\n                  key={fam.key}\n                  appearance={on ? 'filled' : 'tint'}\n                  color={on ? 'brand' : 'informative'}\n                  size='large'\n                  role='button'\n                  tabIndex={0}\n                  aria-pressed={on}\n                  style={{ cursor: 'pointer' }}\n                  onClick={toggle}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      toggle();\n                    }\n                  }}\n                >\n                  {`${fam.label} (${fam.count})`}\n                </UdpBadge>\n              );\n            })}\n            <span style={countStyle}>\n              Showing <b style={{ color: 'var(--colorNeutralForeground1)', fontWeight: 600 }}>{visibleCount}</b> of{' '}\n              {totalQuestions}\n            </span>\n          </div>\n        </div>\n      </UdpCard>\n\n      {/* Rail (jump-to) + card board */}\n      {loading ? (\n        <div style={{ padding: 16 }}>\n          <UdpSpinner size='small' />\n        </div>\n      ) : !hasData ? (\n        <div style={emptyStateStyle}>\n          {schema ? 'No submissions yet to analyze.' : 'Schema unavailable.'}\n        </div>\n      ) : (\n        <div style={twoPaneStyle}>\n          <UdpCard variant='outlined' bodyPadding={false} style={railWrapStyle}>\n            <div style={railHeaderStyle}>\n              <UdpText variant='subtitle2' weight='semibold' block>\n                Form structure\n              </UdpText>\n              <UdpText variant='caption1' block style={mutedStyle}>\n                {visibleCount} question{visibleCount === 1 ? '' : 's'}\n              </UdpText>\n            </div>\n            <div style={railBodyStyle}>\n              <FormStructureTree\n                groups={visibleGroups}\n                selectedQuestionId={activeId}\n                onSelect={jumpToQuestion}\n              />\n            </div>\n          </UdpCard>\n\n          <div style={boardStyle}>\n            {visibleGroups.length === 0 ? (\n              <UdpText variant='caption1' block style={emptyStateStyle}>\n                No questions match the current filters. Clear a filter to see results.\n              </UdpText>\n            ) : (\n              visibleGroups.map(({ section, items }) => (\n                <div key={section.id}>\n                  <div style={sectionBandStyle}>\n                    <UdpText variant='subtitle1' weight='semibold' block>\n                      {section.title || section.name}\n                    </UdpText>\n                    <UdpText variant='caption1' block style={mutedStyle}>\n                      {items.length} question{items.length === 1 ? '' : 's'}\n                    </UdpText>\n                    <span style={sectionLineStyle} />\n                  </div>\n                  <div style={gridStyle}>\n                    {items.map(({ question }) => {\n                      const entry = insightsById.get(question.id);\n                      return (\n                        <QuestionCard\n                          key={question.id}\n                          domId={cardDomId(question.id)}\n                          question={question}\n                          insight={entry?.insight}\n                          fieldTypeName={entry?.fieldTypeName}\n                          active={activeId === question.id}\n                        />\n                      );\n                    })}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </UdpFlexbox>\n  );\n};\n"],"mappings":"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"}