synapse-react-client 4.0.9 → 4.0.11

package/dist/components/DataGrid/components/ValidationAlert.js

@@ -1,33 +1,438 @@
-import e from "../../FullWidthAlert/FullWidthAlert.js";
-import { jsx as t } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
+import { SynapseSpinner as e } from "../../LoadingScreen/LoadingScreen.js";
+import { Fragment as t, useState as n } from "react";
+import { Box as r, Chip as i, Collapse as a, Divider as o, Link as s, Stack as c, Tab as l, Tabs as u, Typography as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
 //#region src/components/DataGrid/components/ValidationAlert.tsx
-var r = (r) => {
-	let a = n(7), { selectedRowIndex: o, rowValues: s } = r;
-	if (o === null) return null;
-	let c = s[o];
-	if (!c) return null;
-	let l = c.__validationResults?.allValidationMessages;
-	if (!Array.isArray(l) || l.length === 0) return null;
+function g(e, t, n) {
+	return n.findIndex((n) => t[n] === e);
+}
+function _(e) {
+	return e === "_row" ? "Row-level" : e;
+}
+function ee(e) {
+	let t = h(14), { columnName: n, message: i, rowIndex: a } = e, o = ` (Row ${a + 1})`;
+	if (n === "_row") {
+		let e;
+		t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = { fontWeight: "normal" }, t[0] = e) : e = t[0];
+		let n;
+		return t[1] !== i || t[2] !== o ? (n = /* @__PURE__ */ p(f, { children: /* @__PURE__ */ m(r, {
+			component: "span",
+			sx: e,
+			children: [i, o]
+		}) }), t[1] = i, t[2] = o, t[3] = n) : n = t[3], n;
+	}
+	let s;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (s = { fontWeight: "bold" }, t[4] = s) : s = t[4];
+	let c;
+	t[5] === n ? c = t[6] : (c = /* @__PURE__ */ p(r, {
+		component: "span",
+		sx: s,
+		children: n
+	}), t[5] = n, t[6] = c);
+	let l;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (l = { fontWeight: "normal" }, t[7] = l) : l = t[7];
 	let u;
-	a[0] === l ? u = a[1] : (u = l.map(i), a[0] = l, a[1] = u);
+	t[8] !== i || t[9] !== o ? (u = /* @__PURE__ */ m(r, {
+		component: "span",
+		sx: l,
+		children: [
+			" — ",
+			i,
+			o
+		]
+	}), t[8] = i, t[9] = o, t[10] = u) : u = t[10];
 	let d;
-	a[2] === u ? d = a[3] : (d = /* @__PURE__ */ t("ul", { children: u }), a[2] = u, a[3] = d);
+	return t[11] !== c || t[12] !== u ? (d = /* @__PURE__ */ m(f, { children: [c, u] }), t[11] = c, t[12] = u, t[13] = d) : d = t[13], d;
+}
+var te = {
+	textDecoration: "none",
+	cursor: "pointer",
+	"&:hover": { textDecoration: "underline" }
+}, ne = {
+	border: "1px solid",
+	borderLeft: "4px solid",
+	borderRadius: 1,
+	mb: 1
+}, v = {
+	minHeight: 36,
+	py: .5
+}, y = {
+	display: "flex",
+	alignItems: "center",
+	gap: .5,
+	mb: .25
+}, b = {
+	pl: 2,
+	display: "flex",
+	alignItems: "baseline",
+	flexWrap: "wrap",
+	gap: .5,
+	py: .25
+};
+function x(e) {
+	let n = h(9), { rows: i, navCol: a, onNavigateToCell: o } = e, c;
+	if (n[0] !== a || n[1] !== o || n[2] !== i) {
+		let e;
+		n[4] !== a || n[5] !== o ? (e = (e, n) => {
+			let { rowIndex: i, pending: c } = e;
+			return /* @__PURE__ */ m(t, { children: [n > 0 && /* @__PURE__ */ p(r, {
+				component: "span",
+				"aria-hidden": !0,
+				sx: {
+					color: "text.disabled",
+					userSelect: "none"
+				},
+				children: "·"
+			}), /* @__PURE__ */ p(s, {
+				component: "button",
+				variant: "body1",
+				color: "text.secondary",
+				onClick: () => o(i, a),
+				sx: {
+					...te,
+					opacity: c ? .5 : 1
+				},
+				children: n === 0 ? `Row ${i + 1}` : i + 1
+			})] }, i);
+		}, n[4] = a, n[5] = o, n[6] = e) : e = n[6], c = i.map(e), n[0] = a, n[1] = o, n[2] = i, n[3] = c;
+	} else c = n[3];
+	let l;
+	return n[7] === c ? l = n[8] : (l = /* @__PURE__ */ p(f, { children: c }), n[7] = c, n[8] = l), l;
+}
+function re(e) {
+	let t = h(6), { groups: n, columnNames: a, columnOrder: s, onNavigateToCell: l } = e, u;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ p(o, {}), t[0] = u) : u = t[0];
 	let f;
-	a[4] === Symbol.for("react.memo_cache_sentinel") ? (f = { marginTop: "12px" }, a[4] = f) : f = a[4];
-	let p;
-	return a[5] === d ? p = a[6] : (p = /* @__PURE__ */ t(e, {
-		variant: "warning",
-		title: "Validation Messages For Selected Row:",
-		isGlobal: !1,
-		description: d,
-		sx: f
-	}), a[5] = d, a[6] = p), p;
+	return t[1] !== a || t[2] !== s || t[3] !== n || t[4] !== l ? (f = /* @__PURE__ */ p(c, {
+		divider: u,
+		spacing: 1,
+		children: Array.from(n.entries()).map((e) => {
+			let [t, n] = e, o = Array.from(n.values()).reduce(ie, 0), c = Math.max(0, g(t, a, s));
+			return /* @__PURE__ */ m(r, { children: [/* @__PURE__ */ m(r, {
+				sx: y,
+				children: [/* @__PURE__ */ p(d, {
+					variant: "body1",
+					fontWeight: "bold",
+					children: _(t)
+				}), /* @__PURE__ */ p(i, {
+					label: o,
+					color: "error",
+					size: "small"
+				})]
+			}), Array.from(n.entries()).map((e) => {
+				let [t, n] = e;
+				return /* @__PURE__ */ m(r, {
+					sx: b,
+					children: [/* @__PURE__ */ p(d, {
+						variant: "body1",
+						color: "text.secondary",
+						sx: { mr: .5 },
+						children: t
+					}), /* @__PURE__ */ p(x, {
+						rows: n,
+						navCol: c,
+						onNavigateToCell: l
+					})]
+				}, t);
+			})] }, t);
+		})
+	}), t[1] = a, t[2] = s, t[3] = n, t[4] = l, t[5] = f) : f = t[5], f;
+}
+function ie(e, t) {
+	return e + t.length;
+}
+function ae(e) {
+	let t = h(6), { groups: n, columnNames: a, columnOrder: s, onNavigateToCell: l } = e, u;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ p(o, {}), t[0] = u) : u = t[0];
+	let f;
+	return t[1] !== a || t[2] !== s || t[3] !== n || t[4] !== l ? (f = /* @__PURE__ */ p(c, {
+		divider: u,
+		spacing: 1,
+		children: Array.from(n.entries()).map((e) => {
+			let [t, n] = e, o = Array.from(n.values()).reduce(oe, 0);
+			return /* @__PURE__ */ m(r, { children: [/* @__PURE__ */ m(r, {
+				sx: y,
+				children: [/* @__PURE__ */ p(d, {
+					variant: "body1",
+					fontWeight: "bold",
+					children: t
+				}), /* @__PURE__ */ p(i, {
+					label: o,
+					color: "error",
+					size: "small"
+				})]
+			}), Array.from(n.entries()).map((e) => {
+				let [t, n] = e, i = Math.max(0, g(t, a, s));
+				return /* @__PURE__ */ m(r, {
+					sx: b,
+					children: [/* @__PURE__ */ p(d, {
+						variant: "body1",
+						color: "text.secondary",
+						sx: {
+							mr: .5,
+							fontStyle: "italic"
+						},
+						children: _(t)
+					}), /* @__PURE__ */ p(x, {
+						rows: n,
+						navCol: i,
+						onNavigateToCell: l
+					})]
+				}, t);
+			})] }, t);
+		})
+	}), t[1] = a, t[2] = s, t[3] = n, t[4] = l, t[5] = f) : f = t[5], f;
+}
+function oe(e, t) {
+	return e + t.length;
+}
+var se = (t) => {
+	let f = h(65), { rowValues: _, columnNames: y, columnOrder: b, onNavigateToCell: x, isLoading: ie } = t, oe = ie === void 0 ? !1 : ie, [se, le] = n(!1), [S, ue] = n("row"), C;
+	f[0] === _ ? C = f[1] : (C = [], _.forEach((e, t) => {
+		let n = e.__validationStatus;
+		if (n !== "invalid" && n !== "pending") return;
+		let r = n === "pending";
+		e.__cellValidationResults?.forEach((e, n) => {
+			e.forEach((e) => C.push({
+				rowIndex: t,
+				columnName: n,
+				message: e,
+				pending: r
+			}));
+		});
+	}), f[0] = _, f[1] = C);
+	let w = C, T;
+	f[2] === w ? T = f[3] : (T = /* @__PURE__ */ new Map(), w.forEach((e) => {
+		let { rowIndex: t, columnName: n, message: r, pending: i } = e;
+		T.has(n) || T.set(n, /* @__PURE__ */ new Map());
+		let a = T.get(n);
+		a.has(r) || a.set(r, []), a.get(r).push({
+			rowIndex: t,
+			pending: i
+		});
+	}), f[2] = w, f[3] = T);
+	let de = T, E;
+	f[4] === w ? E = f[5] : (E = /* @__PURE__ */ new Map(), w.forEach((e) => {
+		let { rowIndex: t, columnName: n, message: r, pending: i } = e;
+		E.has(r) || E.set(r, /* @__PURE__ */ new Map());
+		let a = E.get(r);
+		a.has(n) || a.set(n, []), a.get(n).push({
+			rowIndex: t,
+			pending: i
+		});
+	}), f[4] = w, f[5] = E);
+	let D = E, O = se && w.length > 0, k = w[0];
+	if (oe) {
+		let t;
+		return f[6] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(r, {
+			sx: {
+				...ne,
+				borderColor: "divider",
+				borderLeftColor: "divider",
+				px: 2,
+				py: 2,
+				display: "flex",
+				alignItems: "center",
+				gap: 1
+			},
+			children: [/* @__PURE__ */ p(e, {
+				size: 14,
+				margin: "0"
+			}), /* @__PURE__ */ p(d, {
+				variant: "body1",
+				color: "text.secondary",
+				children: "Loading validation errors…"
+			})]
+		}), f[6] = t) : t = f[6], t;
+	}
+	if (w.length === 0) {
+		let e;
+		return f[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p(r, {
+			sx: {
+				...ne,
+				borderColor: "success.main",
+				borderLeftColor: "success.main",
+				px: 2,
+				py: 2
+			},
+			children: /* @__PURE__ */ p(d, {
+				variant: "body1",
+				color: "success.main",
+				children: "No validation errors"
+			})
+		}), f[7] = e) : e = f[7], e;
+	}
+	let A;
+	f[8] === Symbol.for("react.memo_cache_sentinel") ? (A = {
+		...ne,
+		borderColor: "error.main",
+		borderLeftColor: "error.main"
+	}, f[8] = A) : A = f[8];
+	let j, M;
+	f[9] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+		display: "flex",
+		alignItems: "center",
+		px: 2,
+		py: 2,
+		gap: 1
+	}, M = /* @__PURE__ */ p(d, {
+		variant: "body1",
+		fontWeight: "bold",
+		children: "Validation errors"
+	}), f[9] = j, f[10] = M) : (j = f[9], M = f[10]);
+	let N;
+	f[11] === w.length ? N = f[12] : (N = /* @__PURE__ */ p(i, {
+		label: w.length,
+		color: "error",
+		size: "small"
+	}), f[11] = w.length, f[12] = N);
+	let P, F;
+	f[13] === Symbol.for("react.memo_cache_sentinel") ? (P = () => le(ce), F = {
+		cursor: "pointer",
+		flexShrink: 0,
+		fontWeight: "normal"
+	}, f[13] = P, f[14] = F) : (P = f[13], F = f[14]);
+	let I = O ? "Collapse" : "Expand", L;
+	f[15] === I ? L = f[16] : (L = /* @__PURE__ */ p(s, {
+		component: "button",
+		variant: "body1",
+		onClick: P,
+		sx: F,
+		children: I
+	}), f[15] = I, f[16] = L);
+	let R;
+	f[17] !== y || f[18] !== b || f[19] !== k || f[20] !== x || f[21] !== O ? (R = !O && /* @__PURE__ */ p(s, {
+		component: "button",
+		variant: "body1",
+		color: "text.secondary",
+		onClick: () => x(k.rowIndex, Math.max(0, g(k.columnName, y, b))),
+		noWrap: !0,
+		sx: {
+			textAlign: "left",
+			ml: "auto",
+			...te,
+			opacity: k.pending ? .5 : 1
+		},
+		children: /* @__PURE__ */ p(ee, {
+			columnName: k.columnName,
+			message: k.message,
+			rowIndex: k.rowIndex
+		})
+	}), f[17] = y, f[18] = b, f[19] = k, f[20] = x, f[21] = O, f[22] = R) : R = f[22];
+	let z;
+	f[23] !== R || f[24] !== N || f[25] !== L ? (z = /* @__PURE__ */ m(r, {
+		sx: j,
+		children: [
+			M,
+			N,
+			L,
+			R
+		]
+	}), f[23] = R, f[24] = N, f[25] = L, f[26] = z) : z = f[26];
+	let B;
+	f[27] === Symbol.for("react.memo_cache_sentinel") ? (B = (e, t) => ue(t), f[27] = B) : B = f[27];
+	let V, H, U, W, G;
+	f[28] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+		px: 2,
+		minHeight: 36,
+		borderTop: "1px solid",
+		borderColor: "divider"
+	}, H = { style: { height: 2 } }, U = /* @__PURE__ */ p(l, {
+		label: "By row",
+		value: "row",
+		sx: v
+	}), W = /* @__PURE__ */ p(l, {
+		label: "By column",
+		value: "column",
+		sx: v
+	}), G = /* @__PURE__ */ p(l, {
+		label: "By message",
+		value: "message",
+		sx: v
+	}), f[28] = V, f[29] = H, f[30] = U, f[31] = W, f[32] = G) : (V = f[28], H = f[29], U = f[30], W = f[31], G = f[32]);
+	let K;
+	f[33] === S ? K = f[34] : (K = /* @__PURE__ */ m(u, {
+		value: S,
+		onChange: B,
+		textColor: "inherit",
+		sx: V,
+		TabIndicatorProps: H,
+		children: [
+			U,
+			W,
+			G
+		]
+	}), f[33] = S, f[34] = K);
+	let q;
+	f[35] === Symbol.for("react.memo_cache_sentinel") ? (q = {
+		px: 2,
+		py: 1,
+		maxHeight: 200,
+		overflowY: "auto"
+	}, f[35] = q) : q = f[35];
+	let J;
+	f[36] !== w || f[37] !== y || f[38] !== b || f[39] !== S || f[40] !== x ? (J = S === "row" && /* @__PURE__ */ p(c, {
+		divider: /* @__PURE__ */ p(o, {}),
+		children: w.map((e, t) => {
+			let n = Math.max(0, g(e.columnName, y, b));
+			return /* @__PURE__ */ p(s, {
+				component: "button",
+				variant: "body1",
+				color: "text.secondary",
+				onClick: () => x(e.rowIndex, n),
+				sx: {
+					textAlign: "left",
+					py: .5,
+					...te,
+					opacity: e.pending ? .5 : 1
+				},
+				children: /* @__PURE__ */ p(ee, {
+					columnName: e.columnName,
+					message: e.message,
+					rowIndex: e.rowIndex
+				})
+			}, t);
+		})
+	}), f[36] = w, f[37] = y, f[38] = b, f[39] = S, f[40] = x, f[41] = J) : J = f[41];
+	let Y;
+	f[42] !== de || f[43] !== y || f[44] !== b || f[45] !== S || f[46] !== x ? (Y = S === "column" && /* @__PURE__ */ p(re, {
+		groups: de,
+		columnNames: y,
+		columnOrder: b,
+		onNavigateToCell: x
+	}), f[42] = de, f[43] = y, f[44] = b, f[45] = S, f[46] = x, f[47] = Y) : Y = f[47];
+	let X;
+	f[48] !== D || f[49] !== y || f[50] !== b || f[51] !== S || f[52] !== x ? (X = S === "message" && /* @__PURE__ */ p(ae, {
+		groups: D,
+		columnNames: y,
+		columnOrder: b,
+		onNavigateToCell: x
+	}), f[48] = D, f[49] = y, f[50] = b, f[51] = S, f[52] = x, f[53] = X) : X = f[53];
+	let Z;
+	f[54] !== J || f[55] !== Y || f[56] !== X ? (Z = /* @__PURE__ */ m(r, {
+		sx: q,
+		children: [
+			J,
+			Y,
+			X
+		]
+	}), f[54] = J, f[55] = Y, f[56] = X, f[57] = Z) : Z = f[57];
+	let Q;
+	f[58] !== O || f[59] !== K || f[60] !== Z ? (Q = /* @__PURE__ */ m(a, {
+		in: O,
+		children: [K, Z]
+	}), f[58] = O, f[59] = K, f[60] = Z, f[61] = Q) : Q = f[61];
+	let $;
+	return f[62] !== z || f[63] !== Q ? ($ = /* @__PURE__ */ m(r, {
+		sx: A,
+		children: [z, Q]
+	}), f[62] = z, f[63] = Q, f[64] = $) : $ = f[64], $;
 };
-function i(e) {
-	return /* @__PURE__ */ t("li", { children: e }, e);
+function ce(e) {
+	return !e;
 }
 //#endregion
-export { r as ValidationAlert };
+export { se as ValidationAlert };
 
 //# sourceMappingURL=ValidationAlert.js.map

package/dist/components/DataGrid/components/ValidationAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationAlert.js","names":["FullWidthAlert","DataGridRow","ValidationAlertProps","selectedRowIndex","rowValues","ValidationAlert","t0","$","_c","selectedRow","validationMessages","__validationResults","allValidationMessages","Array","isArray","length","t1","map","_temp","t2","t3","Symbol","for","marginTop","t4","msg"],"sources":["../../../../src/components/DataGrid/components/ValidationAlert.tsx"],"sourcesContent":["import FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { DataGridRow } from '../DataGridTypes'\n\ntype ValidationAlertProps = {\n  selectedRowIndex: number | null\n  rowValues: DataGridRow[]\n}\n\nexport const ValidationAlert = ({\n  selectedRowIndex,\n  rowValues,\n}: ValidationAlertProps) => {\n  if (selectedRowIndex === null) return null\n\n  const selectedRow = rowValues[selectedRowIndex]\n  if (!selectedRow) return null\n\n  const validationMessages =\n    selectedRow.__validationResults?.allValidationMessages\n  if (!Array.isArray(validationMessages) || validationMessages.length === 0) {\n    return null\n  }\n\n  return (\n    <FullWidthAlert\n      variant=\"warning\"\n      title=\"Validation Messages For Selected Row:\"\n      isGlobal={false}\n      description={\n        <ul>\n          {validationMessages.map((msg: string) => (\n            <li key={msg}>{msg}</li>\n          ))}\n        </ul>\n      }\n      sx={{\n        marginTop: '12px',\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAQA,IAAaK,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAL,qBAAAC,iBAAAE;AAI9B,KAAIH,MAAqB,KAAI,QAAS;CAEtC,IAAAM,IAAoBL,EAAUD;AAC9B,KAAI,CAACM,EAAW,QAAS;CAEzB,IAAAC,IACED,EAAWE,qBAA2CC;AACxD,KAAI,CAACC,MAAKC,QAASJ,EAAsD,IAA/BA,EAAkBK,WAAY,EAAC,QAChE;CACR,IAAAC;AAAA,CAAAT,EAAA,OAAAG,IAWSM,IAAAT,EAAA,MAFDS,IAAAN,EAAkBO,IAAKC,EAEtB,EAAAX,EAAA,KAAAG,GAAAH,EAAA,KAAAS;CAAA,IAAAG;AAAA,CAAAZ,EAAA,OAAAS,IACCG,IAAAZ,EAAA,MAJLY,IAAA,kBAAA,MAAA,EAAA,UACGH,GAGE,CAAA,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAY;CAAA,IAAAC;AAAA,CAAAb,EAAA,OAAAc,OAAAC,IAAA,4BAAA,IAEHF,IAAA,EAAAG,WACS,QACZ,EAAAhB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAiB;AACD,QADCjB,EAAA,OAAAY,IACDK,IAAAjB,EAAA,MAdFiB,IAAA,kBAAC,GAAD;EACU,SAAA;EACF,OAAA;EACI,UAAA;EAER,aAAAL;EAME,IAAAC;EAGJ,CAAA,EAAAb,EAAA,KAAAY,GAAAZ,EAAA,KAAAiB,IAdFA;;AAhB2B,SAAAN,EAAAO,GAAA;AAAA,QAuBnB,kBAAA,MAAA,EAAA,UAAeA,GAAS,EAAfA,EAAe"}
+{"version":3,"file":"ValidationAlert.js","names":["DataGridRow","Box","Chip","Collapse","Divider","Link","Stack","Tab","Tabs","Typography","Fragment","useMemo","useState","SynapseSpinner","ValidationError","rowIndex","columnName","message","pending","RowEntry","GroupBy","ValidationAlertProps","rowValues","columnNames","columnOrder","onNavigateToCell","colIndex","isLoading","NavProps","getColDisplayIndex","colName","findIndex","i","colLabel","ErrorText","t0","$","_c","rowSuffix","t1","Symbol","for","fontWeight","t2","t3","t4","t5","rowLinkSx","textDecoration","cursor","const","bannerBaseSx","border","borderLeft","borderRadius","mb","tabSx","minHeight","py","groupSectionHeaderSx","display","alignItems","gap","groupSectionItemSx","pl","flexWrap","RowLinks","rows","navCol","j","color","userSelect","opacity","map","ByColumnTab","groups","Array","from","entries","messages","totalCount","values","reduce","_temp","Math","max","msg","rows_0","mr","sum","length","ByMessageTab","columns","_temp2","fontStyle","ValidationAlert","undefined","isExpanded","setIsExpanded","groupBy","setGroupBy","errors","forEach","row","status","__validationStatus","__cellValidationResults","push","allErrors","Map","rowIndex_0","columnName_0","message_0","pending_0","has","set","colGroup","get","byColumn","groups_0","rowIndex_1","columnName_1","message_1","pending_1","msgGroup","byMessage","shouldExpand","firstError","borderColor","borderLeftColor","px","t6","t7","_temp3","flexShrink","t8","t9","t10","textAlign","ml","t11","t12","_","v","t13","t14","t15","t16","t17","borderTop","style","height","t18","t19","maxHeight","overflowY","t20","error","t21","t22","t23","t24","t25","p"],"sources":["../../../../src/components/DataGrid/components/ValidationAlert.tsx"],"sourcesContent":["import { DataGridRow } from '../DataGridTypes'\nimport {\n  Box,\n  Chip,\n  Collapse,\n  Divider,\n  Link,\n  Stack,\n  Tab,\n  Tabs,\n  Typography,\n} from '@mui/material'\nimport { Fragment, useMemo, useState } from 'react'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\n\ntype ValidationError = {\n  rowIndex: number\n  columnName: string\n  message: string\n  pending: boolean\n}\n\ntype RowEntry = { rowIndex: number; pending: boolean }\n\ntype GroupBy = 'row' | 'column' | 'message'\n\ntype ValidationAlertProps = {\n  rowValues: DataGridRow[]\n  columnNames: string[]\n  columnOrder: number[]\n  onNavigateToCell: (rowIndex: number, colIndex: number) => void\n  isLoading?: boolean\n}\n\ntype NavProps = {\n  columnNames: string[]\n  columnOrder: number[]\n  onNavigateToCell: (rowIndex: number, colIndex: number) => void\n}\n\nfunction getColDisplayIndex(\n  colName: string,\n  columnNames: string[],\n  columnOrder: number[],\n): number {\n  return columnOrder.findIndex(i => columnNames[i] === colName)\n}\n\n/** Column name for display — '_row' becomes 'Row-level'. */\nfunction colLabel(colName: string): string {\n  return colName === '_row' ? 'Row-level' : colName\n}\n\n/** Renders a column name + message pair with distinct styles. */\nfunction ErrorText({\n  columnName,\n  message,\n  rowIndex,\n}: {\n  columnName: string\n  message: string\n  rowIndex: number\n}) {\n  const rowSuffix = ` (Row ${rowIndex + 1})`\n  if (columnName === '_row') {\n    return (\n      <>\n        <Box component=\"span\" sx={{ fontWeight: 'normal' }}>\n          {message}\n          {rowSuffix}\n        </Box>\n      </>\n    )\n  }\n  return (\n    <>\n      <Box component=\"span\" sx={{ fontWeight: 'bold' }}>\n        {columnName}\n      </Box>\n      <Box component=\"span\" sx={{ fontWeight: 'normal' }}>\n        {' — '}\n        {message}\n        {rowSuffix}\n      </Box>\n    </>\n  )\n}\n\nconst rowLinkSx = {\n  textDecoration: 'none',\n  cursor: 'pointer',\n  '&:hover': { textDecoration: 'underline' },\n} as const\n\nconst bannerBaseSx = {\n  border: '1px solid',\n  borderLeft: '4px solid',\n  borderRadius: 1,\n  mb: 1,\n} as const\n\nconst tabSx = { minHeight: 36, py: 0.5 } as const\n\nconst groupSectionHeaderSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 0.5,\n  mb: 0.25,\n} as const\n\nconst groupSectionItemSx = {\n  pl: 2,\n  display: 'flex',\n  alignItems: 'baseline',\n  flexWrap: 'wrap',\n  gap: 0.5,\n  py: 0.25,\n} as const\n\n/** Renders a list of row number links. The first shows \"Row N\"; subsequent\n *  items show only the number, separated by a middle dot.\n *  Pending entries are dimmed to signal unconfirmed validation state. */\nfunction RowLinks({\n  rows,\n  navCol,\n  onNavigateToCell,\n}: {\n  rows: RowEntry[]\n  navCol: number\n  onNavigateToCell: (rowIndex: number, colIndex: number) => void\n}) {\n  return (\n    <>\n      {rows.map(({ rowIndex, pending }, j) => (\n        <Fragment key={rowIndex}>\n          {j > 0 && (\n            <Box\n              component=\"span\"\n              aria-hidden\n              sx={{ color: 'text.disabled', userSelect: 'none' }}\n            >\n              ·\n            </Box>\n          )}\n          <Link\n            component=\"button\"\n            variant=\"body1\"\n            color=\"text.secondary\"\n            onClick={() => onNavigateToCell(rowIndex, navCol)}\n            sx={{ ...rowLinkSx, opacity: pending ? 0.5 : 1 }}\n          >\n            {j === 0 ? `Row ${rowIndex + 1}` : rowIndex + 1}\n          </Link>\n        </Fragment>\n      ))}\n    </>\n  )\n}\n\nfunction ByColumnTab({\n  groups,\n  columnNames,\n  columnOrder,\n  onNavigateToCell,\n}: NavProps & { groups: Map<string, Map<string, RowEntry[]>> }) {\n  return (\n    <Stack divider={<Divider />} spacing={1}>\n      {Array.from(groups.entries()).map(([colName, messages]) => {\n        const totalCount = Array.from(messages.values()).reduce(\n          (sum, rows) => sum + rows.length,\n          0,\n        )\n        const navCol = Math.max(\n          0,\n          getColDisplayIndex(colName, columnNames, columnOrder),\n        )\n        return (\n          <Box key={colName}>\n            <Box sx={groupSectionHeaderSx}>\n              <Typography variant=\"body1\" fontWeight=\"bold\">\n                {colLabel(colName)}\n              </Typography>\n              <Chip label={totalCount} color=\"error\" size=\"small\" />\n            </Box>\n            {Array.from(messages.entries()).map(([msg, rows]) => (\n              <Box key={msg} sx={groupSectionItemSx}>\n                <Typography\n                  variant=\"body1\"\n                  color=\"text.secondary\"\n                  sx={{ mr: 0.5 }}\n                >\n                  {msg}\n                </Typography>\n                <RowLinks\n                  rows={rows}\n                  navCol={navCol}\n                  onNavigateToCell={onNavigateToCell}\n                />\n              </Box>\n            ))}\n          </Box>\n        )\n      })}\n    </Stack>\n  )\n}\n\nfunction ByMessageTab({\n  groups,\n  columnNames,\n  columnOrder,\n  onNavigateToCell,\n}: NavProps & { groups: Map<string, Map<string, RowEntry[]>> }) {\n  return (\n    <Stack divider={<Divider />} spacing={1}>\n      {Array.from(groups.entries()).map(([msg, columns]) => {\n        const totalCount = Array.from(columns.values()).reduce(\n          (sum, rows) => sum + rows.length,\n          0,\n        )\n        return (\n          <Box key={msg}>\n            <Box sx={groupSectionHeaderSx}>\n              <Typography variant=\"body1\" fontWeight=\"bold\">\n                {msg}\n              </Typography>\n              <Chip label={totalCount} color=\"error\" size=\"small\" />\n            </Box>\n            {Array.from(columns.entries()).map(([colName, rows]) => {\n              const navCol = Math.max(\n                0,\n                getColDisplayIndex(colName, columnNames, columnOrder),\n              )\n              return (\n                <Box key={colName} sx={groupSectionItemSx}>\n                  <Typography\n                    variant=\"body1\"\n                    color=\"text.secondary\"\n                    sx={{ mr: 0.5, fontStyle: 'italic' }}\n                  >\n                    {colLabel(colName)}\n                  </Typography>\n                  <RowLinks\n                    rows={rows}\n                    navCol={navCol}\n                    onNavigateToCell={onNavigateToCell}\n                  />\n                </Box>\n              )\n            })}\n          </Box>\n        )\n      })}\n    </Stack>\n  )\n}\n\nexport const ValidationAlert = ({\n  rowValues,\n  columnNames,\n  columnOrder,\n  onNavigateToCell,\n  isLoading = false,\n}: ValidationAlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [groupBy, setGroupBy] = useState<GroupBy>('row')\n\n  const allErrors = useMemo((): ValidationError[] => {\n    const errors: ValidationError[] = []\n    rowValues.forEach((row, rowIndex) => {\n      const status = row.__validationStatus\n      if (status !== 'invalid' && status !== 'pending') return\n      const pending = status === 'pending'\n      row.__cellValidationResults?.forEach((messages, columnName) => {\n        messages.forEach(message =>\n          errors.push({ rowIndex, columnName, message, pending }),\n        )\n      })\n    })\n    return errors\n  }, [rowValues])\n\n  // columnName → messageText → RowEntry[]\n  const byColumn = useMemo(() => {\n    const groups = new Map<string, Map<string, RowEntry[]>>()\n    allErrors.forEach(({ rowIndex, columnName, message, pending }) => {\n      if (!groups.has(columnName)) groups.set(columnName, new Map())\n      const colGroup = groups.get(columnName)!\n      if (!colGroup.has(message)) colGroup.set(message, [])\n      colGroup.get(message)!.push({ rowIndex, pending })\n    })\n    return groups\n  }, [allErrors])\n\n  // messageText → columnName → RowEntry[]\n  const byMessage = useMemo(() => {\n    const groups = new Map<string, Map<string, RowEntry[]>>()\n    allErrors.forEach(({ rowIndex, columnName, message, pending }) => {\n      if (!groups.has(message)) groups.set(message, new Map())\n      const msgGroup = groups.get(message)!\n      if (!msgGroup.has(columnName)) msgGroup.set(columnName, [])\n      msgGroup.get(columnName)!.push({ rowIndex, pending })\n    })\n    return groups\n  }, [allErrors])\n\n  const shouldExpand = isExpanded && allErrors.length > 0\n\n  const firstError = allErrors[0]\n\n  if (isLoading) {\n    return (\n      <Box\n        sx={{\n          ...bannerBaseSx,\n          borderColor: 'divider',\n          borderLeftColor: 'divider',\n          px: 2,\n          py: 2,\n          display: 'flex',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\n        <SynapseSpinner size={14} margin=\"0\" />\n        <Typography variant=\"body1\" color=\"text.secondary\">\n          Loading validation errors…\n        </Typography>\n      </Box>\n    )\n  }\n\n  if (allErrors.length === 0) {\n    return (\n      <Box\n        sx={{\n          ...bannerBaseSx,\n          borderColor: 'success.main',\n          borderLeftColor: 'success.main',\n          px: 2,\n          py: 2,\n        }}\n      >\n        <Typography variant=\"body1\" color=\"success.main\">\n          No validation errors\n        </Typography>\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        ...bannerBaseSx,\n        borderColor: 'error.main',\n        borderLeftColor: 'error.main',\n      }}\n    >\n      {/* Header */}\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          px: 2,\n          py: 2,\n          gap: 1,\n        }}\n      >\n        <Typography variant=\"body1\" fontWeight=\"bold\">\n          Validation errors\n        </Typography>\n        <Chip label={allErrors.length} color=\"error\" size=\"small\" />\n        <Link\n          component=\"button\"\n          variant=\"body1\"\n          onClick={() => setIsExpanded(p => !p)}\n          sx={{ cursor: 'pointer', flexShrink: 0, fontWeight: 'normal' }}\n        >\n          {shouldExpand ? 'Collapse' : 'Expand'}\n        </Link>\n        {!shouldExpand && (\n          <Link\n            component=\"button\"\n            variant=\"body1\"\n            color=\"text.secondary\"\n            onClick={() =>\n              onNavigateToCell(\n                firstError.rowIndex,\n                Math.max(\n                  0,\n                  getColDisplayIndex(\n                    firstError.columnName,\n                    columnNames,\n                    columnOrder,\n                  ),\n                ),\n              )\n            }\n            noWrap\n            sx={{\n              textAlign: 'left',\n              ml: 'auto',\n              ...rowLinkSx,\n              opacity: firstError.pending ? 0.5 : 1,\n            }}\n          >\n            <ErrorText\n              columnName={firstError.columnName}\n              message={firstError.message}\n              rowIndex={firstError.rowIndex}\n            />\n          </Link>\n        )}\n      </Box>\n\n      {/* Expanded panel */}\n      <Collapse in={shouldExpand}>\n        <Tabs\n          value={groupBy}\n          onChange={(_, v: GroupBy) => setGroupBy(v)}\n          textColor=\"inherit\"\n          sx={{\n            px: 2,\n            minHeight: 36,\n            borderTop: '1px solid',\n            borderColor: 'divider',\n          }}\n          TabIndicatorProps={{ style: { height: 2 } }}\n        >\n          <Tab label=\"By row\" value=\"row\" sx={tabSx} />\n          <Tab label=\"By column\" value=\"column\" sx={tabSx} />\n          <Tab label=\"By message\" value=\"message\" sx={tabSx} />\n        </Tabs>\n\n        <Box sx={{ px: 2, py: 1, maxHeight: 200, overflowY: 'auto' }}>\n          {/* ── By row ─────────────────────────────────────────── */}\n          {groupBy === 'row' && (\n            <Stack divider={<Divider />}>\n              {allErrors.map((error, i) => {\n                const navCol = Math.max(\n                  0,\n                  getColDisplayIndex(\n                    error.columnName,\n                    columnNames,\n                    columnOrder,\n                  ),\n                )\n                return (\n                  <Link\n                    key={i}\n                    component=\"button\"\n                    variant=\"body1\"\n                    color=\"text.secondary\"\n                    onClick={() => onNavigateToCell(error.rowIndex, navCol)}\n                    sx={{\n                      textAlign: 'left',\n                      py: 0.5,\n                      ...rowLinkSx,\n                      opacity: error.pending ? 0.5 : 1,\n                    }}\n                  >\n                    <ErrorText\n                      columnName={error.columnName}\n                      message={error.message}\n                      rowIndex={error.rowIndex}\n                    />\n                  </Link>\n                )\n              })}\n            </Stack>\n          )}\n\n          {/* ── By column ──────────────────────────────────────── */}\n          {groupBy === 'column' && (\n            <ByColumnTab\n              groups={byColumn}\n              columnNames={columnNames}\n              columnOrder={columnOrder}\n              onNavigateToCell={onNavigateToCell}\n            />\n          )}\n\n          {/* ── By message ─────────────────────────────────────── */}\n          {groupBy === 'message' && (\n            <ByMessageTab\n              groups={byMessage}\n              columnNames={columnNames}\n              columnOrder={columnOrder}\n              onNavigateToCell={onNavigateToCell}\n            />\n          )}\n        </Box>\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/hooks/useColumnResizeHandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnResizeHandles.js","names":["useEffect","useRef","Column","useResizeObserver","ResizeHandleElement","HTMLDivElement","__cellElement","HTMLElement","__columnName","UseColumnResizeHandlesProps","wrapperRef","React","RefObject","colValues","onColumnResize","columnName","newWidth","ResizeState","startX","startWidth","handle","initialLeft","ColumnResizeManager","COLUMN_MIN_WIDTH_PX","handlesMap","Map","cleanupFunctions","Array","activeResize","gridContainer","headerRow","Element","observer","MutationObserver","constructor","name","width","updateColumns","syncHandles","initialize","querySelector","setupEventListeners","createNewHandle","Error","document","createElement","className","dataset","style","position","top","cursor","pointerEvents","zIndex","onMouseDown","e","MouseEvent","handleMouseDown","addEventListener","push","removeEventListener","appendChild","set","createOrUpdateHandle","cellElement","columnIndex","id","get","updateHandlePosition","gridHeight","scrollHeight","left","offsetLeft","offsetWidth","height","display","preventDefault","stopPropagation","currentColumnName","currentCellElement","currentLeft","parseFloat","clientX","classList","add","body","handleMouseMove","deltaX","handleMouseUp","Math","max","remove","headerCells","querySelectorAll","length","visibleColumns","Set","forEach","cell","index","cellText","textContent","trim","actualColumnIndex","findIndex","col","has","requestAnimationFrame","observe","childList","subtree","disconnect","cleanup","item","clear","useColumnResizeHandles","t0","$","_c","managerRef","t1","entry","current","contentRect","manager","success","t2","t3","t4","t5","Symbol","for"],"sources":["../../../../src/components/DataGrid/hooks/useColumnResizeHandles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport { useResizeObserver } from '@react-hookz/web'\n\n// Extended HTMLDivElement with custom properties for resize handles\ninterface ResizeHandleElement extends HTMLDivElement {\n  __cellElement?: HTMLElement\n  __columnName?: string\n}\n\ntype UseColumnResizeHandlesProps = {\n  wrapperRef: React.RefObject<HTMLDivElement | null>\n  colValues: Column[]\n  onColumnResize: (columnName: string, newWidth: number) => void\n}\n\ninterface ResizeState {\n  columnName: string\n  startX: number\n  startWidth: number\n  handle: HTMLDivElement\n  initialLeft: number\n}\n\n/**\n * Encapsulates all column resize handle logic and state management.\n * Manages handle creation, positioning, mouse interactions, and cleanup.\n */\nclass ColumnResizeManager {\n  private static readonly COLUMN_MIN_WIDTH_PX = 50\n\n  private handlesMap = new Map<string, ResizeHandleElement>()\n  private cleanupFunctions: Array<(() => void) | HTMLDivElement> = []\n  private activeResize: ResizeState | null = null\n  private gridContainer: HTMLElement | null = null\n  private headerRow: Element | null = null\n  private observer: MutationObserver | null = null\n\n  constructor(\n    private colValues: Column[],\n    private onColumnResize: (name: string, width: number) => void,\n  ) {}\n\n  /**\n   * Update the column values and callback without reinitializing.\n   */\n  updateColumns(\n    colValues: Column[],\n    onColumnResize: (name: string, width: number) => void,\n  ): void {\n    this.colValues = colValues\n    this.onColumnResize = onColumnResize\n    // Resync handles with new column data\n    this.syncHandles()\n  }\n\n  /**\n   * Initialize the manager by finding grid elements and setting up event listeners.\n   * Returns true if initialization was successful, false otherwise.\n   */\n  initialize(wrapperRef: HTMLDivElement): boolean {\n    const gridContainer = wrapperRef.querySelector(\n      '.dsg-container',\n    ) as HTMLElement\n\n    if (!gridContainer) {\n      return false\n    }\n\n    const headerRow = gridContainer.querySelector('.dsg-row.dsg-row-header')\n\n    if (!headerRow) {\n      return false\n    }\n\n    this.gridContainer = gridContainer\n    this.headerRow = headerRow\n\n    this.setupEventListeners()\n    this.syncHandles()\n\n    return true\n  }\n\n  /**\n   * Creates a new resize handle element with mousedown listener.\n   */\n  private createNewHandle(columnName: string): ResizeHandleElement {\n    if (!this.gridContainer) {\n      throw new Error('Cannot create handle without grid container')\n    }\n\n    const handle = document.createElement('div') as ResizeHandleElement\n    handle.className = 'column-resize-handle'\n    handle.dataset.columnName = columnName\n    handle.style.position = 'absolute'\n    handle.style.top = '0'\n    handle.style.width = '8px'\n    handle.style.cursor = 'col-resize'\n    handle.style.pointerEvents = 'auto'\n    handle.style.zIndex = '1000'\n\n    const onMouseDown = (e: MouseEvent) => this.handleMouseDown(e, handle)\n    handle.addEventListener('mousedown', onMouseDown)\n\n    this.cleanupFunctions.push(() =>\n      handle.removeEventListener('mousedown', onMouseDown),\n    )\n\n    this.gridContainer.appendChild(handle)\n    this.cleanupFunctions.push(handle)\n    this.handlesMap.set(columnName, handle)\n\n    return handle\n  }\n\n  /**\n   * Creates or updates a handle for a given cell element.\n   */\n  private createOrUpdateHandle(\n    cellElement: HTMLElement,\n    columnIndex: number,\n  ): void {\n    const columnName = this.colValues[columnIndex]?.id as string\n    if (!columnName || !this.gridContainer) return\n\n    let handle = this.handlesMap.get(columnName)\n\n    if (!handle) {\n      handle = this.createNewHandle(columnName)\n    }\n\n    this.updateHandlePosition(handle, cellElement)\n  }\n\n  /**\n   * Updates the position and size of a handle based on its cell element.\n   */\n  private updateHandlePosition(\n    handle: ResizeHandleElement,\n    cellElement: HTMLElement,\n  ): void {\n    if (!this.gridContainer) return\n\n    const gridHeight = this.gridContainer.scrollHeight\n    const left = cellElement.offsetLeft + cellElement.offsetWidth - 3\n\n    handle.__cellElement = cellElement\n    handle.__columnName = handle.dataset.columnName\n    handle.style.left = `${left}px`\n    handle.style.height = `${gridHeight}px`\n    handle.style.display = '' // Ensure visible\n  }\n\n  /**\n   * Handles mousedown event on a resize handle to initiate dragging.\n   */\n  private handleMouseDown(e: MouseEvent, handle: ResizeHandleElement): void {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Read the column info fresh at mousedown time\n    const currentColumnName = handle.__columnName\n    const currentCellElement = handle.__cellElement\n\n    if (!currentColumnName || !currentCellElement) return\n\n    // Get current width and position at the time of mousedown\n    const currentLeft = parseFloat(handle.style.left)\n\n    this.activeResize = {\n      columnName: currentColumnName,\n      startX: e.clientX,\n      startWidth: currentCellElement.offsetWidth,\n      handle,\n      initialLeft: currentLeft,\n    }\n\n    handle.classList.add('is-resizing')\n    document.body.classList.add('col-resizing')\n  }\n\n  /**\n   * Handles mousemove event to update handle position during drag.\n   */\n  private handleMouseMove = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { startX, handle, initialLeft } = this.activeResize\n    const deltaX = e.clientX - startX\n    handle.style.left = `${initialLeft + deltaX}px`\n  }\n\n  /**\n   * Handles mouseup/mouseleave to finalize the resize operation.\n   */\n  private handleMouseUp = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { columnName, startX, startWidth, handle } = this.activeResize\n    const deltaX = e.clientX - startX\n    const newWidth = Math.max(\n      ColumnResizeManager.COLUMN_MIN_WIDTH_PX,\n      startWidth + deltaX,\n    )\n\n    handle.classList.remove('is-resizing')\n    document.body.classList.remove('col-resizing')\n    this.activeResize = null\n\n    // Only update state when drag is complete\n    this.onColumnResize(columnName, newWidth)\n  }\n\n  /**\n   * Synchronizes handles with currently visible columns in the header.\n   * Handles virtualization by showing/hiding handles as columns appear/disappear.\n   */\n  private syncHandles = (): void => {\n    if (this.activeResize || !this.headerRow) return // Don't sync during resize\n\n    const headerCells = this.headerRow.querySelectorAll('.dsg-cell')\n    if (headerCells.length <= 1) return\n\n    // Track which columns are currently visible\n    const visibleColumns = new Set<string>()\n\n    // Update or create handles for visible columns\n    headerCells.forEach((cell: Element, index: number) => {\n      if (index === 0) return // Skip gutter column\n\n      const cellElement = cell as HTMLElement\n\n      // Get the column name from the cell's text content\n      // This is more reliable than using DOM index with virtualization\n      const cellText = cellElement.textContent?.trim() || ''\n\n      // Find the actual column index in colValues by matching the id (column name)\n      // Note: col.title may be a React element (e.g. ColumnHeaderWithTooltip), so we use col.id\n      const actualColumnIndex = this.colValues.findIndex(\n        col => col.id === cellText,\n      )\n\n      if (actualColumnIndex !== -1) {\n        const columnName = this.colValues[actualColumnIndex]?.id as string\n        visibleColumns.add(columnName)\n        this.createOrUpdateHandle(cellElement, actualColumnIndex)\n      }\n    })\n\n    // Hide handles for columns that are no longer visible (virtualized out)\n    this.handlesMap.forEach((handle, columnName) => {\n      if (!visibleColumns.has(columnName)) {\n        handle.style.display = 'none'\n      }\n    })\n  }\n\n  /**\n   * Sets up all event listeners for mouse interactions, scroll, and virtualization.\n   */\n  private setupEventListeners(): void {\n    if (!this.gridContainer || !this.headerRow) return\n\n    // Global mouse event listeners\n    document.addEventListener('mousemove', this.handleMouseMove)\n    document.addEventListener('mouseup', this.handleMouseUp)\n    document.addEventListener('mouseleave', this.handleMouseUp)\n\n    // Scroll listener for updating handle positions\n    this.gridContainer.addEventListener('scroll', this.syncHandles)\n\n    // MutationObserver to detect when columns are added/removed due to virtualization\n    this.observer = new MutationObserver(() => {\n      // Debounce mutations to avoid excessive syncs\n      requestAnimationFrame(() => {\n        this.syncHandles()\n      })\n    })\n\n    this.observer.observe(this.headerRow, {\n      childList: true, // Watch for added/removed columns\n      subtree: true,\n    })\n\n    // Register cleanup functions\n    this.cleanupFunctions.push(() => {\n      document.removeEventListener('mousemove', this.handleMouseMove)\n      document.removeEventListener('mouseup', this.handleMouseUp)\n      document.removeEventListener('mouseleave', this.handleMouseUp)\n      this.gridContainer?.removeEventListener('scroll', this.syncHandles)\n      this.observer?.disconnect()\n    })\n  }\n\n  /**\n   * Cleans up all handles, event listeners, and resets state.\n   */\n  cleanup(): void {\n    // Ensure cursor class is removed\n    document.body.classList.remove('col-resizing')\n\n    // Reset active resize state\n    if (this.activeResize) {\n      this.activeResize.handle?.classList.remove('is-resizing')\n      this.activeResize = null\n    }\n\n    // Run all cleanup functions and remove handles\n    this.cleanupFunctions.forEach(item => {\n      if (typeof item === 'function') {\n        item()\n      } else {\n        // It's a handle element, remove it\n        item.remove()\n      }\n    })\n\n    this.cleanupFunctions = []\n    this.handlesMap.clear()\n    this.gridContainer = null\n    this.headerRow = null\n    this.observer = null\n  }\n}\n\n/**\n * Custom hook that manages interactive column resize handles for a data grid.\n * Creates, positions, and updates resize handles that allow users to drag column borders.\n * Handles virtualization, scrolling, and proper cleanup.\n */\nexport function useColumnResizeHandles({\n  wrapperRef,\n  colValues,\n  onColumnResize,\n}: UseColumnResizeHandlesProps) {\n  const managerRef = useRef<ColumnResizeManager | null>(null)\n\n  // Use react-hookz useResizeObserver to detect when wrapper is rendered and sized\n  useResizeObserver(wrapperRef, entry => {\n    if (!wrapperRef.current || !entry || entry.contentRect.height === 0) {\n      return\n    }\n\n    // Initialize manager if not already done\n    if (!managerRef.current) {\n      const manager = new ColumnResizeManager(colValues, onColumnResize)\n      const success = manager.initialize(wrapperRef.current)\n      if (success) {\n        managerRef.current = manager\n      }\n    }\n  })\n\n  useEffect(() => {\n    // Update columns when they change instead of full reinitialization\n    if (managerRef.current) {\n      managerRef.current.updateColumns(colValues, onColumnResize)\n    }\n  }, [colValues, onColumnResize])\n\n  useEffect(() => {\n    // Cleanup on unmount\n    return () => {\n      managerRef.current?.cleanup()\n      managerRef.current = null\n    }\n  }, [])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useColumnResizeHandles.js","names":["useEffect","useRef","Column","useResizeObserver","ResizeHandleElement","HTMLDivElement","__cellElement","HTMLElement","__columnName","UseColumnResizeHandlesProps","wrapperRef","React","RefObject","colValues","onColumnResize","columnName","newWidth","ResizeState","startX","startWidth","handle","initialLeft","ColumnResizeManager","COLUMN_MIN_WIDTH_PX","handlesMap","Map","cleanupFunctions","Array","activeResize","gridContainer","headerRow","Element","observer","MutationObserver","constructor","name","width","updateColumns","syncHandles","initialize","querySelector","setupEventListeners","createNewHandle","Error","document","createElement","className","dataset","style","position","top","cursor","pointerEvents","zIndex","onMouseDown","e","MouseEvent","handleMouseDown","addEventListener","push","removeEventListener","appendChild","set","createOrUpdateHandle","cellElement","columnIndex","id","get","updateHandlePosition","gridHeight","scrollHeight","left","offsetLeft","offsetWidth","height","display","preventDefault","stopPropagation","currentColumnName","currentCellElement","currentLeft","parseFloat","clientX","classList","add","body","handleMouseMove","deltaX","handleMouseUp","Math","max","remove","headerCells","querySelectorAll","length","visibleColumns","Set","forEach","cell","index","cellText","textContent","trim","actualColumnIndex","findIndex","col","has","requestAnimationFrame","observe","childList","subtree","disconnect","cleanup","item","clear","useColumnResizeHandles","t0","$","_c","managerRef","t1","entry","current","contentRect","manager","success","t2","t3","t4","t5","Symbol","for"],"sources":["../../../../src/components/DataGrid/hooks/useColumnResizeHandles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport { useResizeObserver } from '@react-hookz/web'\n\n// Extended HTMLDivElement with custom properties for resize handles\ninterface ResizeHandleElement extends HTMLDivElement {\n  __cellElement?: HTMLElement\n  __columnName?: string\n}\n\ntype UseColumnResizeHandlesProps = {\n  wrapperRef: React.RefObject<HTMLDivElement | null>\n  colValues: Column[]\n  onColumnResize: (columnName: string, newWidth: number) => void\n}\n\ninterface ResizeState {\n  columnName: string\n  startX: number\n  startWidth: number\n  handle: HTMLDivElement\n  initialLeft: number\n}\n\n/**\n * Encapsulates all column resize handle logic and state management.\n * Manages handle creation, positioning, mouse interactions, and cleanup.\n */\nclass ColumnResizeManager {\n  private static readonly COLUMN_MIN_WIDTH_PX = 50\n\n  private handlesMap = new Map<string, ResizeHandleElement>()\n  private cleanupFunctions: Array<(() => void) | HTMLDivElement> = []\n  private activeResize: ResizeState | null = null\n  private gridContainer: HTMLElement | null = null\n  private headerRow: Element | null = null\n  private observer: MutationObserver | null = null\n\n  constructor(\n    private colValues: Column[],\n    private onColumnResize: (name: string, width: number) => void,\n  ) {}\n\n  /**\n   * Update the column values and callback without reinitializing.\n   */\n  updateColumns(\n    colValues: Column[],\n    onColumnResize: (name: string, width: number) => void,\n  ): void {\n    this.colValues = colValues\n    this.onColumnResize = onColumnResize\n    // Resync handles with new column data\n    this.syncHandles()\n  }\n\n  /**\n   * Initialize the manager by finding grid elements and setting up event listeners.\n   * Returns true if initialization was successful, false otherwise.\n   */\n  initialize(wrapperRef: HTMLDivElement): boolean {\n    const gridContainer = wrapperRef.querySelector(\n      '.dsg-container',\n    ) as HTMLElement\n\n    if (!gridContainer) {\n      return false\n    }\n\n    const headerRow = gridContainer.querySelector('.dsg-row.dsg-row-header')\n\n    if (!headerRow) {\n      return false\n    }\n\n    this.gridContainer = gridContainer\n    this.headerRow = headerRow\n\n    this.setupEventListeners()\n    this.syncHandles()\n\n    return true\n  }\n\n  /**\n   * Creates a new resize handle element with mousedown listener.\n   */\n  private createNewHandle(columnName: string): ResizeHandleElement {\n    if (!this.gridContainer) {\n      throw new Error('Cannot create handle without grid container')\n    }\n\n    const handle = document.createElement('div') as ResizeHandleElement\n    handle.className = 'column-resize-handle'\n    handle.dataset.columnName = columnName\n    handle.style.position = 'absolute'\n    handle.style.top = '0'\n    handle.style.width = '8px'\n    handle.style.cursor = 'col-resize'\n    handle.style.pointerEvents = 'auto'\n    handle.style.zIndex = '1000'\n\n    const onMouseDown = (e: MouseEvent) => this.handleMouseDown(e, handle)\n    handle.addEventListener('mousedown', onMouseDown)\n\n    this.cleanupFunctions.push(() =>\n      handle.removeEventListener('mousedown', onMouseDown),\n    )\n\n    this.gridContainer.appendChild(handle)\n    this.cleanupFunctions.push(handle)\n    this.handlesMap.set(columnName, handle)\n\n    return handle\n  }\n\n  /**\n   * Creates or updates a handle for a given cell element.\n   */\n  private createOrUpdateHandle(\n    cellElement: HTMLElement,\n    columnIndex: number,\n  ): void {\n    const columnName = this.colValues[columnIndex]?.id as string\n    if (!columnName || !this.gridContainer) return\n\n    let handle = this.handlesMap.get(columnName)\n\n    if (!handle) {\n      handle = this.createNewHandle(columnName)\n    }\n\n    this.updateHandlePosition(handle, cellElement)\n  }\n\n  /**\n   * Updates the position and size of a handle based on its cell element.\n   */\n  private updateHandlePosition(\n    handle: ResizeHandleElement,\n    cellElement: HTMLElement,\n  ): void {\n    if (!this.gridContainer) return\n\n    const gridHeight = this.gridContainer.scrollHeight\n    const left = cellElement.offsetLeft + cellElement.offsetWidth - 3\n\n    handle.__cellElement = cellElement\n    handle.__columnName = handle.dataset.columnName\n    handle.style.left = `${left}px`\n    handle.style.height = `${gridHeight}px`\n    handle.style.display = '' // Ensure visible\n  }\n\n  /**\n   * Handles mousedown event on a resize handle to initiate dragging.\n   */\n  private handleMouseDown(e: MouseEvent, handle: ResizeHandleElement): void {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Read the column info fresh at mousedown time\n    const currentColumnName = handle.__columnName\n    const currentCellElement = handle.__cellElement\n\n    if (!currentColumnName || !currentCellElement) return\n\n    // Get current width and position at the time of mousedown\n    const currentLeft = parseFloat(handle.style.left)\n\n    this.activeResize = {\n      columnName: currentColumnName,\n      startX: e.clientX,\n      startWidth: currentCellElement.offsetWidth,\n      handle,\n      initialLeft: currentLeft,\n    }\n\n    handle.classList.add('is-resizing')\n    document.body.classList.add('col-resizing')\n  }\n\n  /**\n   * Handles mousemove event to update handle position during drag.\n   */\n  private handleMouseMove = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { startX, handle, initialLeft } = this.activeResize\n    const deltaX = e.clientX - startX\n    handle.style.left = `${initialLeft + deltaX}px`\n  }\n\n  /**\n   * Handles mouseup/mouseleave to finalize the resize operation.\n   */\n  private handleMouseUp = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { columnName, startX, startWidth, handle } = this.activeResize\n    const deltaX = e.clientX - startX\n    const newWidth = Math.max(\n      ColumnResizeManager.COLUMN_MIN_WIDTH_PX,\n      startWidth + deltaX,\n    )\n\n    handle.classList.remove('is-resizing')\n    document.body.classList.remove('col-resizing')\n    this.activeResize = null\n\n    // Only update state when drag is complete\n    this.onColumnResize(columnName, newWidth)\n  }\n\n  /**\n   * Synchronizes handles with currently visible columns in the header.\n   * Handles virtualization by showing/hiding handles as columns appear/disappear.\n   */\n  private syncHandles = (): void => {\n    if (this.activeResize || !this.headerRow) return // Don't sync during resize\n\n    const headerCells = this.headerRow.querySelectorAll('.dsg-cell')\n    if (headerCells.length <= 1) return\n\n    // Track which columns are currently visible\n    const visibleColumns = new Set<string>()\n\n    // Update or create handles for visible columns\n    headerCells.forEach((cell: Element, index: number) => {\n      if (index === 0) return // Skip gutter column\n\n      const cellElement = cell as HTMLElement\n\n      // Get the column name from the cell's text content\n      // This is more reliable than using DOM index with virtualization\n      const cellText = cellElement.textContent?.trim() || ''\n\n      // Find the actual column index in colValues by matching the id (column name)\n      // Note: col.title may be a React element (e.g. ColumnHeaderWithTooltip), so we use col.id\n      const actualColumnIndex = this.colValues.findIndex(\n        col => col.id === cellText,\n      )\n\n      if (actualColumnIndex !== -1) {\n        const columnName = this.colValues[actualColumnIndex]?.id as string\n        visibleColumns.add(columnName)\n        this.createOrUpdateHandle(cellElement, actualColumnIndex)\n      }\n    })\n\n    // Hide handles for columns that are no longer visible (virtualized out)\n    this.handlesMap.forEach((handle, columnName) => {\n      if (!visibleColumns.has(columnName)) {\n        handle.style.display = 'none'\n      }\n    })\n  }\n\n  /**\n   * Sets up all event listeners for mouse interactions, scroll, and virtualization.\n   */\n  private setupEventListeners(): void {\n    if (!this.gridContainer || !this.headerRow) return\n\n    // Global mouse event listeners\n    document.addEventListener('mousemove', this.handleMouseMove)\n    document.addEventListener('mouseup', this.handleMouseUp)\n    document.addEventListener('mouseleave', this.handleMouseUp)\n\n    // Scroll listener for updating handle positions\n    this.gridContainer.addEventListener('scroll', this.syncHandles)\n\n    // MutationObserver to detect when columns are added/removed due to virtualization\n    this.observer = new MutationObserver(() => {\n      // Debounce mutations to avoid excessive syncs\n      requestAnimationFrame(() => {\n        this.syncHandles()\n      })\n    })\n\n    this.observer.observe(this.headerRow, {\n      childList: true, // Watch for added/removed columns\n      subtree: true,\n    })\n\n    // Register cleanup functions\n    this.cleanupFunctions.push(() => {\n      document.removeEventListener('mousemove', this.handleMouseMove)\n      document.removeEventListener('mouseup', this.handleMouseUp)\n      document.removeEventListener('mouseleave', this.handleMouseUp)\n      this.gridContainer?.removeEventListener('scroll', this.syncHandles)\n      this.observer?.disconnect()\n    })\n  }\n\n  /**\n   * Cleans up all handles, event listeners, and resets state.\n   */\n  cleanup(): void {\n    // Ensure cursor class is removed\n    document.body.classList.remove('col-resizing')\n\n    // Reset active resize state\n    if (this.activeResize) {\n      this.activeResize.handle?.classList.remove('is-resizing')\n      this.activeResize = null\n    }\n\n    // Run all cleanup functions and remove handles\n    this.cleanupFunctions.forEach(item => {\n      if (typeof item === 'function') {\n        item()\n      } else {\n        // It's a handle element, remove it\n        item.remove()\n      }\n    })\n\n    this.cleanupFunctions = []\n    this.handlesMap.clear()\n    this.gridContainer = null\n    this.headerRow = null\n    this.observer = null\n  }\n}\n\n/**\n * Custom hook that manages interactive column resize handles for a data grid.\n * Creates, positions, and updates resize handles that allow users to drag column borders.\n * Handles virtualization, scrolling, and proper cleanup.\n */\nexport function useColumnResizeHandles({\n  wrapperRef,\n  colValues,\n  onColumnResize,\n}: UseColumnResizeHandlesProps) {\n  const managerRef = useRef<ColumnResizeManager | null>(null)\n\n  // Use react-hookz useResizeObserver to detect when wrapper is rendered and sized\n  useResizeObserver(wrapperRef, entry => {\n    if (!wrapperRef.current || !entry || entry.contentRect.height === 0) {\n      return\n    }\n\n    // Initialize manager if not already done\n    if (!managerRef.current) {\n      const manager = new ColumnResizeManager(colValues, onColumnResize)\n      const success = manager.initialize(wrapperRef.current)\n      if (success) {\n        managerRef.current = manager\n      }\n    }\n  })\n\n  useEffect(() => {\n    // Update columns when they change instead of full reinitialization\n    if (managerRef.current) {\n      managerRef.current.updateColumns(colValues, onColumnResize)\n    }\n  }, [colValues, onColumnResize])\n\n  useEffect(() => {\n    // Cleanup on unmount\n    return () => {\n      managerRef.current?.cleanup()\n      managerRef.current = null\n    }\n  }, [])\n}\n"],"mappings":"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"}