@plumile/ui 0.1.56 → 0.1.57

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

@@ -1,249 +1,191 @@
-import { jsx as s, jsxs as W } from "react/jsx-runtime";
-import { useRef as v, useMemo as _, useCallback as M, useState as he, useLayoutEffect as Q, useEffect as X } from "react";
-import { row as me, rowEven as pe, rowOdd as we, cell as ve, primaryCell as ye, headerCell as ge, primaryHeaderCell as be, headerRow as xe, header as Ce, emptyCell as Ne, emptyRow as Re, body as Ee, container as Te, hideBelowRecipe as Ie } from "./DataTable.css.js";
-import { singleLineCell as Pe, bodyViewport as He, spacer as Z, sentinel as Le } from "./VirtualizedConnectionTable.css.js";
-import { cx as f } from "../../theme/tools.js";
-import { useUiTranslation as Me } from "../../i18n/useUiTranslation.js";
-const ke = "minmax(0, 1fr)", Se = (o, n) => typeof n == "string" && n !== "" ? { gridTemplateColumns: n } : {
-  gridTemplateColumns: `repeat(${o}, ${ke})`
-}, ee = (o) => o == null ? null : Ie({ minVisibleAt: o }), te = (o) => {
-  let n = o;
-  for (; n != null; ) {
-    const m = window.getComputedStyle(n), { overflowY: y } = m;
-    if (y === "auto" || y === "scroll" || y === "overlay")
-      return n;
-    n = n.parentElement;
-  }
-  return null;
-}, k = (o, n, m) => Math.min(m, Math.max(n, o)), je = ({
-  columns: o,
-  rows: n,
-  getRowId: m,
-  emptyState: y,
-  className: ne,
-  gridTemplateColumns: q,
-  kind: re,
-  classes: i,
-  virtualization: g,
-  infiniteScroll: S,
-  hasNextPage: le = !1,
-  isLoadingMore: oe = !1,
-  onLoadMore: N
-}) => {
-  const { t: ie } = Me(), d = re ?? "default", V = v(null), B = v(null), D = v(null), b = v(null), O = v(null), p = v(!1), l = g?.enabled === !0, w = _(() => {
-    if (!l)
-      return null;
-    const e = g.rowHeightPx;
-    return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
-  }, [l, g]), A = _(() => {
-    if (!l)
-      return 0;
-    let e = 10;
-    const t = g.overscan;
-    return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
-  }, [l, g]), R = S?.thresholdPx ?? 800, x = S?.autoLoad ?? !0, E = S?.enabled === !0, T = E && le && !oe && N != null, I = M(() => {
-    N?.();
-  }, [N]), [se, ce] = he(() => ({ startIndex: 0, endIndex: Math.min(n.length, 50) })), F = _(() => Se(o.length, q), [o.length, q]), K = M(
-    (e, t, r) => {
-      const h = m(e, t), c = [
-        me({ kind: d }),
-        i?.row
-      ];
-      t % 2 === 0 ? c.push(
-        pe({ kind: d }),
-        i?.rowEven
-      ) : c.push(
-        we({ kind: d }),
-        i?.rowOdd
-      );
-      const C = { ...F };
-      return typeof r == "number" && (C.height = r), /* @__PURE__ */ s(
-        "div",
-        {
-          role: "row",
-          className: f(...c),
-          style: C,
-          children: o.map((a) => {
-            const u = [
-              ve({ kind: d }),
-              Pe,
-              i?.cell
-            ], L = ee(a.minVisibleAt);
-            return L != null && u.push(L), a.className != null && u.push(a.className), a.isPrimary && u.push(
-              ye,
-              i?.primaryCell
-            ), /* @__PURE__ */ s("div", { role: "cell", className: f(...u), children: a.cell(e) }, a.id);
-          })
-        },
-        h
-      );
-    },
-    [i, o, m, F, d]
-  ), Y = M(() => {
-    if (!l)
-      return;
-    const e = w;
-    if (e == null)
-      return;
-    const t = B.current;
-    if (t == null)
-      return;
-    const r = b.current, h = r?.clientHeight ?? window.innerHeight, c = r?.getBoundingClientRect().top ?? 0, a = t.getBoundingClientRect().top - c, u = Math.max(0, -a), L = u + h, $ = n.length * e, G = k(L, 0, $), de = k(u, 0, $), ue = Math.floor(de / e) - A, fe = Math.ceil(G / e) + A, j = k(ue, 0, n.length), J = k(fe, j, n.length);
-    ce((U) => U.startIndex === j && U.endIndex === J ? U : { startIndex: j, endIndex: J }), x && T && $ - G <= R && !p.current && (p.current = !0, I(), window.setTimeout(() => {
-      p.current = !1;
-    }, 250));
-  }, [
-    x,
-    T,
-    l,
-    A,
-    w,
-    n.length,
-    R,
-    I
-  ]), P = M(() => {
-    O.current == null && (O.current = window.requestAnimationFrame(() => {
-      O.current = null, Y();
-    }));
-  }, [Y]);
-  Q(() => {
-    if (!l)
-      return;
-    const e = V.current;
-    e != null && (b.current = te(e), P());
-  }, [l, P]), X(() => {
-    if (!l)
-      return;
-    const t = b.current ?? window, r = () => {
-      P();
-    };
-    return t.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r), () => {
-      t.removeEventListener("scroll", r), window.removeEventListener("resize", r);
-    };
-  }, [l, P]), X(() => {
-    if (l || !E || !x || !T)
-      return;
-    const e = D.current;
-    if (e == null)
-      return;
-    const t = b.current, r = new IntersectionObserver(
-      (h) => {
-        const [c] = h;
-        c != null && c.isIntersecting && !p.current && (p.current = !0, I(), window.setTimeout(() => {
-          p.current = !1;
-        }, 250));
-      },
-      {
-        root: t,
-        rootMargin: `0px 0px ${R}px 0px`
-      }
-    );
-    return r.observe(e), () => {
-      r.disconnect();
-    };
-  }, [
-    x,
-    T,
-    E,
-    l,
-    R,
-    I
-  ]), Q(() => {
-    if (l)
-      return;
-    const e = V.current;
-    e != null && (b.current = te(e));
-  }, [l]);
-  const ae = /* @__PURE__ */ s(
-    "div",
-    {
-      className: f(
-        Ce({ kind: d }),
-        i?.header
-      ),
-      role: "rowgroup",
-      children: /* @__PURE__ */ s(
-        "div",
-        {
-          className: f(xe, i?.headerRow),
-          role: "row",
-          style: F,
-          children: o.map((e) => {
-            const t = [
-              ge({ kind: d }),
-              i?.headerCell
-            ], r = ee(e.minVisibleAt);
-            return r != null && t.push(r), e.className != null && t.push(e.className), e.isPrimary && t.push(
-              be,
-              i?.primaryHeaderCell
-            ), /* @__PURE__ */ s(
-              "div",
-              {
-                role: "columnheader",
-                className: f(...t),
-                children: e.header
-              },
-              e.id
-            );
-          })
-        }
-      )
-    }
-  );
-  let H;
-  if (n.length === 0)
-    H = /* @__PURE__ */ s(
-      "div",
-      {
-        className: f(Re, i?.emptyRow),
-        role: "row",
-        children: /* @__PURE__ */ s("div", { role: "cell", children: y ?? /* @__PURE__ */ s("div", { className: f(Ne, i?.emptyCell), children: ie("common.table.empty") }) })
-      }
-    );
-  else if (l && w != null) {
-    const { startIndex: e, endIndex: t } = se, r = e * w, h = (n.length - t) * w, c = n.slice(e, t);
-    H = /* @__PURE__ */ W("div", { className: He, ref: B, children: [
-      /* @__PURE__ */ s("div", { className: Z, style: { height: r } }),
-      c.map((C, a) => {
-        const u = e + a;
-        return K(C, u, w);
-      }),
-      /* @__PURE__ */ s("div", { className: Z, style: { height: h } })
-    ] });
-  } else
-    H = /* @__PURE__ */ s("div", { ref: B, children: n.map((e, t) => K(e, t, null)) });
-  let z = null;
-  return !l && E && x && (z = /* @__PURE__ */ s("div", { ref: D, className: Le })), /* @__PURE__ */ W(
-    "div",
-    {
-      ref: V,
-      className: f(
-        Te({ kind: d }),
-        i?.container,
-        ne
-      ),
-      role: "table",
-      children: [
-        ae,
-        /* @__PURE__ */ W(
-          "div",
-          {
-            className: f(
-              Ee({ kind: d }),
-              i?.body
-            ),
-            role: "rowgroup",
-            children: [
-              H,
-              z
-            ]
-          }
-        )
-      ]
-    }
-  );
+import { cx as e } from "../../theme/tools.js";
+import { useUiTranslation as t } from "../../i18n/useUiTranslation.js";
+import { body as n, cell as r, container as i, emptyRow as a, header as o, headerCell as s, headerRow as c, hideBelowRecipe as l, primaryCell as u, primaryHeaderCell as d, row as f, rowEven as p, rowOdd as m } from "./DataTable.css.js";
+import { bodyViewport as ee, sentinel as te, singleLineCell as ne, spacer as h } from "./VirtualizedConnectionTable.css.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useCallback as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as re } from "react";
+//#region src/components/data-table/VirtualizedConnectionTable.tsx
+var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gridTemplateColumns: t } : { gridTemplateColumns: `repeat(${e}, ${C})` }, w = (e) => e == null ? null : l({ minVisibleAt: e }), T = (e) => {
+	let t = e;
+	for (; t != null;) {
+		let { overflowY: e } = window.getComputedStyle(t);
+		if (e === "auto" || e === "scroll" || e === "overlay") return t;
+		t = t.parentElement;
+	}
+	return null;
+}, E = (e, t, n) => Math.min(n, Math.max(t, e)), D = ({ columns: l, rows: C, getRowId: D, emptyState: ae, className: oe, gridTemplateColumns: O, kind: se, classes: k, virtualization: A, infiniteScroll: j, hasNextPage: ce = !1, isLoadingMore: le = !1, onLoadMore: M }) => {
+	let { t: ue } = t(), N = se ?? "default", P = S(null), F = S(null), I = S(null), L = S(null), R = S(null), z = S(!1), B = A?.enabled === !0, V = x(() => {
+		if (!B) return null;
+		let e = A.rowHeightPx;
+		return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
+	}, [B, A]), H = x(() => {
+		if (!B) return 0;
+		let e = 10, t = A.overscan;
+		return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
+	}, [B, A]), U = j?.thresholdPx ?? 800, W = j?.autoLoad ?? !0, G = j?.enabled === !0, K = G && ce && !le && M != null, q = v(() => {
+		M?.();
+	}, [M]), [de, fe] = re(() => ({
+		startIndex: 0,
+		endIndex: Math.min(C.length, 50)
+	})), J = x(() => ie(l.length, O), [l.length, O]), Y = v((t, n, i) => {
+		let a = D(t, n), o = [f({ kind: N }), k?.row];
+		n % 2 == 0 ? o.push(p({ kind: N }), k?.rowEven) : o.push(m({ kind: N }), k?.rowOdd);
+		let s = { ...J };
+		return typeof i == "number" && (s.height = i), /* @__PURE__ */ g("div", {
+			role: "row",
+			className: e(...o),
+			style: s,
+			children: l.map((n) => {
+				let i = [
+					r({ kind: N }),
+					ne,
+					k?.cell
+				], a = w(n.minVisibleAt);
+				return a != null && i.push(a), n.className != null && i.push(n.className), n.isPrimary && i.push(u, k?.primaryCell), /* @__PURE__ */ g("div", {
+					role: "cell",
+					className: e(...i),
+					children: n.cell(t)
+				}, n.id);
+			})
+		}, a);
+	}, [
+		k,
+		l,
+		D,
+		J,
+		N
+	]), X = v(() => {
+		if (!B) return;
+		let e = V;
+		if (e == null) return;
+		let t = F.current;
+		if (t == null) return;
+		let n = L.current, r = n?.clientHeight ?? window.innerHeight, i = n?.getBoundingClientRect().top ?? 0, a = t.getBoundingClientRect().top - i, o = Math.max(0, -a), s = o + r, c = C.length * e, l = E(s, 0, c), u = E(o, 0, c), d = Math.floor(u / e) - H, f = Math.ceil(l / e) + H, p = E(d, 0, C.length), m = E(f, p, C.length);
+		fe((e) => e.startIndex === p && e.endIndex === m ? e : {
+			startIndex: p,
+			endIndex: m
+		}), W && K && c - l <= U && !z.current && (z.current = !0, q(), window.setTimeout(() => {
+			z.current = !1;
+		}, 250));
+	}, [
+		W,
+		K,
+		B,
+		H,
+		V,
+		C.length,
+		U,
+		q
+	]), Z = v(() => {
+		R.current ??= window.requestAnimationFrame(() => {
+			R.current = null, X();
+		});
+	}, [X]);
+	b(() => {
+		if (!B) return;
+		let e = P.current;
+		e != null && (L.current = T(e), Z());
+	}, [B, Z]), y(() => {
+		if (!B) return;
+		let e = L.current ?? window, t = () => {
+			Z();
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), () => {
+			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+		};
+	}, [B, Z]), y(() => {
+		if (B || !G || !W || !K) return;
+		let e = I.current;
+		if (e == null) return;
+		let t = L.current, n = new IntersectionObserver((e) => {
+			let [t] = e;
+			t != null && t.isIntersecting && !z.current && (z.current = !0, q(), window.setTimeout(() => {
+				z.current = !1;
+			}, 250));
+		}, {
+			root: t,
+			rootMargin: `0px 0px ${U}px 0px`
+		});
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, [
+		W,
+		K,
+		G,
+		B,
+		U,
+		q
+	]), b(() => {
+		if (B) return;
+		let e = P.current;
+		e != null && (L.current = T(e));
+	}, [B]);
+	let pe = /* @__PURE__ */ g("div", {
+		className: e(o({ kind: N }), k?.header),
+		role: "rowgroup",
+		children: /* @__PURE__ */ g("div", {
+			className: e(c, k?.headerRow),
+			role: "row",
+			style: J,
+			children: l.map((t) => {
+				let n = [s({ kind: N }), k?.headerCell], r = w(t.minVisibleAt);
+				return r != null && n.push(r), t.className != null && n.push(t.className), t.isPrimary && n.push(d, k?.primaryHeaderCell), /* @__PURE__ */ g("div", {
+					role: "columnheader",
+					className: e(...n),
+					children: t.header
+				}, t.id);
+			})
+		})
+	}), Q;
+	if (C.length === 0) Q = /* @__PURE__ */ g("div", {
+		className: e(a, k?.emptyRow),
+		role: "row",
+		children: /* @__PURE__ */ g("div", {
+			role: "cell",
+			children: ae ?? /* @__PURE__ */ g("div", {
+				className: e("ysn8461j txvbqb96 txvbqbv8r txvbqbt5x", k?.emptyCell),
+				children: ue("common.table.empty")
+			})
+		})
+	});
+	else if (B && V != null) {
+		let { startIndex: e, endIndex: t } = de, n = e * V, r = (C.length - t) * V, i = C.slice(e, t);
+		Q = /* @__PURE__ */ _("div", {
+			className: ee,
+			ref: F,
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: h,
+					style: { height: n }
+				}),
+				i.map((t, n) => Y(t, e + n, V)),
+				/* @__PURE__ */ g("div", {
+					className: h,
+					style: { height: r }
+				})
+			]
+		});
+	} else Q = /* @__PURE__ */ g("div", {
+		ref: F,
+		children: C.map((e, t) => Y(e, t, null))
+	});
+	let $ = null;
+	return !B && G && W && ($ = /* @__PURE__ */ g("div", {
+		ref: I,
+		className: te
+	})), /* @__PURE__ */ _("div", {
+		ref: P,
+		className: e(i({ kind: N }), k?.container, oe),
+		role: "table",
+		children: [pe, /* @__PURE__ */ _("div", {
+			className: e(n({ kind: N }), k?.body),
+			role: "rowgroup",
+			children: [Q, $]
+		})]
+	});
 };
-export {
-  je as VirtualizedConnectionTable
-};
-//# sourceMappingURL=VirtualizedConnectionTable.js.map
+//#endregion
+export { D as VirtualizedConnectionTable };
+
+//# sourceMappingURL=VirtualizedConnectionTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedConnectionTable.js","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} from 'react';\n\nimport type { DataTableBreakpoint } from './tableBreakpoints.js';\nimport type { DataTableColumn, DataTableKind, GetRowId } from './DataTable.js';\nimport * as dataTableStyles from './DataTable.css.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.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\ntype DataTableSlot =\n  | 'container'\n  | 'header'\n  | 'headerRow'\n  | 'headerCell'\n  | 'primaryHeaderCell'\n  | 'body'\n  | 'row'\n  | 'rowEven'\n  | 'rowOdd'\n  | 'cell'\n  | 'primaryCell'\n  | 'emptyRow'\n  | 'emptyCell';\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  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  classes?: SlotClasses<DataTableSlot>;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n};\n\nconst DEFAULT_TEMPLATE_CELL = 'minmax(0, 1fr)';\n\nconst buildInlineTemplate = (\n  columnCount: number,\n  gridTemplateColumns?: string,\n): CSSProperties => {\n  if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {\n    return { gridTemplateColumns };\n  }\n  return {\n    gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_TEMPLATE_CELL})`,\n  };\n};\n\nconst getVisibilityClass = (minVisibleAt?: DataTableBreakpoint) => {\n  if (minVisibleAt == null) {\n    return null;\n  }\n  return dataTableStyles.hideBelowRecipe({ minVisibleAt });\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    const { overflowY } = style;\n    if (\n      overflowY === 'auto' ||\n      overflowY === 'scroll' ||\n      overflowY === 'overlay'\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\ntype VirtualWindow = {\n  startIndex: number;\n  endIndex: number;\n};\n\nconst clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  kind,\n  classes,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedKind: DataTableKind = kind ?? 'default';\n  const containerRef = 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 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\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 [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const inlineTemplateStyle = useMemo(() => {\n    return buildInlineTemplate(columns.length, gridTemplateColumns);\n  }, [columns.length, gridTemplateColumns]);\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowId = getRowId(row, index);\n      const rowClasses = [\n        dataTableStyles.row({ kind: resolvedKind }),\n        classes?.row,\n      ];\n      if (index % 2 === 0) {\n        rowClasses.push(\n          dataTableStyles.rowEven({ kind: resolvedKind }),\n          classes?.rowEven,\n        );\n      } else {\n        rowClasses.push(\n          dataTableStyles.rowOdd({ kind: resolvedKind }),\n          classes?.rowOdd,\n        );\n      }\n      const rowStyle: CSSProperties = { ...inlineTemplateStyle };\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <div\n          key={rowId}\n          role=\"row\"\n          className={cx(...rowClasses)}\n          style={rowStyle}\n        >\n          {columns.map((column) => {\n            const cellClasses = [\n              dataTableStyles.cell({ kind: resolvedKind }),\n              styles.singleLineCell,\n              classes?.cell,\n            ];\n            const visibilityClass = getVisibilityClass(column.minVisibleAt);\n            if (visibilityClass != null) {\n              cellClasses.push(visibilityClass);\n            }\n            if (column.className != null) {\n              cellClasses.push(column.className);\n            }\n            if (column.isPrimary) {\n              cellClasses.push(\n                dataTableStyles.primaryCell,\n                classes?.primaryCell,\n              );\n            }\n            return (\n              <div key={column.id} role=\"cell\" className={cx(...cellClasses)}>\n                {column.cell(row)}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [classes, columns, getRowId, inlineTemplateStyle, resolvedKind],\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 scrollParent = scrollParentRef.current;\n    const viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n    const bodyRectTop = bodyEl.getBoundingClientRect().top;\n    const relativeTop = bodyRectTop - parentRectTop;\n    const visibleTop = Math.max(0, -relativeTop);\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const clampedTop = clamp(visibleTop, 0, totalHeight);\n\n    const rawStart = Math.floor(clampedTop / height) - overscan;\n    const rawEnd = Math.ceil(clampedBottom / height) + overscan;\n\n    const startIndex = clamp(rawStart, 0, rows.length);\n    const endIndex = clamp(rawEnd, startIndex, rows.length);\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      autoLoad &&\n      canLoadMore &&\n      totalHeight - clampedBottom <= thresholdPx &&\n      !loadMoreCooldownRef.current\n    ) {\n      loadMoreCooldownRef.current = true;\n      triggerLoadMore();\n      window.setTimeout(() => {\n        loadMoreCooldownRef.current = false;\n      }, 250);\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    isVirtualized,\n    overscan,\n    rowHeightPx,\n    rows.length,\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  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    scrollParentRef.current = findScrollParent(container);\n    scheduleCompute();\n  }, [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 (!infiniteEnabled || !autoLoad || !canLoadMore) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\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 (entry.isIntersecting && !loadMoreCooldownRef.current) {\n          loadMoreCooldownRef.current = true;\n          triggerLoadMore();\n          window.setTimeout(() => {\n            loadMoreCooldownRef.current = false;\n          }, 250);\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: `0px 0px ${thresholdPx}px 0px`,\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    infiniteEnabled,\n    isVirtualized,\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    scrollParentRef.current = findScrollParent(container);\n  }, [isVirtualized]);\n\n  const headerRow = (\n    <div\n      className={cx(\n        dataTableStyles.header({ kind: resolvedKind }),\n        classes?.header,\n      )}\n      role=\"rowgroup\"\n    >\n      <div\n        className={cx(dataTableStyles.headerRow, classes?.headerRow)}\n        role=\"row\"\n        style={inlineTemplateStyle}\n      >\n        {columns.map((column) => {\n          const headerClasses = [\n            dataTableStyles.headerCell({ kind: resolvedKind }),\n            classes?.headerCell,\n          ];\n          const visibilityClass = getVisibilityClass(column.minVisibleAt);\n          if (visibilityClass != null) {\n            headerClasses.push(visibilityClass);\n          }\n          if (column.className != null) {\n            headerClasses.push(column.className);\n          }\n          if (column.isPrimary) {\n            headerClasses.push(\n              dataTableStyles.primaryHeaderCell,\n              classes?.primaryHeaderCell,\n            );\n          }\n          return (\n            <div\n              key={column.id}\n              role=\"columnheader\"\n              className={cx(...headerClasses)}\n            >\n              {column.header}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <div\n        className={cx(dataTableStyles.emptyRow, classes?.emptyRow)}\n        role=\"row\"\n      >\n        <div role=\"cell\">\n          {emptyState ?? (\n            <div className={cx(dataTableStyles.emptyCell, classes?.emptyCell)}>\n              {t('common.table.empty')}\n            </div>\n          )}\n        </div>\n      </div>\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      <div ref={bodyRef}>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </div>\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    <div\n      ref={containerRef}\n      className={cx(\n        dataTableStyles.container({ kind: resolvedKind }),\n        classes?.container,\n        className,\n      )}\n      role=\"table\"\n    >\n      {headerRow}\n      <div\n        className={cx(\n          dataTableStyles.body({ kind: resolvedKind }),\n          classes?.body,\n        )}\n        role=\"rowgroup\"\n      >\n        {bodyRows}\n        {sentinelNode}\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_TEMPLATE_CELL","buildInlineTemplate","columnCount","gridTemplateColumns","getVisibilityClass","minVisibleAt","dataTableStyles.hideBelowRecipe","findScrollParent","el","current","style","overflowY","clamp","value","min","max","VirtualizedConnectionTable","columns","rows","getRowId","emptyState","className","kind","classes","virtualization","infiniteScroll","hasNextPage","isLoadingMore","onLoadMore","t","useUiTranslation","resolvedKind","containerRef","useRef","bodyRef","sentinelRef","scrollParentRef","rafRef","loadMoreCooldownRef","isVirtualized","rowHeightPx","useMemo","configuredRowHeight","overscan","nextOverscan","configuredOverscan","thresholdPx","autoLoad","infiniteEnabled","canLoadMore","triggerLoadMore","useCallback","windowState","setWindowState","useState","inlineTemplateStyle","renderRow","row","index","heightPx","rowId","rowClasses","dataTableStyles.row","dataTableStyles.rowEven","dataTableStyles.rowOdd","rowStyle","jsx","cx","column","cellClasses","dataTableStyles.cell","styles.singleLineCell","visibilityClass","dataTableStyles.primaryCell","computeVirtualWindow","height","bodyEl","scrollParent","viewportHeight","parentRectTop","relativeTop","visibleTop","visibleBottom","totalHeight","clampedBottom","clampedTop","rawStart","rawEnd","startIndex","endIndex","prev","scheduleCompute","useLayoutEffect","container","useEffect","target","handler","sentinel","observer","entries","entry","headerRow","dataTableStyles.header","dataTableStyles.headerRow","headerClasses","dataTableStyles.headerCell","dataTableStyles.primaryHeaderCell","bodyRows","dataTableStyles.emptyRow","dataTableStyles.emptyCell","topSpacerHeight","bottomSpacerHeight","slice","styles.bodyViewport","styles.spacer","sliceIndex","absoluteIndex","sentinelNode","styles.sentinel","jsxs","dataTableStyles.container","dataTableStyles.body"],"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} from 'react';\n\nimport type { DataTableBreakpoint } from './tableBreakpoints.js';\nimport type { DataTableColumn, DataTableKind, GetRowId } from './DataTable.js';\nimport * as dataTableStyles from './DataTable.css.js';\nimport * as styles from './VirtualizedConnectionTable.css.js';\n\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.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\ntype DataTableSlot =\n  | 'container'\n  | 'header'\n  | 'headerRow'\n  | 'headerCell'\n  | 'primaryHeaderCell'\n  | 'body'\n  | 'row'\n  | 'rowEven'\n  | 'rowOdd'\n  | 'cell'\n  | 'primaryCell'\n  | 'emptyRow'\n  | 'emptyCell';\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  gridTemplateColumns?: string;\n  kind?: DataTableKind;\n  classes?: SlotClasses<DataTableSlot>;\n\n  virtualization?: VirtualizationConfig;\n\n  infiniteScroll?: InfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n};\n\nconst DEFAULT_TEMPLATE_CELL = 'minmax(0, 1fr)';\n\nconst buildInlineTemplate = (\n  columnCount: number,\n  gridTemplateColumns?: string,\n): CSSProperties => {\n  if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {\n    return { gridTemplateColumns };\n  }\n  return {\n    gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_TEMPLATE_CELL})`,\n  };\n};\n\nconst getVisibilityClass = (minVisibleAt?: DataTableBreakpoint) => {\n  if (minVisibleAt == null) {\n    return null;\n  }\n  return dataTableStyles.hideBelowRecipe({ minVisibleAt });\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    const { overflowY } = style;\n    if (\n      overflowY === 'auto' ||\n      overflowY === 'scroll' ||\n      overflowY === 'overlay'\n    ) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\ntype VirtualWindow = {\n  startIndex: number;\n  endIndex: number;\n};\n\nconst clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\nexport const VirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  kind,\n  classes,\n  virtualization,\n  infiniteScroll,\n  hasNextPage = false,\n  isLoadingMore = false,\n  onLoadMore,\n}: VirtualizedConnectionTableProps<Row>): JSX.Element => {\n  const { t } = useUiTranslation();\n  const resolvedKind: DataTableKind = kind ?? 'default';\n  const containerRef = 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 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\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 [windowState, setWindowState] = useState<VirtualWindow>(() => {\n    return { startIndex: 0, endIndex: Math.min(rows.length, 50) };\n  });\n\n  const inlineTemplateStyle = useMemo(() => {\n    return buildInlineTemplate(columns.length, gridTemplateColumns);\n  }, [columns.length, gridTemplateColumns]);\n\n  const renderRow = useCallback(\n    (row: Row, index: number, heightPx?: number | null): JSX.Element => {\n      const rowId = getRowId(row, index);\n      const rowClasses = [\n        dataTableStyles.row({ kind: resolvedKind }),\n        classes?.row,\n      ];\n      if (index % 2 === 0) {\n        rowClasses.push(\n          dataTableStyles.rowEven({ kind: resolvedKind }),\n          classes?.rowEven,\n        );\n      } else {\n        rowClasses.push(\n          dataTableStyles.rowOdd({ kind: resolvedKind }),\n          classes?.rowOdd,\n        );\n      }\n      const rowStyle: CSSProperties = { ...inlineTemplateStyle };\n      if (typeof heightPx === 'number') {\n        rowStyle.height = heightPx;\n      }\n      return (\n        <div\n          key={rowId}\n          role=\"row\"\n          className={cx(...rowClasses)}\n          style={rowStyle}\n        >\n          {columns.map((column) => {\n            const cellClasses = [\n              dataTableStyles.cell({ kind: resolvedKind }),\n              styles.singleLineCell,\n              classes?.cell,\n            ];\n            const visibilityClass = getVisibilityClass(column.minVisibleAt);\n            if (visibilityClass != null) {\n              cellClasses.push(visibilityClass);\n            }\n            if (column.className != null) {\n              cellClasses.push(column.className);\n            }\n            if (column.isPrimary) {\n              cellClasses.push(\n                dataTableStyles.primaryCell,\n                classes?.primaryCell,\n              );\n            }\n            return (\n              <div key={column.id} role=\"cell\" className={cx(...cellClasses)}>\n                {column.cell(row)}\n              </div>\n            );\n          })}\n        </div>\n      );\n    },\n    [classes, columns, getRowId, inlineTemplateStyle, resolvedKind],\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 scrollParent = scrollParentRef.current;\n    const viewportHeight = scrollParent?.clientHeight ?? window.innerHeight;\n    const parentRectTop = scrollParent?.getBoundingClientRect().top ?? 0;\n    const bodyRectTop = bodyEl.getBoundingClientRect().top;\n    const relativeTop = bodyRectTop - parentRectTop;\n    const visibleTop = Math.max(0, -relativeTop);\n    const visibleBottom = visibleTop + viewportHeight;\n\n    const totalHeight = rows.length * height;\n    const clampedBottom = clamp(visibleBottom, 0, totalHeight);\n    const clampedTop = clamp(visibleTop, 0, totalHeight);\n\n    const rawStart = Math.floor(clampedTop / height) - overscan;\n    const rawEnd = Math.ceil(clampedBottom / height) + overscan;\n\n    const startIndex = clamp(rawStart, 0, rows.length);\n    const endIndex = clamp(rawEnd, startIndex, rows.length);\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      autoLoad &&\n      canLoadMore &&\n      totalHeight - clampedBottom <= thresholdPx &&\n      !loadMoreCooldownRef.current\n    ) {\n      loadMoreCooldownRef.current = true;\n      triggerLoadMore();\n      window.setTimeout(() => {\n        loadMoreCooldownRef.current = false;\n      }, 250);\n    }\n  }, [\n    autoLoad,\n    canLoadMore,\n    isVirtualized,\n    overscan,\n    rowHeightPx,\n    rows.length,\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  useLayoutEffect(() => {\n    if (!isVirtualized) {\n      return;\n    }\n    const container = containerRef.current;\n    if (container == null) {\n      return;\n    }\n    scrollParentRef.current = findScrollParent(container);\n    scheduleCompute();\n  }, [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 (!infiniteEnabled || !autoLoad || !canLoadMore) {\n      return undefined;\n    }\n    const sentinel = sentinelRef.current;\n    if (sentinel == null) {\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 (entry.isIntersecting && !loadMoreCooldownRef.current) {\n          loadMoreCooldownRef.current = true;\n          triggerLoadMore();\n          window.setTimeout(() => {\n            loadMoreCooldownRef.current = false;\n          }, 250);\n        }\n      },\n      {\n        root: scrollParent,\n        rootMargin: `0px 0px ${thresholdPx}px 0px`,\n      },\n    );\n\n    observer.observe(sentinel);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    autoLoad,\n    canLoadMore,\n    infiniteEnabled,\n    isVirtualized,\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    scrollParentRef.current = findScrollParent(container);\n  }, [isVirtualized]);\n\n  const headerRow = (\n    <div\n      className={cx(\n        dataTableStyles.header({ kind: resolvedKind }),\n        classes?.header,\n      )}\n      role=\"rowgroup\"\n    >\n      <div\n        className={cx(dataTableStyles.headerRow, classes?.headerRow)}\n        role=\"row\"\n        style={inlineTemplateStyle}\n      >\n        {columns.map((column) => {\n          const headerClasses = [\n            dataTableStyles.headerCell({ kind: resolvedKind }),\n            classes?.headerCell,\n          ];\n          const visibilityClass = getVisibilityClass(column.minVisibleAt);\n          if (visibilityClass != null) {\n            headerClasses.push(visibilityClass);\n          }\n          if (column.className != null) {\n            headerClasses.push(column.className);\n          }\n          if (column.isPrimary) {\n            headerClasses.push(\n              dataTableStyles.primaryHeaderCell,\n              classes?.primaryHeaderCell,\n            );\n          }\n          return (\n            <div\n              key={column.id}\n              role=\"columnheader\"\n              className={cx(...headerClasses)}\n            >\n              {column.header}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  let bodyRows: JSX.Element;\n  if (rows.length === 0) {\n    bodyRows = (\n      <div\n        className={cx(dataTableStyles.emptyRow, classes?.emptyRow)}\n        role=\"row\"\n      >\n        <div role=\"cell\">\n          {emptyState ?? (\n            <div className={cx(dataTableStyles.emptyCell, classes?.emptyCell)}>\n              {t('common.table.empty')}\n            </div>\n          )}\n        </div>\n      </div>\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      <div ref={bodyRef}>\n        {rows.map((row, index) => {\n          return renderRow(row, index, null);\n        })}\n      </div>\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    <div\n      ref={containerRef}\n      className={cx(\n        dataTableStyles.container({ kind: resolvedKind }),\n        classes?.container,\n        className,\n      )}\n      role=\"table\"\n    >\n      {headerRow}\n      <div\n        className={cx(\n          dataTableStyles.body({ kind: resolvedKind }),\n          classes?.body,\n        )}\n        role=\"rowgroup\"\n      >\n        {bodyRows}\n        {sentinelNode}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAiEA,IAAM,IAAwB,kBAExB,MACJ,GACA,MAEI,OAAO,KAAwB,YAAY,MAAwB,KAC9D,EAAE,wBAAqB,GAEzB,EACL,qBAAqB,UAAU,EAAY,IAAI,EAAsB,IACtE,EAGG,KAAsB,MACtB,KAAgB,OACX,OAEF,EAAgC,EAAE,iBAAc,CAAC,EAGpD,KAAoB,MAA+C;CACvE,IAAI,IAA8B;AAClC,QAAO,KAAW,OAAM;EAEtB,IAAM,EAAE,iBADM,OAAO,iBAAiB,EAAQ;AAE9C,MACE,MAAc,UACd,MAAc,YACd,MAAc,UAEd,QAAO;AAET,MAAU,EAAQ;;AAEpB,QAAO;GAQH,KAAS,GAAe,GAAa,MAClC,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC,EAG/B,KAAoC,EAC/C,YACA,SACA,aACA,gBACA,eACA,wBACA,UACA,YACA,mBACA,mBACA,kBAAc,IACd,oBAAgB,IAChB,oBACuD;CACvD,IAAM,EAAE,UAAM,GAAkB,EAC1B,IAA8B,MAAQ,WACtC,IAAe,EAAuB,KAAK,EAC3C,IAAU,EAAuB,KAAK,EACtC,IAAc,EAAuB,KAAK,EAC1C,IAAkB,EAA2B,KAAK,EAClD,IAAS,EAAsB,KAAK,EACpC,IAAsB,EAAO,GAAM,EAEnC,IAAgB,GAAgB,YAAY,IAC5C,IAAc,QAAc;AAChC,MAAI,CAAC,EACH,QAAO;EAGT,IAAM,IAAsB,EAAe;AAS3C,SAPE,OAAO,KAAwB,YAC/B,OAAO,SAAS,EAAoB,IACpC,IAAsB,IAEf,IAGF;IACN,CAAC,GAAe,EAAe,CAAC,EAE7B,IAAW,QAAc;AAC7B,MAAI,CAAC,EACH,QAAO;EAGT,IAAI,IAAe,IACb,IAAqB,EAAe;AAO1C,SALE,OAAO,KAAuB,YAC9B,OAAO,SAAS,EAAmB,KAEnC,IAAe,IAEV,KAAK,IAAI,GAAG,EAAa;IAC/B,CAAC,GAAe,EAAe,CAAC,EAE7B,IAAc,GAAgB,eAAe,KAC7C,IAAW,GAAgB,YAAY,IACvC,IAAkB,GAAgB,YAAY,IAE9C,IACJ,KAAmB,MAAe,CAAC,MAAiB,KAAc,MAE9D,IAAkB,QAAkB;AACpC,OAGQ;IACX,CAAC,EAAW,CAAC,EAEV,CAAC,IAAa,MAAkB,UAC7B;EAAE,YAAY;EAAG,UAAU,KAAK,IAAI,EAAK,QAAQ,GAAG;EAAE,EAC7D,EAEI,IAAsB,QACnB,GAAoB,EAAQ,QAAQ,EAAoB,EAC9D,CAAC,EAAQ,QAAQ,EAAoB,CAAC,EAEnC,IAAY,GACf,GAAU,GAAe,MAA0C;EAClE,IAAM,IAAQ,EAAS,GAAK,EAAM,EAC5B,IAAa,CACjB,EAAoB,EAAE,MAAM,GAAc,CAAC,EAC3C,GAAS,IACV;AACD,EAAI,IAAQ,KAAM,IAChB,EAAW,KACT,EAAwB,EAAE,MAAM,GAAc,CAAC,EAC/C,GAAS,QACV,GAED,EAAW,KACT,EAAuB,EAAE,MAAM,GAAc,CAAC,EAC9C,GAAS,OACV;EAEH,IAAM,IAA0B,EAAE,GAAG,GAAqB;AAI1D,SAHI,OAAO,KAAa,aACtB,EAAS,SAAS,IAGlB,kBAAC,OAAD;GAEE,MAAK;GACL,WAAW,EAAG,GAAG,EAAW;GAC5B,OAAO;aAEN,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAc;KAClB,EAAqB,EAAE,MAAM,GAAc,CAAC;KAC5C;KACA,GAAS;KACV,EACK,IAAkB,EAAmB,EAAO,aAAa;AAa/D,WAZI,KAAmB,QACrB,EAAY,KAAK,EAAgB,EAE/B,EAAO,aAAa,QACtB,EAAY,KAAK,EAAO,UAAU,EAEhC,EAAO,aACT,EAAY,KACV,GACA,GAAS,YACV,EAGD,kBAAC,OAAD;KAAqB,MAAK;KAAO,WAAW,EAAG,GAAG,EAAY;eAC3D,EAAO,KAAK,EAAI;KACb,EAFI,EAAO,GAEX;KAER;GACE,EA9BC,EA8BD;IAGV;EAAC;EAAS;EAAS;EAAU;EAAqB;EAAa,CAChE,EAEK,IAAuB,QAAkB;AAC7C,MAAI,CAAC,EACH;EAEF,IAAM,IAAS;AACf,MAAI,KAAU,KACZ;EAEF,IAAM,IAAS,EAAQ;AACvB,MAAI,KAAU,KACZ;EAGF,IAAM,IAAe,EAAgB,SAC/B,IAAiB,GAAc,gBAAgB,OAAO,aACtD,IAAgB,GAAc,uBAAuB,CAAC,OAAO,GAE7D,IADc,EAAO,uBAAuB,CAAC,MACjB,GAC5B,IAAa,KAAK,IAAI,GAAG,CAAC,EAAY,EACtC,IAAgB,IAAa,GAE7B,IAAc,EAAK,SAAS,GAC5B,IAAgB,EAAM,GAAe,GAAG,EAAY,EACpD,IAAa,EAAM,GAAY,GAAG,EAAY,EAE9C,IAAW,KAAK,MAAM,IAAa,EAAO,GAAG,GAC7C,IAAS,KAAK,KAAK,IAAgB,EAAO,GAAG,GAE7C,IAAa,EAAM,GAAU,GAAG,EAAK,OAAO,EAC5C,IAAW,EAAM,GAAQ,GAAY,EAAK,OAAO;AASvD,EAPA,IAAgB,MACV,EAAK,eAAe,KAAc,EAAK,aAAa,IAC/C,IAEF;GAAE;GAAY;GAAU,CAC/B,EAGA,KACA,KACA,IAAc,KAAiB,KAC/B,CAAC,EAAoB,YAErB,EAAoB,UAAU,IAC9B,GAAiB,EACjB,OAAO,iBAAiB;AACtB,KAAoB,UAAU;KAC7B,IAAI;IAER;EACD;EACA;EACA;EACA;EACA;EACA,EAAK;EACL;EACA;EACD,CAAC,EAEI,IAAkB,QAAkB;AACpC,EAGJ,EAAO,YAAU,OAAO,4BAA4B;AAElD,GADA,EAAO,UAAU,MACjB,GAAsB;IACtB;IACD,CAAC,EAAqB,CAAC;AAkF1B,CAhFA,QAAsB;AACpB,MAAI,CAAC,EACH;EAEF,IAAM,IAAY,EAAa;AAC3B,OAAa,SAGjB,EAAgB,UAAU,EAAiB,EAAU,EACrD,GAAiB;IAChB,CAAC,GAAe,EAAgB,CAAC,EAEpC,QAAgB;AACd,MAAI,CAAC,EACH;EAGF,IAAM,IADe,EAAgB,WACgB,QAE/C,UAAgB;AACpB,MAAiB;;AAMnB,SAHA,EAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,IAAM,CAAC,EAC7D,OAAO,iBAAiB,UAAU,EAAQ,QAE7B;AAEX,GADA,EAAO,oBAAoB,UAAU,EAAQ,EAC7C,OAAO,oBAAoB,UAAU,EAAQ;;IAE9C,CAAC,GAAe,EAAgB,CAAC,EAEpC,QAAgB;AAId,MAHI,KAGA,CAAC,KAAmB,CAAC,KAAY,CAAC,EACpC;EAEF,IAAM,IAAW,EAAY;AAC7B,MAAI,KAAY,KACd;EAGF,IAAM,IAAe,EAAgB,SAE/B,IAAW,IAAI,sBAClB,MAAY;GACX,IAAM,CAAC,KAAS;AACZ,QAAS,QAIT,EAAM,kBAAkB,CAAC,EAAoB,YAC/C,EAAoB,UAAU,IAC9B,GAAiB,EACjB,OAAO,iBAAiB;AACtB,MAAoB,UAAU;MAC7B,IAAI;KAGX;GACE,MAAM;GACN,YAAY,WAAW,EAAY;GACpC,CACF;AAGD,SADA,EAAS,QAAQ,EAAS,QACb;AACX,KAAS,YAAY;;IAEtB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEF,QAAsB;AACpB,MAAI,EACF;EAEF,IAAM,IAAY,EAAa;AAC3B,OAAa,SAGjB,EAAgB,UAAU,EAAiB,EAAU;IACpD,CAAC,EAAc,CAAC;CAEnB,IAAM,KACJ,kBAAC,OAAD;EACE,WAAW,EACT,EAAuB,EAAE,MAAM,GAAc,CAAC,EAC9C,GAAS,OACV;EACD,MAAK;YAEL,kBAAC,OAAD;GACE,WAAW,EAAG,GAA2B,GAAS,UAAU;GAC5D,MAAK;GACL,OAAO;aAEN,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAgB,CACpB,EAA2B,EAAE,MAAM,GAAc,CAAC,EAClD,GAAS,WACV,EACK,IAAkB,EAAmB,EAAO,aAAa;AAa/D,WAZI,KAAmB,QACrB,EAAc,KAAK,EAAgB,EAEjC,EAAO,aAAa,QACtB,EAAc,KAAK,EAAO,UAAU,EAElC,EAAO,aACT,EAAc,KACZ,GACA,GAAS,kBACV,EAGD,kBAAC,OAAD;KAEE,MAAK;KACL,WAAW,EAAG,GAAG,EAAc;eAE9B,EAAO;KACJ,EALC,EAAO,GAKR;KAER;GACE,CAAA;EACF,CAAA,EAGJ;AACJ,KAAI,EAAK,WAAW,EAClB,KACE,kBAAC,OAAD;EACE,WAAW,EAAG,GAA0B,GAAS,SAAS;EAC1D,MAAK;YAEL,kBAAC,OAAD;GAAK,MAAK;aACP,MACC,kBAAC,OAAD;IAAK,WAAW,EAAG,yCAA2B,GAAS,UAAU;cAC9D,GAAE,qBAAqB;IACpB,CAAA;GAEJ,CAAA;EACF,CAAA;UAEC,KAAiB,KAAe,MAAM;EAC/C,IAAM,EAAE,eAAY,gBAAa,IAC3B,IAAkB,IAAa,GAC/B,KAAsB,EAAK,SAAS,KAAY,GAChD,IAAQ,EAAK,MAAM,GAAY,EAAS;AAC9C,MACE,kBAAC,OAAD;GAAK,WAAW;GAAqB,KAAK;aAA1C;IACE,kBAAC,OAAD;KAAK,WAAW;KAAe,OAAO,EAAE,QAAQ,GAAiB;KAAI,CAAA;IACpE,EAAM,KAAK,GAAK,MAER,EAAU,GADK,IAAa,GACE,EAAY,CACjD;IACF,kBAAC,OAAD;KAAK,WAAW;KAAe,OAAO,EAAE,QAAQ,GAAoB;KAAI,CAAA;IACpE;;OAGR,KACE,kBAAC,OAAD;EAAK,KAAK;YACP,EAAK,KAAK,GAAK,MACP,EAAU,GAAK,GAAO,KAAK,CAClC;EACE,CAAA;CAIV,IAAI,IAAmC;AAKvC,QAJI,CAAC,KAAiB,KAAmB,MACvC,IAAe,kBAAC,OAAD;EAAK,KAAK;EAAa,WAAW;EAAmB,CAAA,GAIpE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,EAA0B,EAAE,MAAM,GAAc,CAAC,EACjD,GAAS,WACT,GACD;EACD,MAAK;YAPP,CASG,IACD,kBAAC,OAAD;GACE,WAAW,EACT,EAAqB,EAAE,MAAM,GAAc,CAAC,EAC5C,GAAS,KACV;GACD,MAAK;aALP,CAOG,GACA,EACG;KACF"}

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

@@ -1,37 +1,31 @@
-import { containerQueries as o } from "../../theme/containerQueries.js";
-const u = /\(min-width:\s*(\d+(?:\.\d+)?)px\)/i, i = ["sm", "md", "lg", "xl", "xxl"];
-function a(e, r) {
-  const t = u.exec(r);
-  if (t == null)
-    throw new Error(
-      `[DataTable] Format de media query inattendu pour le point de rupture « ${e} » : ${r}`
-    );
-  const [, n] = t;
-  if (n == null)
-    throw new Error(
-      `[DataTable] Impossible d'extraire la valeur numérique pour le point de rupture « ${e} » à partir de la media query : ${r}`
-    );
-  return Number.parseFloat(n);
+import { containerQueries as e } from "../../theme/containerQueries.js";
+//#region src/components/data-table/tableBreakpoints.ts
+var t = /\(min-width:\s*(\d+(?:\.\d+)?)px\)/i, n = [
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+];
+function r(e, n) {
+	let r = t.exec(n);
+	if (r == null) throw Error(`[DataTable] Format de media query inattendu pour le point de rupture « ${e} » : ${n}`);
+	let [, i] = r;
+	if (i == null) throw Error(`[DataTable] Impossible d'extraire la valeur numérique pour le point de rupture « ${e} » à partir de la media query : ${n}`);
+	return Number.parseFloat(i);
 }
-function l(e) {
-  const r = o[e];
-  if (r == null)
-    throw new Error(
-      `[DataTable] Aucun container query défini pour le point de rupture « ${e} ».`
-    );
-  return r;
+function i(t) {
+	let n = e[t];
+	if (n == null) throw Error(`[DataTable] Aucun container query défini pour le point de rupture « ${t} ».`);
+	return n;
 }
-function c() {
-  const e = {};
-  for (const r of i) {
-    const t = l(r);
-    e[r] = a(r, t);
-  }
-  return e;
+function a() {
+	let e = {};
+	for (let t of n) e[t] = r(t, i(t));
+	return e;
 }
-const s = Object.freeze(c()), d = Object.entries(s).map(([e, r]) => [e, r]);
-export {
-  s as DATA_TABLE_BREAKPOINTS,
-  d as DATA_TABLE_BREAKPOINT_ENTRIES
-};
-//# sourceMappingURL=tableBreakpoints.js.map
+var o = Object.freeze(a()), s = Object.entries(o).map(([e, t]) => [e, t]);
+//#endregion
+export { o as DATA_TABLE_BREAKPOINTS, s as DATA_TABLE_BREAKPOINT_ENTRIES };
+
+//# sourceMappingURL=tableBreakpoints.js.map