@plumile/ui 0.1.162 → 0.1.164

package/lib/esm/components/data-table/VirtualizedConnectionTable.js

@@ -1,14 +1,14 @@
-import { DataTableBody as e, DataTableEmptyRow as t, DataTableHeader as n, DataTableRoot as r, DataTableRow as i } from "./DataTable.js";
-import { resolveInfiniteRootMargin as a, shouldTriggerInfiniteLoad as o } from "../../internal/infinite/infiniteLoad.js";
-import { bodyViewport as s, sentinel as c, spacer as l } from "./VirtualizedConnectionTable.css.js";
-import { clamp as ee, computeVirtualWindowBounds as te, isVerticallyScrollable as u, shouldTriggerVirtualizedInfiniteLoad as ne } from "../../internal/data-table/virtualization.js";
-import { useCallback as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as re } from "react";
-import { Fragment as ie, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { DataTableBody as e, DataTableEmptyRow as t, DataTableHeader as n, DataTableRoot as r, DataTableRow as i, getVisibleDataTableColumnEntries as a, getVisibleDataTableGridTemplateColumns as o, useDataTableContainerWidth as s } from "./DataTable.js";
+import { resolveInfiniteRootMargin as ee, shouldTriggerInfiniteLoad as c } from "../../internal/infinite/infiniteLoad.js";
+import { bodyViewport as l, sentinel as u, spacer as d } from "./VirtualizedConnectionTable.css.js";
+import { clamp as te, computeVirtualWindowBounds as ne, isVerticallyScrollable as f, shouldTriggerVirtualizedInfiniteLoad as re } from "../../internal/data-table/virtualization.js";
+import { useCallback as p, useEffect as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as ie } from "react";
+import { Fragment as ae, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/data-table/VirtualizedConnectionTable.tsx
-var ae = (e) => {
+var oe = (e) => {
 	let t = e;
 	for (; t != null;) {
-		if (u({
+		if (f({
 			overflowY: window.getComputedStyle(t).overflowY,
 			scrollHeight: t.scrollHeight,
 			clientHeight: t.clientHeight
@@ -16,225 +16,233 @@ var ae = (e) => {
 		t = t.parentElement;
 	}
 	return null;
-}, v = ({ columns: u, rows: v, getRowId: y, emptyState: oe, className: se, headerClassName: ce, bodyClassName: le, rowClassName: b, gridTemplateClassName: x, gridTemplateColumns: S, kind: C, density: w, headerBehavior: ue, rowState: T, classes: E, bodyScrollMode: D = "page", bodyFooterNode: de, virtualization: O, infiniteScroll: k, hasNextPage: A = !1, isLoadingMore: j = !1, onLoadMore: M, ariaLabel: fe, ariaLabelledBy: pe }) => {
-	let N = h(null), P = h(null), F = h(null), I = h(null), L = h(null), R = h(null), z = h(null), B = h(!1), V = O?.enabled === !0, H = m(() => {
-		if (!V) return null;
-		let e = O.rowHeightPx;
+}, b = ({ columns: f, rows: b, getRowId: x, emptyState: se, className: ce, headerClassName: le, bodyClassName: ue, rowClassName: de, gridTemplateClassName: S, gridTemplateColumns: fe, kind: C, density: w, headerBehavior: pe, rowState: me, classes: T, bodyScrollMode: E = "page", bodyFooterNode: he, virtualization: D, infiniteScroll: O, hasNextPage: k = !1, isLoadingMore: A = !1, onLoadMore: j, ariaLabel: ge, ariaLabelledBy: _e }) => {
+	let M = _(null), N = _(null), P = _(null), F = _(null), I = _(null), L = _(null), R = _(null), z = _(!1), B = D?.enabled === !0, V = g(() => {
+		if (!B) return null;
+		let e = D.rowHeightPx;
 		return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
-	}, [V, O]), U = m(() => {
-		if (!V) return 0;
-		let e = 10, t = O.overscan;
+	}, [B, D]), ve = g(() => {
+		if (!B) return 0;
+		let e = 10, t = D.overscan;
 		return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
-	}, [V, O]), W = k?.thresholdPx ?? 800, G = k?.autoLoad ?? !0, K = k?.enabled === !0, q = D === "contained", J = K && A && !j && M != null, Y = d(() => {
-		M?.();
-	}, [M]), X = d(() => {
-		B.current = !0, z.current != null && window.clearTimeout(z.current), z.current = window.setTimeout(() => {
-			B.current = !1, z.current = null;
+	}, [B, D]), H = O?.thresholdPx ?? 800, U = O?.autoLoad ?? !0, W = O?.enabled === !0, G = E === "contained", ye = s(M), K = g(() => a(f, ye), [f, ye]), q = g(() => K.map((e) => e.column), [K]), J = g(() => o({
+		columns: f,
+		gridTemplateColumns: fe,
+		visibleColumnEntries: K
+	}), [
+		f,
+		fe,
+		K
+	]), Y = W && k && !A && j != null, X = p(() => {
+		j?.();
+	}, [j]), Z = p(() => {
+		z.current = !0, R.current != null && window.clearTimeout(R.current), R.current = window.setTimeout(() => {
+			z.current = !1, R.current = null;
 		}, 250);
-	}, []), [me, he] = re(() => ({
+	}, []), [be, xe] = ie(() => ({
 		startIndex: 0,
-		endIndex: Math.min(v.length, 50)
-	})), ge = d((e, t, n) => {
+		endIndex: Math.min(b.length, 50)
+	})), Se = p((e, t, n) => {
 		let r = {};
-		return typeof n == "number" && (r.height = n), /* @__PURE__ */ g(i, {
+		return typeof n == "number" && (r.height = n), /* @__PURE__ */ v(i, {
 			row: e,
 			index: t,
-			columns: u,
-			getRowId: y,
+			columns: q,
+			getRowId: x,
 			kind: C,
 			density: w,
-			rowClassName: b,
-			rowState: T,
-			gridTemplateClassName: x,
-			gridTemplateColumns: S,
-			classes: E,
+			rowClassName: de,
+			rowState: me,
+			gridTemplateClassName: S,
+			gridTemplateColumns: J,
+			classes: T,
 			style: r,
 			cellMode: "singleLine"
-		}, y(e, t));
+		}, x(e, t));
 	}, [
-		E,
-		u,
+		T,
 		w,
-		y,
 		x,
 		S,
 		C,
-		b,
-		T
-	]), _e = d(() => {
-		if (!V) return;
-		let e = H;
+		de,
+		me,
+		q,
+		J
+	]), Ce = p(() => {
+		if (!B) return;
+		let e = V;
 		if (e == null) return;
-		let t = F.current;
+		let t = P.current;
 		if (t == null) return;
-		let n = P.current, r = L.current, i = r?.clientHeight ?? window.innerHeight, a = 0;
-		if (q && n != null) i = n.clientHeight, a = n.scrollTop;
+		let n = N.current, r = I.current, i = r?.clientHeight ?? window.innerHeight, a = 0;
+		if (G && n != null) i = n.clientHeight, a = n.scrollTop;
 		else {
 			let e = r?.getBoundingClientRect().top ?? 0, n = t.getBoundingClientRect().top - e;
 			a = Math.max(0, -n);
 		}
-		let s = a + i, c = v.length * e, l = ee(s, 0, c), { startIndex: u, endIndex: d } = te({
-			rowCount: v.length,
+		let o = a + i, s = b.length * e, ee = te(o, 0, s), { startIndex: l, endIndex: u } = ne({
+			rowCount: b.length,
 			rowHeightPx: e,
-			overscan: U,
+			overscan: ve,
 			visibleTop: a,
-			visibleBottom: s
+			visibleBottom: o
 		});
-		he((e) => e.startIndex === u && e.endIndex === d ? e : {
-			startIndex: u,
-			endIndex: d
-		}), o({
-			enabled: K,
-			hasNext: A,
-			isLoading: j,
-			autoLoad: G,
-			isCoolingDown: B.current
-		}) && J && ne({
-			autoLoad: G,
-			canLoadMore: J,
-			totalHeight: c,
-			visibleBottom: l,
-			thresholdPx: W,
-			isCoolingDown: B.current
-		}) && (X(), Y());
+		xe((e) => e.startIndex === l && e.endIndex === u ? e : {
+			startIndex: l,
+			endIndex: u
+		}), c({
+			enabled: W,
+			hasNext: k,
+			isLoading: A,
+			autoLoad: U,
+			isCoolingDown: z.current
+		}) && Y && re({
+			autoLoad: U,
+			canLoadMore: Y,
+			totalHeight: s,
+			visibleBottom: ee,
+			thresholdPx: H,
+			isCoolingDown: z.current
+		}) && (Z(), X());
 	}, [
+		U,
+		Y,
+		k,
 		G,
-		J,
+		B,
+		W,
 		A,
-		q,
+		ve,
 		V,
-		K,
-		j,
-		U,
+		b.length,
+		Z,
 		H,
-		v.length,
-		X,
-		W,
-		Y
-	]), Z = d(() => {
-		R.current ??= window.requestAnimationFrame(() => {
-			R.current = null, _e();
+		X
+	]), Q = p(() => {
+		L.current ??= window.requestAnimationFrame(() => {
+			L.current = null, Ce();
 		});
-	}, [_e]);
-	f(() => () => {
-		R.current != null && (window.cancelAnimationFrame(R.current), R.current = null), z.current != null && (window.clearTimeout(z.current), z.current = null);
-	}, []), p(() => {
-		if (!V) return;
-		let e = N.current;
-		e != null && (q ? L.current = P.current : L.current = ae(e), Z());
+	}, [Ce]);
+	m(() => () => {
+		L.current != null && (window.cancelAnimationFrame(L.current), L.current = null), R.current != null && (window.clearTimeout(R.current), R.current = null);
+	}, []), h(() => {
+		if (!B) return;
+		let e = M.current;
+		e != null && (G ? I.current = N.current : I.current = oe(e), Q());
 	}, [
-		q,
-		V,
-		Z
-	]), f(() => {
-		if (!V) return;
-		let e = L.current ?? window, t = () => {
-			Z();
+		G,
+		B,
+		Q
+	]), m(() => {
+		if (!B) return;
+		let e = I.current ?? window, t = () => {
+			Q();
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), () => {
 			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
 		};
-	}, [V, Z]), f(() => {
-		if (V || !o({
-			enabled: K,
-			hasNext: A,
-			isLoading: j,
-			autoLoad: G,
+	}, [B, Q]), m(() => {
+		if (B || !c({
+			enabled: W,
+			hasNext: k,
+			isLoading: A,
+			autoLoad: U,
 			isCoolingDown: !1
-		}) || !J) return;
-		let e = I.current;
+		}) || !Y) return;
+		let e = F.current;
 		if (e == null || typeof window > "u" || typeof IntersectionObserver > "u") return;
-		let t = L.current, n = new IntersectionObserver((e) => {
+		let t = I.current, n = new IntersectionObserver((e) => {
 			let [t] = e;
-			t != null && t.isIntersecting && o({
-				enabled: K,
-				hasNext: A,
-				isLoading: j,
-				autoLoad: G,
-				isCoolingDown: B.current
-			}) && (X(), Y());
+			t != null && t.isIntersecting && c({
+				enabled: W,
+				hasNext: k,
+				isLoading: A,
+				autoLoad: U,
+				isCoolingDown: z.current
+			}) && (Z(), X());
 		}, {
 			root: t,
-			rootMargin: a({ thresholdPx: W })
+			rootMargin: ee({ thresholdPx: H })
 		});
 		return n.observe(e), () => {
 			n.disconnect();
 		};
 	}, [
-		G,
-		J,
-		A,
-		K,
-		V,
-		j,
-		X,
+		U,
+		Y,
+		k,
 		W,
-		Y
-	]), p(() => {
-		if (V) return;
-		let e = N.current;
-		e != null && (q ? L.current = P.current : L.current = ae(e));
-	}, [q, V]);
-	let Q;
-	if (v.length === 0) Q = /* @__PURE__ */ g(t, {
-		emptyState: oe,
+		B,
+		A,
+		Z,
+		H,
+		X
+	]), h(() => {
+		if (B) return;
+		let e = M.current;
+		e != null && (G ? I.current = N.current : I.current = oe(e));
+	}, [G, B]);
+	let $;
+	if (b.length === 0) $ = /* @__PURE__ */ v(t, {
+		emptyState: se,
 		density: w,
-		classes: E
+		classes: T
 	});
-	else if (V && H != null) {
-		let { startIndex: e, endIndex: t } = me, n = e * H, r = (v.length - t) * H, i = v.slice(e, t);
-		Q = /* @__PURE__ */ _("div", {
-			className: s,
-			ref: F,
+	else if (B && V != null) {
+		let { startIndex: e, endIndex: t } = be, n = e * V, r = (b.length - t) * V, i = b.slice(e, t);
+		$ = /* @__PURE__ */ y("div", {
+			className: l,
+			ref: P,
 			children: [
-				/* @__PURE__ */ g("div", {
-					className: l,
+				/* @__PURE__ */ v("div", {
+					className: d,
 					style: { height: n }
 				}),
-				i.map((t, n) => ge(t, e + n, H)),
-				/* @__PURE__ */ g("div", {
-					className: l,
+				i.map((t, n) => Se(t, e + n, V)),
+				/* @__PURE__ */ v("div", {
+					className: d,
 					style: { height: r }
 				})
 			]
 		});
-	} else Q = /* @__PURE__ */ g(ie, { children: v.map((e, t) => ge(e, t, null)) });
-	let $ = null;
-	return !V && K && G && ($ = /* @__PURE__ */ g("div", {
-		ref: I,
-		className: c
-	})), /* @__PURE__ */ _(r, {
-		ref: N,
-		className: se,
+	} else $ = /* @__PURE__ */ v(ae, { children: b.map((e, t) => Se(e, t, null)) });
+	let we = null;
+	return !B && W && U && (we = /* @__PURE__ */ v("div", {
+		ref: F,
+		className: u
+	})), /* @__PURE__ */ y(r, {
+		ref: M,
+		className: ce,
 		kind: C,
-		bodyScrollMode: D,
-		classes: E,
-		ariaLabel: fe,
-		ariaLabelledBy: pe,
-		children: [/* @__PURE__ */ g(n, {
-			columns: u,
+		bodyScrollMode: E,
+		classes: T,
+		ariaLabel: ge,
+		ariaLabelledBy: _e,
+		children: [/* @__PURE__ */ v(n, {
+			columns: q,
 			kind: C,
 			density: w,
-			headerBehavior: ue,
-			headerClassName: ce,
-			gridTemplateClassName: x,
-			gridTemplateColumns: S,
-			classes: E
-		}), /* @__PURE__ */ _(e, {
-			ref: P,
-			className: le,
+			headerBehavior: pe,
+			headerClassName: le,
+			gridTemplateClassName: S,
+			gridTemplateColumns: J,
+			classes: T
+		}), /* @__PURE__ */ y(e, {
+			ref: N,
+			className: ue,
 			kind: C,
-			bodyScrollMode: D,
-			classes: E,
+			bodyScrollMode: E,
+			classes: T,
 			children: [
-				Q,
 				$,
-				de
+				we,
+				he
 			]
 		})]
 	});
 };
 //#endregion
-export { v as VirtualizedConnectionTable };
+export { b as VirtualizedConnectionTable };
 
 //# sourceMappingURL=VirtualizedConnectionTable.js.map

package/lib/esm/components/data-table/VirtualizedConnectionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DataTableBody,\n  DataTableEmptyRow,\n  DataTableHeader,\n  DataTableRoot,\n  DataTableRow,\n  type DataTableBodyScrollMode,\n  type DataTableColumn,\n  type DataTableDensity,\n  type DataTableHeaderBehavior,\n  type DataTableKind,\n  type DataTableRowState,\n  type DataTableSlot,\n  type GetRowId,\n} from './DataTable.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport {\n  clamp,\n  computeVirtualWindowBounds,\n  isVerticallyScrollable,\n  shouldTriggerVirtualizedInfiniteLoad,\n  type VirtualWindow,\n} from '../../internal/data-table/virtualization.js';\nimport {\n  resolveInfiniteRootMargin,\n  shouldTriggerInfiniteLoad,\n} from '../../internal/infinite/infiniteLoad.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  rowClassName?: (row: Row, index: number) => string | null | undefined;\n  gridTemplateClassName?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  density?: DataTableDensity;\n  headerBehavior?: DataTableHeaderBehavior;\n  rowState?: (row: Row, index: number) => DataTableRowState;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n  bodyFooterNode?: ReactNode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  headerClassName,\n  bodyClassName,\n  rowClassName,\n  gridTemplateClassName,\n  gridTemplateColumns,\n  kind,\n  density,\n  headerBehavior,\n  rowState,\n  classes,\n  bodyScrollMode = 'page',\n  bodyFooterNode,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const cooldownTimeoutRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const startLoadMoreCooldown = useCallback(() => {\n    loadMoreCooldownRef.current = true;\n    if (cooldownTimeoutRef.current != null) {\n      window.clearTimeout(cooldownTimeoutRef.current);\n    }\n    cooldownTimeoutRef.current = window.setTimeout(() => {\n      loadMoreCooldownRef.current = false;\n      cooldownTimeoutRef.current = null;\n    }, 250);\n  }, []);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowStyle: CSSProperties = {};\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <DataTableRow\n          key={getRowId(row, index)}\n          row={row}\n          index={index}\n          columns={columns}\n          getRowId={getRowId}\n          kind={kind}\n          density={density}\n          rowClassName={rowClassName}\n          rowState={rowState}\n          gridTemplateClassName={gridTemplateClassName}\n          gridTemplateColumns={gridTemplateColumns}\n          classes={classes}\n          style={rowStyle}\n          cellMode=\"singleLine\"\n        />\n      );\n    },\n    [\n      classes,\n      columns,\n      density,\n      getRowId,\n      gridTemplateClassName,\n      gridTemplateColumns,\n      kind,\n      rowClassName,\n      rowState,\n    ],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: loadMoreCooldownRef.current,\n      }) &&\n      canLoadMore &&\n      shouldTriggerVirtualizedInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      startLoadMoreCooldown();\n      triggerLoadMore();\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    hasContainedBodyScroll,\n    isVirtualized,\n    infiniteEnabled,\n    isLoadingMore,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useEffect(() => {\n    return () => {\n      if (rafRef.current != null) {\n        window.cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n      if (cooldownTimeoutRef.current != null) {\n        window.clearTimeout(cooldownTimeoutRef.current);\n        cooldownTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (\n      !shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: false,\n      }) ||\n      !canLoadMore\n    ) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n    if (\n      typeof window === 'undefined' ||\n      typeof IntersectionObserver === 'undefined'\n    ) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (\n          entry.isIntersecting &&\n          shouldTriggerInfiniteLoad({\n            enabled: infiniteEnabled,\n            hasNext: hasNextPage,\n            isLoading: isLoadingMore,\n            autoLoad,\n            isCoolingDown: loadMoreCooldownRef.current,\n          })\n        ) {\n          startLoadMoreCooldown();\n          triggerLoadMore();\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: resolveInfiniteRootMargin({ thresholdPx }),\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    infiniteEnabled,\n    isVirtualized,\n    isLoadingMore,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <DataTableEmptyRow\n        emptyState={emptyState}\n        density={density}\n        classes={classes}\n      />\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  return (\n    <DataTableRoot\n      ref={containerRef}\n      className={className}\n      kind={kind}\n      bodyScrollMode={bodyScrollMode}\n      classes={classes}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    >\n      <DataTableHeader\n        columns={columns}\n        kind={kind}\n        density={density}\n        headerBehavior={headerBehavior}\n        headerClassName={headerClassName}\n        gridTemplateClassName={gridTemplateClassName}\n        gridTemplateColumns={gridTemplateColumns}\n        classes={classes}\n      />\n      <DataTableBody\n        ref={bodyScrollerRef}\n        className={bodyClassName}\n        kind={kind}\n        bodyScrollMode={bodyScrollMode}\n        classes={classes}\n      >\n        {bodyRows}\n        {sentinelNode}\n        {bodyFooterNode}\n      </DataTableBody>\n    </DataTableRoot>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"VirtualizedConnectionTable.js","names":[],"sources":["../../../../src/components/data-table/VirtualizedConnectionTable.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DataTableBody,\n  DataTableEmptyRow,\n  DataTableHeader,\n  DataTableRoot,\n  DataTableRow,\n  getVisibleDataTableColumnEntries,\n  getVisibleDataTableGridTemplateColumns,\n  type DataTableBodyScrollMode,\n  type DataTableColumn,\n  type DataTableDensity,\n  type DataTableHeaderBehavior,\n  type DataTableKind,\n  type DataTableRowState,\n  type DataTableSlot,\n  type GetRowId,\n  useDataTableContainerWidth,\n} from './DataTable.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport {\n  clamp,\n  computeVirtualWindowBounds,\n  isVerticallyScrollable,\n  shouldTriggerVirtualizedInfiniteLoad,\n  type VirtualWindow,\n} from '../../internal/data-table/virtualization.js';\nimport {\n  resolveInfiniteRootMargin,\n  shouldTriggerInfiniteLoad,\n} from '../../internal/infinite/infiniteLoad.js';\nimport type { SlotClasses } from '../../styles/slots.js';\n\nexport type VirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type InfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type VirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  rowClassName?: (row: Row, index: number) => string | null | undefined;\n  gridTemplateClassName?: string;\n  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  density?: DataTableDensity;\n  headerBehavior?: DataTableHeaderBehavior;\n  rowState?: (row: Row, index: number) => DataTableRowState;\n  classes?: SlotClasses<DataTableSlot>;\n  bodyScrollMode?: DataTableBodyScrollMode;\n  bodyFooterNode?: ReactNode;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n};\n\nconst findScrollParent = (el: HTMLElement | null): HTMLElement | null => {\n  let current: HTMLElement | null = el;\n  while (current != null) {\n    const style = window.getComputedStyle(current);\n    if (\n      isVerticallyScrollable({\n        overflowY: style.overflowY,\n        scrollHeight: current.scrollHeight,\n        clientHeight: current.clientHeight,\n      })\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  headerClassName,\n  bodyClassName,\n  rowClassName,\n  gridTemplateClassName,\n  gridTemplateColumns,\n  kind,\n  density,\n  headerBehavior,\n  rowState,\n  classes,\n  bodyScrollMode = 'page',\n  bodyFooterNode,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n  ariaLabel,\n  ariaLabelledBy,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const bodyScrollerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const cooldownTimeoutRef = useRef<number | null>(null);\n  const loadMoreCooldownRef = useRef(false);\n\n  const isVirtualized = virtualization?.enabled === true;\n  const rowHeightPx = useMemo(() => {\n    if (!isVirtualized) {\n      return null;\n    }\n\n    const configuredRowHeight = virtualization.rowHeightPx;\n    if (\n      typeof configuredRowHeight === 'number' &&\n      Number.isFinite(configuredRowHeight) &&\n      configuredRowHeight > 0\n    ) {\n      return configuredRowHeight;\n    }\n\n    return 56;\n  }, [isVirtualized, virtualization]);\n\n  const overscan = useMemo(() => {\n    if (!isVirtualized) {\n      return 0;\n    }\n\n    let nextOverscan = 10;\n    const configuredOverscan = virtualization.overscan;\n    if (\n      typeof configuredOverscan === 'number' &&\n      Number.isFinite(configuredOverscan)\n    ) {\n      nextOverscan = configuredOverscan;\n    }\n    return Math.max(0, nextOverscan);\n  }, [isVirtualized, virtualization]);\n\n  const thresholdPx = infiniteScroll?.thresholdPx ?? 800;\n  const autoLoad = infiniteScroll?.autoLoad ?? true;\n  const infiniteEnabled = infiniteScroll?.enabled === true;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n  const containerWidth = useDataTableContainerWidth(containerRef);\n  const visibleColumnEntries = useMemo(() => {\n    return getVisibleDataTableColumnEntries(columns, containerWidth);\n  }, [columns, containerWidth]);\n  const visibleColumns = useMemo(() => {\n    return visibleColumnEntries.map((entry) => {\n      return entry.column;\n    });\n  }, [visibleColumnEntries]);\n  const visibleGridTemplateColumns = useMemo(() => {\n    return getVisibleDataTableGridTemplateColumns({\n      columns,\n      gridTemplateColumns,\n      visibleColumnEntries,\n    });\n  }, [columns, gridTemplateColumns, visibleColumnEntries]);\n\n  const canLoadMore =\n    infiniteEnabled && hasNextPage && !isLoadingMore && onLoadMore != null;\n\n  const triggerLoadMore = useCallback(() => {\n    if (onLoadMore == null) {\n      return;\n    }\n    onLoadMore();\n  }, [onLoadMore]);\n\n  const startLoadMoreCooldown = useCallback(() => {\n    loadMoreCooldownRef.current = true;\n    if (cooldownTimeoutRef.current != null) {\n      window.clearTimeout(cooldownTimeoutRef.current);\n    }\n    cooldownTimeoutRef.current = window.setTimeout(() => {\n      loadMoreCooldownRef.current = false;\n      cooldownTimeoutRef.current = null;\n    }, 250);\n  }, []);\n\n  const [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowStyle: CSSProperties = {};\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <DataTableRow\n          key={getRowId(row, index)}\n          row={row}\n          index={index}\n          columns={visibleColumns}\n          getRowId={getRowId}\n          kind={kind}\n          density={density}\n          rowClassName={rowClassName}\n          rowState={rowState}\n          gridTemplateClassName={gridTemplateClassName}\n          gridTemplateColumns={visibleGridTemplateColumns}\n          classes={classes}\n          style={rowStyle}\n          cellMode=\"singleLine\"\n        />\n      );\n    },\n    [\n      classes,\n      density,\n      getRowId,\n      gridTemplateClassName,\n      kind,\n      rowClassName,\n      rowState,\n      visibleColumns,\n      visibleGridTemplateColumns,\n    ],\n  );\n\n  const computeVirtualWindow = useCallback(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const height = rowHeightPx;\n    if (height == null) {\n      return;\n    }\n    const bodyEl = bodyRef.current;\n    if (bodyEl == null) {\n      return;\n    }\n\n    const bodyScroller = bodyScrollerRef.current;\n    const scrollParent = scrollParentRef.current;\n    let viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    let visibleTop = 0;\n    if (hasContainedBodyScroll && bodyScroller != null) {\n      viewportHeight = bodyScroller.clientHeight;\n      visibleTop = bodyScroller.scrollTop;\n    } else {\n      const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n      const bodyRectTop = bodyEl.getBoundingClientRect().top;\n      const relativeTop = bodyRectTop - parentRectTop;\n      visibleTop = Math.max(0, -relativeTop);\n    }\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const { startIndex, endIndex } = computeVirtualWindowBounds({\n      rowCount: rows.length,\n      rowHeightPx: height,\n      overscan,\n      visibleTop,\n      visibleBottom,\n    });\n\n    setWindowState((prev) => {\n      if (prev.startIndex === startIndex && prev.endIndex === endIndex) {\n        return prev;\n      }\n      return { startIndex, endIndex };\n    });\n\n    if (\n      shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: loadMoreCooldownRef.current,\n      }) &&\n      canLoadMore &&\n      shouldTriggerVirtualizedInfiniteLoad({\n        autoLoad,\n        canLoadMore,\n        totalHeight,\n        visibleBottom: clampedBottom,\n        thresholdPx,\n        isCoolingDown: loadMoreCooldownRef.current,\n      })\n    ) {\n      startLoadMoreCooldown();\n      triggerLoadMore();\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    hasContainedBodyScroll,\n    isVirtualized,\n    infiniteEnabled,\n    isLoadingMore,\n    overscan,\n    rowHeightPx,\n    rows.length,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  const scheduleCompute = useCallback(() => {\n    if (rafRef.current != null) {\n      return;\n    }\n    rafRef.current = window.requestAnimationFrame(() => {\n      rafRef.current = null;\n      computeVirtualWindow();\n    });\n  }, [computeVirtualWindow]);\n\n  useEffect(() => {\n    return () => {\n      if (rafRef.current != null) {\n        window.cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n      if (cooldownTimeoutRef.current != null) {\n        window.clearTimeout(cooldownTimeoutRef.current);\n        cooldownTimeoutRef.current = null;\n      }\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n    scheduleCompute();\n  }, [hasContainedBodyScroll, isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (!isVirtualized) {\n      return undefined;\n    }\n    const scrollParent = scrollParentRef.current;\n    const target: HTMLElement | Window = scrollParent ?? window;\n\n    const handler = () => {\n      scheduleCompute();\n    };\n\n    target.addEventListener('scroll', handler, { passive: true });\n    window.addEventListener('resize', handler);\n\n    return () => {\n      target.removeEventListener('scroll', handler);\n      window.removeEventListener('resize', handler);\n    };\n  }, [isVirtualized, scheduleCompute]);\n\n  useEffect(() => {\n    if (isVirtualized) {\n      return undefined;\n    }\n    if (\n      !shouldTriggerInfiniteLoad({\n        enabled: infiniteEnabled,\n        hasNext: hasNextPage,\n        isLoading: isLoadingMore,\n        autoLoad,\n        isCoolingDown: false,\n      }) ||\n      !canLoadMore\n    ) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\n      return undefined;\n    }\n    if (\n      typeof window === 'undefined' ||\n      typeof IntersectionObserver === 'undefined'\n    ) {\n      return undefined;\n    }\n\n    const scrollParent = scrollParentRef.current;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries;\n        if (entry == null) {\n          return;\n        }\n\n        if (\n          entry.isIntersecting &&\n          shouldTriggerInfiniteLoad({\n            enabled: infiniteEnabled,\n            hasNext: hasNextPage,\n            isLoading: isLoadingMore,\n            autoLoad,\n            isCoolingDown: loadMoreCooldownRef.current,\n          })\n        ) {\n          startLoadMoreCooldown();\n          triggerLoadMore();\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: resolveInfiniteRootMargin({ thresholdPx }),\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    hasNextPage,\n    infiniteEnabled,\n    isVirtualized,\n    isLoadingMore,\n    startLoadMoreCooldown,\n    thresholdPx,\n    triggerLoadMore,\n  ]);\n\n  useLayoutEffect(() => {\n    if (isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    if (hasContainedBodyScroll) {\n      scrollParentRef.current = bodyScrollerRef.current;\n    } else {\n      scrollParentRef.current = findScrollParent(container);\n    }\n  }, [hasContainedBodyScroll, isVirtualized]);\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <DataTableEmptyRow\n        emptyState={emptyState}\n        density={density}\n        classes={classes}\n      />\n    );\n  } else if (isVirtualized && rowHeightPx != null) {\n    const { startIndex, endIndex } = windowState;\n    const topSpacerHeight = startIndex * rowHeightPx;\n    const bottomSpacerHeight = (rows.length - endIndex) * rowHeightPx;\n    const slice = rows.slice(startIndex, endIndex);\n    bodyRows = (\n      <div className={styles.bodyViewport} ref={bodyRef}>\n        <div className={styles.spacer} style={{ height: topSpacerHeight }} />\n        {slice.map((row, sliceIndex) => {\n          const absoluteIndex = startIndex + sliceIndex;\n          return renderRow(row, absoluteIndex, rowHeightPx);\n        })}\n        <div className={styles.spacer} style={{ height: bottomSpacerHeight }} />\n      </div>\n    );\n  } else {\n    bodyRows = (\n      <>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </>\n    );\n  }\n\n  let sentinelNode: JSX.Element | null = null;\n  if (!isVirtualized && infiniteEnabled && autoLoad) {\n    sentinelNode = <div ref={sentinelRef} className={styles.sentinel} />;\n  }\n\n  return (\n    <DataTableRoot\n      ref={containerRef}\n      className={className}\n      kind={kind}\n      bodyScrollMode={bodyScrollMode}\n      classes={classes}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n    >\n      <DataTableHeader\n        columns={visibleColumns}\n        kind={kind}\n        density={density}\n        headerBehavior={headerBehavior}\n        headerClassName={headerClassName}\n        gridTemplateClassName={gridTemplateClassName}\n        gridTemplateColumns={visibleGridTemplateColumns}\n        classes={classes}\n      />\n      <DataTableBody\n        ref={bodyScrollerRef}\n        className={bodyClassName}\n        kind={kind}\n        bodyScrollMode={bodyScrollMode}\n        classes={classes}\n      >\n        {bodyRows}\n        {sentinelNode}\n        {bodyFooterNode}\n      </DataTableBody>\n    </DataTableRoot>\n  );\n};\n"],"mappings":"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"}

package/lib/esm/internal/data-table/layout.js

@@ -1,6 +1,23 @@
 //#region src/internal/data-table/layout.ts
-var e = "minmax(0, 1fr)", t = (t, n) => typeof n == "string" && n !== "" ? { gridTemplateColumns: n } : { gridTemplateColumns: `repeat(${t}, ${e})` };
+var e = "minmax(0, 1fr)", t = (e) => {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i += 1) {
+		let a = e.charAt(i);
+		if (a === "(") n += 1;
+		else if (a === ")") n = Math.max(0, n - 1);
+		else if (n === 0 && /\s/.test(a)) {
+			let n = e.slice(r, i).trim();
+			n !== "" && t.push(n), r = i + 1;
+		}
+	}
+	let i = e.slice(r).trim();
+	return i !== "" && t.push(i), t;
+}, n = ({ gridTemplateColumns: e, visibleColumnIndexes: n, columnCount: r }) => {
+	if (typeof e != "string" || e === "") return;
+	let i = t(e);
+	return i.length === r ? n.map((e) => i[e]).filter((e) => e != null && e !== "").join(" ") : e;
+}, r = (t, n) => typeof n == "string" && n !== "" ? { gridTemplateColumns: n } : { gridTemplateColumns: `repeat(${t}, ${e})` };
 //#endregion
-export { e as DEFAULT_DATA_TABLE_TEMPLATE_CELL, t as buildDataTableInlineTemplate };
+export { e as DEFAULT_DATA_TABLE_TEMPLATE_CELL, r as buildDataTableInlineTemplate, n as filterDataTableGridTemplateColumns };
 
 //# sourceMappingURL=layout.js.map

package/lib/esm/internal/data-table/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../../../src/internal/data-table/layout.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const DEFAULT_DATA_TABLE_TEMPLATE_CELL = 'minmax(0, 1fr)';\n\nexport const buildDataTableInlineTemplate = (\n  columnCount: number,\n  gridTemplateColumns?: string,\n): CSSProperties => {\n  if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {\n    return { gridTemplateColumns };\n  }\n\n  return {\n    gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_DATA_TABLE_TEMPLATE_CELL})`,\n  };\n};\n"],"mappings":";AAEA,IAAa,IAAmC,kBAEnC,KACX,GACA,MAEI,OAAO,KAAwB,YAAY,MAAwB,KAC9D,EAAE,uBAAoB,IAGxB,EACL,qBAAqB,UAAU,EAAY,IAAI,EAAiC,GAClF"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../../../src/internal/data-table/layout.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const DEFAULT_DATA_TABLE_TEMPLATE_CELL = 'minmax(0, 1fr)';\n\nconst splitGridTemplateColumns = (gridTemplateColumns: string): string[] => {\n  const tracks: string[] = [];\n  let depth = 0;\n  let start = 0;\n\n  for (let index = 0; index < gridTemplateColumns.length; index += 1) {\n    const char = gridTemplateColumns.charAt(index);\n    if (char === '(') {\n      depth += 1;\n    } else if (char === ')') {\n      depth = Math.max(0, depth - 1);\n    } else if (depth === 0 && /\\s/.test(char)) {\n      const track = gridTemplateColumns.slice(start, index).trim();\n      if (track !== '') {\n        tracks.push(track);\n      }\n      start = index + 1;\n    }\n  }\n\n  const finalTrack = gridTemplateColumns.slice(start).trim();\n  if (finalTrack !== '') {\n    tracks.push(finalTrack);\n  }\n\n  return tracks;\n};\n\nexport const filterDataTableGridTemplateColumns = ({\n  gridTemplateColumns,\n  visibleColumnIndexes,\n  columnCount,\n}: {\n  gridTemplateColumns?: string;\n  visibleColumnIndexes: readonly number[];\n  columnCount: number;\n}): string | undefined => {\n  if (typeof gridTemplateColumns !== 'string' || gridTemplateColumns === '') {\n    return undefined;\n  }\n\n  const tracks = splitGridTemplateColumns(gridTemplateColumns);\n  if (tracks.length !== columnCount) {\n    return gridTemplateColumns;\n  }\n\n  return visibleColumnIndexes\n    .map((index) => {\n      return tracks[index];\n    })\n    .filter((track): track is string => {\n      return track != null && track !== '';\n    })\n    .join(' ');\n};\n\nexport const buildDataTableInlineTemplate = (\n  columnCount: number,\n  gridTemplateColumns?: string,\n): CSSProperties => {\n  if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {\n    return { gridTemplateColumns };\n  }\n\n  return {\n    gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_DATA_TABLE_TEMPLATE_CELL})`,\n  };\n};\n"],"mappings":";AAEA,IAAa,IAAmC,kBAE1C,KAA4B,MAA0C;CAC1E,IAAM,IAAmB,CAAC,GACtB,IAAQ,GACR,IAAQ;CAEZ,KAAK,IAAI,IAAQ,GAAG,IAAQ,EAAoB,QAAQ,KAAS,GAAG;EAClE,IAAM,IAAO,EAAoB,OAAO,CAAK;EAC7C,IAAI,MAAS,KACX,KAAS;OACJ,IAAI,MAAS,KAClB,IAAQ,KAAK,IAAI,GAAG,IAAQ,CAAC;OACxB,IAAI,MAAU,KAAK,KAAK,KAAK,CAAI,GAAG;GACzC,IAAM,IAAQ,EAAoB,MAAM,GAAO,CAAK,EAAE,KAAK;GAI3D,AAHI,MAAU,MACZ,EAAO,KAAK,CAAK,GAEnB,IAAQ,IAAQ;EAClB;CACF;CAEA,IAAM,IAAa,EAAoB,MAAM,CAAK,EAAE,KAAK;CAKzD,OAJI,MAAe,MACjB,EAAO,KAAK,CAAU,GAGjB;AACT,GAEa,KAAsC,EACjD,wBACA,yBACA,qBAKwB;CACxB,IAAI,OAAO,KAAwB,YAAY,MAAwB,IACrE;CAGF,IAAM,IAAS,EAAyB,CAAmB;CAK3D,OAJI,EAAO,WAAW,IAIf,EACJ,KAAK,MACG,EAAO,EACf,EACA,QAAQ,MACA,KAAS,QAAQ,MAAU,EACnC,EACA,KAAK,GAAG,IAVF;AAWX,GAEa,KACX,GACA,MAEI,OAAO,KAAwB,YAAY,MAAwB,KAC9D,EAAE,uBAAoB,IAGxB,EACL,qBAAqB,UAAU,EAAY,IAAI,EAAiC,GAClF"}