@optimum-intelligence/opti-ui 0.2.0 → 0.4.0

package/dist/components/data-table/DataTableContent.js

@@ -0,0 +1,550 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { Skeleton } from "../skeleton/Skeleton.js";
+import { Button } from "../button/Button.js";
+import { Checkbox } from "../choice/Choice.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
+import { useDataTableContext } from "./context.js";
+import { EmptyState } from "../empty-state/EmptyState.js";
+import { DataTableRow, SizerRow, isTextEditor } from "./DataTableRow.js";
+import { pickSizerRows, useColumnLock, usePageHeight, useVirtualRows } from "./layout.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-table/DataTableContent.tsx
+var ROW_ESTIMATE = {
+	compact: 35,
+	normal: 46,
+	comfortable: 55
+};
+/** The table itself, with its loading, empty and error states. */
+function DataTableContent(t0) {
+	const $ = c(158);
+	const { density: t1, striped, stickyHeader, layout: t2, maxHeight, virtualized: t3, onEndReached, empty, tableProps } = t0;
+	const density = t1 === void 0 ? "normal" : t1;
+	const layout = t2 === void 0 ? "stable" : t2;
+	const virtualized = t3 === void 0 ? false : t3;
+	const table = useDataTableContext();
+	const { labels: text, visibleColumns: columns, loading, error } = table;
+	const [anchor, setAnchor] = React.useState(null);
+	const reported = React.useRef(-1);
+	const virtual = virtualized !== false;
+	let t4;
+	if ($[0] !== virtualized) {
+		t4 = typeof virtualized === "object" ? virtualized : {};
+		$[0] = virtualized;
+		$[1] = t4;
+	} else t4 = $[1];
+	const { rowHeight, overscan: t5 } = t4;
+	const overscan = t5 === void 0 ? 8 : t5;
+	const height = maxHeight ?? (virtual ? "32rem" : void 0);
+	const scrolls = height !== void 0;
+	const stable = layout === "stable" || virtual;
+	const hasActions = Boolean(table.rowActions) || table.editable || table.deletable;
+	const placeholders = table.pending ? Math.min(table.paginated ? table.pageSize : 5, 10) : 0;
+	const noMatch = table.mode === "server" ? table.filtered : table.totalCount > 0;
+	let t6;
+	if ($[2] !== columns) {
+		t6 = columns.find(isTextEditor)?.id;
+		$[2] = columns;
+		$[3] = t6;
+	} else t6 = $[3];
+	const focused = t6;
+	let t7;
+	if ($[4] !== error || $[5] !== table.pageRows) {
+		t7 = error ? [] : table.pageRows;
+		$[4] = error;
+		$[5] = table.pageRows;
+		$[6] = t7;
+	} else t7 = $[6];
+	const shown = t7;
+	const span = columns.length + Number(table.selectable) + Number(hasActions);
+	let t8;
+	if ($[7] !== columns || $[8] !== density || $[9] !== hasActions || $[10] !== table.selectable) {
+		t8 = [
+			density,
+			table.selectable,
+			hasActions,
+			...columns.map(_temp)
+		];
+		$[7] = columns;
+		$[8] = density;
+		$[9] = hasActions;
+		$[10] = table.selectable;
+		$[11] = t8;
+	} else t8 = $[11];
+	const columnKey = t8.join("|");
+	const { lock, measuring } = useColumnLock(anchor, stable, columnKey, shown.length > 0);
+	const t9 = ROW_ESTIMATE[density];
+	const t10 = typeof maxHeight === "number" ? maxHeight : 512;
+	let t11;
+	if ($[12] !== density || $[13] !== overscan || $[14] !== rowHeight || $[15] !== shown.length || $[16] !== t10 || $[17] !== t9 || $[18] !== virtual) {
+		t11 = {
+			enabled: virtual,
+			count: shown.length,
+			rowHeight,
+			overscan,
+			estimate: t9,
+			viewport: t10,
+			key: density
+		};
+		$[12] = density;
+		$[13] = overscan;
+		$[14] = rowHeight;
+		$[15] = shown.length;
+		$[16] = t10;
+		$[17] = t9;
+		$[18] = virtual;
+		$[19] = t11;
+	} else t11 = $[19];
+	const rows = useVirtualRows(anchor, t11);
+	let t12;
+	if ($[20] !== rows.end || $[21] !== rows.start || $[22] !== shown || $[23] !== virtual) {
+		t12 = virtual ? shown.slice(rows.start, rows.end) : shown;
+		$[20] = rows.end;
+		$[21] = rows.start;
+		$[22] = shown;
+		$[23] = virtual;
+		$[24] = t12;
+	} else t12 = $[24];
+	const rendered = t12;
+	const sizers = measuring && table.allRows.length > rendered.length ? pickSizerRows(table.allRows, columns) : [];
+	const holdsPage = stable && table.paginated && !scrolls;
+	const pageHeight = usePageHeight(anchor, holdsPage, shown.length === table.pageSize, `${density}|${table.pageSize}`);
+	const shortPage = table.page > 1 && shown.length > 0 && shown.length < table.pageSize;
+	let t13;
+	if ($[25] !== density || $[26] !== loading || $[27] !== onEndReached || $[28] !== scrolls || $[29] !== shown.length) {
+		t13 = (wrapper) => {
+			if (!onEndReached || !scrolls || loading || !shown.length || reported.current === shown.length) return;
+			if (wrapper.scrollHeight - wrapper.scrollTop - wrapper.clientHeight > 4 * ROW_ESTIMATE[density]) return;
+			reported.current = shown.length;
+			onEndReached();
+		};
+		$[25] = density;
+		$[26] = loading;
+		$[27] = onEndReached;
+		$[28] = scrolls;
+		$[29] = shown.length;
+		$[30] = t13;
+	} else t13 = $[30];
+	const reportEnd = t13;
+	const t14 = table.page;
+	const t15 = table.search;
+	const t16 = table.sort?.id;
+	const t17 = table.sort?.direction;
+	let t18;
+	if ($[31] !== table.filterValues) {
+		t18 = JSON.stringify(table.filterValues);
+		$[31] = table.filterValues;
+		$[32] = t18;
+	} else t18 = $[32];
+	let t19;
+	if ($[33] !== t16 || $[34] !== t17 || $[35] !== t18 || $[36] !== table.page || $[37] !== table.search) {
+		t19 = [
+			t14,
+			t15,
+			t16,
+			t17,
+			t18
+		];
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+		$[36] = table.page;
+		$[37] = table.search;
+		$[38] = t19;
+	} else t19 = $[38];
+	const view = t19.join("|");
+	let t20;
+	if ($[39] !== anchor || $[40] !== scrolls) {
+		t20 = () => {
+			if (scrolls) anchor?.closest("table")?.parentElement?.scrollTo({ top: 0 });
+		};
+		$[39] = anchor;
+		$[40] = scrolls;
+		$[41] = t20;
+	} else t20 = $[41];
+	let t21;
+	if ($[42] !== anchor || $[43] !== scrolls || $[44] !== view) {
+		t21 = [
+			anchor,
+			scrolls,
+			view
+		];
+		$[42] = anchor;
+		$[43] = scrolls;
+		$[44] = view;
+		$[45] = t21;
+	} else t21 = $[45];
+	React.useEffect(t20, t21);
+	let t22;
+	if ($[46] !== anchor || $[47] !== reportEnd) {
+		t22 = () => {
+			const wrapper_0 = anchor?.closest("table")?.parentElement;
+			if (wrapper_0) reportEnd(wrapper_0);
+		};
+		$[46] = anchor;
+		$[47] = reportEnd;
+		$[48] = t22;
+	} else t22 = $[48];
+	React.useEffect(t22);
+	const T0 = Table;
+	const t23 = stickyHeader ?? scrolls;
+	const t24 = loading || void 0;
+	const t25 = virtual ? shown.length + 1 : void 0;
+	const t26 = stable ? "stable" : void 0;
+	const t27 = lock ? "" : void 0;
+	const t28 = virtual ? "" : void 0;
+	let t29;
+	if ($[49] !== lock || $[50] !== tableProps?.style) {
+		t29 = lock ? {
+			width: lock.table,
+			minWidth: "100%",
+			...tableProps?.style
+		} : tableProps?.style;
+		$[49] = lock;
+		$[50] = tableProps?.style;
+		$[51] = t29;
+	} else t29 = $[51];
+	const t30 = tableProps?.wrapperProps;
+	const t31 = scrolls && "oui-data-table__scroll";
+	const t32 = tableProps?.wrapperProps?.className;
+	let t33;
+	if ($[52] !== t31 || $[53] !== t32) {
+		t33 = cx(t31, t32);
+		$[52] = t31;
+		$[53] = t32;
+		$[54] = t33;
+	} else t33 = $[54];
+	const t34 = holdsPage && shortPage ? pageHeight : void 0;
+	const t35 = tableProps?.wrapperProps?.style;
+	let t36;
+	if ($[55] !== height || $[56] !== t34 || $[57] !== t35) {
+		t36 = {
+			maxHeight: height,
+			minHeight: t34,
+			...t35
+		};
+		$[55] = height;
+		$[56] = t34;
+		$[57] = t35;
+		$[58] = t36;
+	} else t36 = $[58];
+	let t37;
+	if ($[59] !== reportEnd || $[60] !== rows || $[61] !== tableProps?.wrapperProps) {
+		t37 = (event) => {
+			tableProps?.wrapperProps?.onScroll?.(event);
+			rows.onScroll(event);
+			reportEnd(event.currentTarget);
+		};
+		$[59] = reportEnd;
+		$[60] = rows;
+		$[61] = tableProps?.wrapperProps;
+		$[62] = t37;
+	} else t37 = $[62];
+	let t38;
+	if ($[63] !== t30 || $[64] !== t33 || $[65] !== t36 || $[66] !== t37) {
+		t38 = {
+			...t30,
+			className: t33,
+			style: t36,
+			onScroll: t37
+		};
+		$[63] = t30;
+		$[64] = t33;
+		$[65] = t36;
+		$[66] = t37;
+		$[67] = t38;
+	} else t38 = $[67];
+	let t39;
+	if ($[68] !== lock?.widths) {
+		t39 = lock?.widths.map(_temp2);
+		$[68] = lock?.widths;
+		$[69] = t39;
+	} else t39 = $[69];
+	let t40;
+	if ($[70] !== t39) {
+		t40 = /* @__PURE__ */ jsx("colgroup", {
+			ref: setAnchor,
+			children: t39
+		});
+		$[70] = t39;
+		$[71] = t40;
+	} else t40 = $[71];
+	const t41 = virtual ? 1 : void 0;
+	let t42;
+	if ($[72] !== table || $[73] !== text) {
+		t42 = table.selectable && /* @__PURE__ */ jsx(TableHead, {
+			className: "oui-data-table__check",
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				size: "sm",
+				"aria-label": text.selectAll,
+				checked: table.allSelected,
+				indeterminate: table.someSelected,
+				disabled: !table.rows.length,
+				onCheckedChange: (checked) => table.toggleAll(checked)
+			})
+		});
+		$[72] = table;
+		$[73] = text;
+		$[74] = t42;
+	} else t42 = $[74];
+	let t43;
+	if ($[75] !== columns || $[76] !== lock || $[77] !== table) {
+		let t44;
+		if ($[79] !== lock || $[80] !== table) {
+			t44 = (column) => /* @__PURE__ */ jsx(TableHead, {
+				align: column.align ?? (column.numeric ? "end" : "start"),
+				style: !lock && (column.width !== void 0 || column.minWidth !== void 0) ? {
+					width: column.width,
+					minWidth: column.minWidth
+				} : void 0,
+				sort: table.isSortable(column) ? table.sort?.id === column.id ? table.sort.direction : false : void 0,
+				onSort: () => table.toggleSort(column.id),
+				children: column.header
+			}, column.id);
+			$[79] = lock;
+			$[80] = table;
+			$[81] = t44;
+		} else t44 = $[81];
+		t43 = columns.map(t44);
+		$[75] = columns;
+		$[76] = lock;
+		$[77] = table;
+		$[78] = t43;
+	} else t43 = $[78];
+	let t44;
+	if ($[82] !== hasActions || $[83] !== text) {
+		t44 = hasActions && /* @__PURE__ */ jsx(TableHead, {
+			className: "oui-data-table__row-actions",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "oui-visually-hidden",
+				children: text.actions
+			})
+		});
+		$[82] = hasActions;
+		$[83] = text;
+		$[84] = t44;
+	} else t44 = $[84];
+	let t45;
+	if ($[85] !== t41 || $[86] !== t42 || $[87] !== t43 || $[88] !== t44) {
+		t45 = /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, {
+			"aria-rowindex": t41,
+			children: [
+				t42,
+				t43,
+				t44
+			]
+		}) });
+		$[85] = t41;
+		$[86] = t42;
+		$[87] = t43;
+		$[88] = t44;
+		$[89] = t45;
+	} else t45 = $[89];
+	let t46;
+	if ($[90] !== rows.before || $[91] !== span) {
+		t46 = rows.before > 0 && /* @__PURE__ */ jsx("tbody", {
+			className: "oui-data-table__spacer",
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx("tr", {
+				style: { height: rows.before },
+				children: /* @__PURE__ */ jsx("td", { colSpan: span })
+			})
+		});
+		$[90] = rows.before;
+		$[91] = span;
+		$[92] = t46;
+	} else t46 = $[92];
+	let t47;
+	if ($[93] !== columns || $[94] !== hasActions || $[95] !== placeholders || $[96] !== table.selectable) {
+		let t48;
+		if ($[98] !== columns || $[99] !== hasActions || $[100] !== table.selectable) {
+			t48 = (_, index_0) => /* @__PURE__ */ jsxs(TableRow, {
+				"aria-hidden": true,
+				children: [
+					table.selectable && /* @__PURE__ */ jsx(TableCell, { className: "oui-data-table__check" }),
+					columns.map((column_0, position) => /* @__PURE__ */ jsx(TableCell, {
+						align: column_0.align,
+						numeric: column_0.numeric,
+						children: /* @__PURE__ */ jsx(Skeleton, {
+							className: "oui-data-table__skeleton",
+							width: `${45 + (index_0 * 3 + position * 5) % 7 * 8}%`
+						})
+					}, column_0.id)),
+					hasActions && /* @__PURE__ */ jsx(TableCell, { className: "oui-data-table__row-actions" })
+				]
+			}, index_0);
+			$[98] = columns;
+			$[99] = hasActions;
+			$[100] = table.selectable;
+			$[101] = t48;
+		} else t48 = $[101];
+		t47 = Array.from({ length: placeholders }, t48);
+		$[93] = columns;
+		$[94] = hasActions;
+		$[95] = placeholders;
+		$[96] = table.selectable;
+		$[97] = t47;
+	} else t47 = $[97];
+	let t48;
+	if ($[102] !== columns || $[103] !== focused || $[104] !== hasActions || $[105] !== rendered || $[106] !== rows.rowHeight || $[107] !== rows.start || $[108] !== table || $[109] !== virtual) {
+		let t49;
+		if ($[111] !== columns || $[112] !== focused || $[113] !== hasActions || $[114] !== rows.rowHeight || $[115] !== rows.start || $[116] !== table || $[117] !== virtual) {
+			t49 = (entry, index_1) => /* @__PURE__ */ jsx(DataTableRow, {
+				table,
+				entry,
+				columns,
+				hasActions,
+				focused,
+				index: virtual ? rows.start + index_1 : void 0,
+				height: rows.rowHeight
+			}, entry.id);
+			$[111] = columns;
+			$[112] = focused;
+			$[113] = hasActions;
+			$[114] = rows.rowHeight;
+			$[115] = rows.start;
+			$[116] = table;
+			$[117] = virtual;
+			$[118] = t49;
+		} else t49 = $[118];
+		t48 = rendered.map(t49);
+		$[102] = columns;
+		$[103] = focused;
+		$[104] = hasActions;
+		$[105] = rendered;
+		$[106] = rows.rowHeight;
+		$[107] = rows.start;
+		$[108] = table;
+		$[109] = virtual;
+		$[110] = t48;
+	} else t48 = $[110];
+	let t49;
+	if ($[119] !== t47 || $[120] !== t48) {
+		t49 = /* @__PURE__ */ jsxs(TableBody, { children: [t47, t48] });
+		$[119] = t47;
+		$[120] = t48;
+		$[121] = t49;
+	} else t49 = $[121];
+	let t50;
+	if ($[122] !== rows.after || $[123] !== span) {
+		t50 = rows.after > 0 && /* @__PURE__ */ jsx("tbody", {
+			className: "oui-data-table__spacer",
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx("tr", {
+				style: { height: rows.after },
+				children: /* @__PURE__ */ jsx("td", { colSpan: span })
+			})
+		});
+		$[122] = rows.after;
+		$[123] = span;
+		$[124] = t50;
+	} else t50 = $[124];
+	const t51 = sizers.length > 0 && /* @__PURE__ */ jsx("tbody", {
+		className: "oui-data-table__sizer",
+		"aria-hidden": true,
+		inert: true,
+		children: sizers.map((entry_0) => /* @__PURE__ */ jsx(SizerRow, {
+			table,
+			entry: entry_0,
+			columns,
+			hasActions
+		}, entry_0.id))
+	});
+	let t52;
+	if ($[125] !== T0 || $[126] !== density || $[127] !== striped || $[128] !== t23 || $[129] !== t24 || $[130] !== t25 || $[131] !== t26 || $[132] !== t27 || $[133] !== t28 || $[134] !== t29 || $[135] !== t38 || $[136] !== t40 || $[137] !== t45 || $[138] !== t46 || $[139] !== t49 || $[140] !== t50 || $[141] !== t51 || $[142] !== tableProps) {
+		t52 = /* @__PURE__ */ jsxs(T0, {
+			density,
+			striped,
+			stickyHeader: t23,
+			"aria-busy": t24,
+			"aria-rowcount": t25,
+			...tableProps,
+			"data-layout": t26,
+			"data-locked": t27,
+			"data-virtualized": t28,
+			style: t29,
+			wrapperProps: t38,
+			children: [
+				t40,
+				t45,
+				t46,
+				t49,
+				t50,
+				t51
+			]
+		});
+		$[125] = T0;
+		$[126] = density;
+		$[127] = striped;
+		$[128] = t23;
+		$[129] = t24;
+		$[130] = t25;
+		$[131] = t26;
+		$[132] = t27;
+		$[133] = t28;
+		$[134] = t29;
+		$[135] = t38;
+		$[136] = t40;
+		$[137] = t45;
+		$[138] = t46;
+		$[139] = t49;
+		$[140] = t50;
+		$[141] = t51;
+		$[142] = tableProps;
+		$[143] = t52;
+	} else t52 = $[143];
+	let t53;
+	if ($[144] !== empty || $[145] !== error || $[146] !== loading || $[147] !== noMatch || $[148] !== table.activeFilterCount || $[149] !== table.filtered || $[150] !== table.onRetry || $[151] !== table.reset || $[152] !== table.rows || $[153] !== text) {
+		t53 = error ? /* @__PURE__ */ jsx(EmptyState, {
+			role: "alert",
+			title: text.errorTitle,
+			description: error,
+			actions: table.onRetry ? /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "secondary",
+				onClick: table.onRetry,
+				children: text.retry
+			}) : void 0
+		}) : !table.rows.length && !loading && (empty ?? /* @__PURE__ */ jsx(EmptyState, {
+			title: noMatch ? text.noMatchTitle : text.emptyTitle,
+			description: !noMatch ? text.emptyDescription : table.activeFilterCount ? text.noFilterMatchDescription : text.noMatchDescription,
+			actions: table.filtered ? /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "secondary",
+				onClick: table.reset,
+				children: table.activeFilterCount ? text.clearFilters : text.clearSearch
+			}) : void 0
+		}));
+		$[144] = empty;
+		$[145] = error;
+		$[146] = loading;
+		$[147] = noMatch;
+		$[148] = table.activeFilterCount;
+		$[149] = table.filtered;
+		$[150] = table.onRetry;
+		$[151] = table.reset;
+		$[152] = table.rows;
+		$[153] = text;
+		$[154] = t53;
+	} else t53 = $[154];
+	let t54;
+	if ($[155] !== t52 || $[156] !== t53) {
+		t54 = /* @__PURE__ */ jsxs(Fragment, { children: [t52, t53] });
+		$[155] = t52;
+		$[156] = t53;
+		$[157] = t54;
+	} else t54 = $[157];
+	return t54;
+}
+function _temp2(width, index) {
+	return /* @__PURE__ */ jsx("col", { style: { width } }, index);
+}
+function _temp(c) {
+	return `${c.id}:${c.width ?? ""}:${c.minWidth ?? ""}`;
+}
+//#endregion
+export { DataTableContent };
+
+//# sourceMappingURL=DataTableContent.js.map

package/dist/components/data-table/DataTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableContent.js","names":["React","cx","Button","Checkbox","EmptyState","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","TableProps","useDataTableContext","DataTableRow","SizerRow","isTextEditor","pickSizerRows","useColumnLock","usePageHeight","useVirtualRows","ROW_ESTIMATE","compact","normal","comfortable","DataTableVirtualOptions","rowHeight","overscan","DataTableContentProps","Pick","layout","maxHeight","virtualized","onEndReached","empty","ReactNode","tableProps","Omit","DataTableContent","t0","$","_c","density","t1","striped","stickyHeader","t2","t3","undefined","table","labels","text","visibleColumns","columns","loading","error","anchor","setAnchor","useState","reported","useRef","virtual","t4","t5","height","scrolls","stable","hasActions","Boolean","rowActions","editable","deletable","placeholders","pending","Math","min","paginated","pageSize","noMatch","mode","filtered","totalCount","t6","find","id","focused","t7","pageRows","shown","span","length","Number","selectable","t8","map","_temp","columnKey","join","lock","measuring","t9","t10","t11","enabled","count","estimate","viewport","key","rows","t12","end","start","slice","rendered","sizers","allRows","holdsPage","pageHeight","shortPage","page","t13","wrapper","current","scrollHeight","scrollTop","clientHeight","reportEnd","t14","t15","search","t16","sort","t17","direction","t18","filterValues","JSON","stringify","t19","view","t20","closest","parentElement","scrollTo","top","t21","useEffect","t22","wrapper_0","T0","t23","t24","t25","t26","t27","t28","t29","style","width","minWidth","t30","wrapperProps","t31","t32","className","t33","t34","t35","t36","minHeight","t37","event","onScroll","currentTarget","t38","t39","widths","_temp2","t40","t41","t42","selectAll","allSelected","someSelected","checked","toggleAll","t43","t44","column","align","numeric","isSortable","toggleSort","header","actions","t45","t46","before","t47","t48","_","index_0","index","column_0","position","Array","from","t49","entry","index_1","t50","after","t51","entry_0","t52","t53","activeFilterCount","onRetry","reset","errorTitle","retry","noMatchTitle","emptyTitle","emptyDescription","noFilterMatchDescription","noMatchDescription","clearFilters","clearSearch","t54","c","_c","_Fragment"],"sources":["../../../src/components/data-table/DataTableContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { Button } from '../button/Button';\nimport { Checkbox } from '../choice/Choice';\nimport { EmptyState } from '../empty-state/EmptyState';\nimport { Skeleton } from '../skeleton/Skeleton';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, type TableProps } from '../table/Table';\nimport { useDataTableContext } from './context';\nimport { DataTableRow, SizerRow, isTextEditor } from './DataTableRow';\nimport { pickSizerRows, useColumnLock, usePageHeight, useVirtualRows } from './layout';\n\n// Row heights of the three densities, assumed until the first row is measured.\nconst ROW_ESTIMATE = { compact: 35, normal: 46, comfortable: 55 };\n\nexport interface DataTableVirtualOptions {\n  /** Height of every row in pixels. Left out, the rows are measured. */\n  rowHeight?: number;\n  /** Rows rendered beyond each edge of the view (default 8). */\n  overscan?: number;\n}\n\nexport interface DataTableContentProps extends Pick<TableProps, 'density' | 'striped' | 'stickyHeader'> {\n  /**\n   * `stable` (default) measures the columns once and holds their widths, keeps a\n   * short last page as tall as a full one, and keeps a row's height while it is\n   * edited: nothing moves while the table is used. `auto` leaves the layout to\n   * the browser, which fits the columns to the rows on screen.\n   */\n  layout?: 'stable' | 'auto';\n  /** Scrolls the rows inside this height and keeps the header in view. */\n  maxHeight?: number | string;\n  /**\n   * Renders only the rows in view, for thousands of rows without pagination.\n   * Rows are one line high: columns fit their longest value, so mark those with\n   * long text `truncate`. Scrolls inside `maxHeight` (default `32rem`).\n   */\n  virtualized?: boolean | DataTableVirtualOptions;\n  /**\n   * Called when the rows are scrolled near their end, once per row count: load\n   * and append the next rows. Needs `maxHeight` or `virtualized`.\n   */\n  onEndReached?: () => void;\n  /** Replaces the default empty state. */\n  empty?: React.ReactNode;\n  /** Props for the underlying `Table` (className, wrapperProps, aria-*). */\n  tableProps?: Omit<TableProps, 'children'>;\n}\n\n/** The table itself, with its loading, empty and error states. */\nexport function DataTableContent({\n  density = 'normal',\n  striped,\n  stickyHeader,\n  layout = 'stable',\n  maxHeight,\n  virtualized = false,\n  onEndReached,\n  empty,\n  tableProps,\n}: DataTableContentProps) {\n  const table = useDataTableContext();\n  const { labels: text, visibleColumns: columns, loading, error } = table;\n  // Found by the layout hooks through `closest('table')`.\n  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n  const reported = React.useRef(-1);\n\n  const virtual = virtualized !== false;\n  const { rowHeight, overscan = 8 } = typeof virtualized === 'object' ? virtualized : {};\n  const height = maxHeight ?? (virtual ? '32rem' : undefined);\n  const scrolls = height !== undefined;\n  const stable = layout === 'stable' || virtual;\n\n  const hasActions = Boolean(table.rowActions) || table.editable || table.deletable;\n  const placeholders = table.pending ? Math.min(table.paginated ? table.pageSize : 5, 10) : 0;\n  const noMatch = table.mode === 'server' ? table.filtered : table.totalCount > 0;\n  const focused = columns.find(isTextEditor)?.id;\n  const shown = error ? [] : table.pageRows;\n  const span = columns.length + Number(table.selectable) + Number(hasActions);\n\n  const columnKey = [density, table.selectable, hasActions, ...columns.map((c) => `${c.id}:${c.width ?? ''}:${c.minWidth ?? ''}`)].join('|');\n  const { lock, measuring } = useColumnLock(anchor, stable, columnKey, shown.length > 0);\n  const rows = useVirtualRows(anchor, {\n    enabled: virtual,\n    count: shown.length,\n    rowHeight,\n    overscan,\n    estimate: ROW_ESTIMATE[density],\n    viewport: typeof maxHeight === 'number' ? maxHeight : 512,\n    key: density,\n  });\n  const rendered = virtual ? shown.slice(rows.start, rows.end) : shown;\n  const sizers = measuring && table.allRows.length > rendered.length ? pickSizerRows(table.allRows, columns) : [];\n\n  const holdsPage = stable && table.paginated && !scrolls;\n  const pageHeight = usePageHeight(anchor, holdsPage, shown.length === table.pageSize, `${density}|${table.pageSize}`);\n  const shortPage = table.page > 1 && shown.length > 0 && shown.length < table.pageSize;\n\n  const reportEnd = (wrapper: HTMLElement) => {\n    if (!onEndReached || !scrolls || loading || !shown.length || reported.current === shown.length) return;\n    if (wrapper.scrollHeight - wrapper.scrollTop - wrapper.clientHeight > 4 * ROW_ESTIMATE[density]) return;\n    reported.current = shown.length;\n    onEndReached();\n  };\n\n  // New rows start at the top: the scroll position belonged to the previous ones.\n  const view = [table.page, table.search, table.sort?.id, table.sort?.direction, JSON.stringify(table.filterValues)].join('|');\n  React.useEffect(() => {\n    if (scrolls) anchor?.closest('table')?.parentElement?.scrollTo({ top: 0 });\n  }, [anchor, scrolls, view]);\n\n  // Rows that do not fill the view cannot be scrolled to their end: ask for more right away.\n  React.useEffect(() => {\n    const wrapper = anchor?.closest('table')?.parentElement;\n    if (wrapper) reportEnd(wrapper);\n  });\n\n  return (\n    <>\n      <Table\n        density={density}\n        striped={striped}\n        stickyHeader={stickyHeader ?? scrolls}\n        aria-busy={loading || undefined}\n        aria-rowcount={virtual ? shown.length + 1 : undefined}\n        {...tableProps}\n        data-layout={stable ? 'stable' : undefined}\n        data-locked={lock ? '' : undefined}\n        data-virtualized={virtual ? '' : undefined}\n        style={lock ? { width: lock.table, minWidth: '100%', ...tableProps?.style } : tableProps?.style}\n        wrapperProps={{\n          ...tableProps?.wrapperProps,\n          className: cx(scrolls && 'oui-data-table__scroll', tableProps?.wrapperProps?.className),\n          style: {\n            maxHeight: height,\n            minHeight: holdsPage && shortPage ? pageHeight : undefined,\n            ...tableProps?.wrapperProps?.style,\n          },\n          onScroll: (event) => {\n            tableProps?.wrapperProps?.onScroll?.(event);\n            rows.onScroll(event);\n            reportEnd(event.currentTarget);\n          },\n        }}\n      >\n        <colgroup ref={setAnchor}>{lock?.widths.map((width, index) => <col key={index} style={{ width }} />)}</colgroup>\n        <TableHeader>\n          <TableRow aria-rowindex={virtual ? 1 : undefined}>\n            {table.selectable && (\n              <TableHead className=\"oui-data-table__check\">\n                <Checkbox\n                  size=\"sm\"\n                  aria-label={text.selectAll}\n                  checked={table.allSelected}\n                  indeterminate={table.someSelected}\n                  disabled={!table.rows.length}\n                  onCheckedChange={(checked) => table.toggleAll(checked)}\n                />\n              </TableHead>\n            )}\n            {columns.map((column) => (\n              <TableHead\n                key={column.id}\n                align={column.align ?? (column.numeric ? 'end' : 'start')}\n                style={\n                  !lock && (column.width !== undefined || column.minWidth !== undefined)\n                    ? { width: column.width, minWidth: column.minWidth }\n                    : undefined\n                }\n                sort={table.isSortable(column) ? (table.sort?.id === column.id ? table.sort.direction : false) : undefined}\n                onSort={() => table.toggleSort(column.id)}\n              >\n                {column.header}\n              </TableHead>\n            ))}\n            {hasActions && (\n              <TableHead className=\"oui-data-table__row-actions\">\n                <span className=\"oui-visually-hidden\">{text.actions}</span>\n              </TableHead>\n            )}\n          </TableRow>\n        </TableHeader>\n        {rows.before > 0 && (\n          <tbody className=\"oui-data-table__spacer\" aria-hidden>\n            <tr style={{ height: rows.before }}>\n              <td colSpan={span} />\n            </tr>\n          </tbody>\n        )}\n        <TableBody>\n          {Array.from({ length: placeholders }, (_, index) => (\n            <TableRow key={index} aria-hidden>\n              {table.selectable && <TableCell className=\"oui-data-table__check\" />}\n              {columns.map((column, position) => (\n                <TableCell key={column.id} align={column.align} numeric={column.numeric}>\n                  <Skeleton className=\"oui-data-table__skeleton\" width={`${45 + ((index * 3 + position * 5) % 7) * 8}%`} />\n                </TableCell>\n              ))}\n              {hasActions && <TableCell className=\"oui-data-table__row-actions\" />}\n            </TableRow>\n          ))}\n          {rendered.map((entry, index) => (\n            <DataTableRow\n              key={entry.id}\n              table={table}\n              entry={entry}\n              columns={columns}\n              hasActions={hasActions}\n              focused={focused}\n              index={virtual ? rows.start + index : undefined}\n              height={rows.rowHeight}\n            />\n          ))}\n        </TableBody>\n        {rows.after > 0 && (\n          <tbody className=\"oui-data-table__spacer\" aria-hidden>\n            <tr style={{ height: rows.after }}>\n              <td colSpan={span} />\n            </tr>\n          </tbody>\n        )}\n        {sizers.length > 0 && (\n          <tbody className=\"oui-data-table__sizer\" aria-hidden inert>\n            {sizers.map((entry) => (\n              <SizerRow key={entry.id} table={table} entry={entry} columns={columns} hasActions={hasActions} />\n            ))}\n          </tbody>\n        )}\n      </Table>\n\n      {error ? (\n        <EmptyState\n          role=\"alert\"\n          title={text.errorTitle}\n          description={error}\n          actions={\n            table.onRetry ? (\n              <Button size=\"sm\" variant=\"secondary\" onClick={table.onRetry}>\n                {text.retry}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        !table.rows.length &&\n        !loading &&\n        (empty ?? (\n          <EmptyState\n            title={noMatch ? text.noMatchTitle : text.emptyTitle}\n            description={\n              !noMatch ? text.emptyDescription : table.activeFilterCount ? text.noFilterMatchDescription : text.noMatchDescription\n            }\n            actions={\n              table.filtered ? (\n                <Button size=\"sm\" variant=\"secondary\" onClick={table.reset}>\n                  {table.activeFilterCount ? text.clearFilters : text.clearSearch}\n                </Button>\n              ) : undefined\n            }\n          />\n        ))\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data-table/DataTableFilters.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type DataTableControlSize = 'sm' | 'md';
+export interface DataTableFilterProps {
+    /** Id of the filter: the column id, or the `id` given in `filters`. */
+    id: string;
+    /** Control height. */
+    size?: DataTableControlSize;
+    /** Class name for the filter control. */
+    className?: string;
+}
+/** The control of one filter: a dropdown, a toggle chip or a date range picker. */
+export declare function DataTableFilter({ id, size, className }: DataTableFilterProps): React.JSX.Element | null;
+export interface DataTableFiltersProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Control height of every filter. */
+    size?: DataTableControlSize;
+}
+/** Every filter of the table, with a clear button while any is active. Children are added after the filters. */
+export declare function DataTableFilters({ size, className, children, ...props }: DataTableFiltersProps): React.JSX.Element | null;