@optimum-intelligence/opti-ui 0.0.0-stage → 0.3.0

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

@@ -0,0 +1,478 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { createPrimitive } from "../../utils/primitive.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { SearchInput } from "../search-input/SearchInput.js";
+import { Pagination } from "../pagination/Pagination.js";
+import { DataTableContext, useDataTableContext } from "./context.js";
+import { useDataTable } from "./useDataTable.js";
+import { DataTableContent } from "./DataTableContent.js";
+import { DataTableFilter, DataTableFilters } from "./DataTableFilters.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/DataTable.tsx
+/** Provides a table to the parts inside it. */
+function DataTableRoot(t0) {
+	const $ = c(15);
+	let className;
+	let props;
+	let ref;
+	let table;
+	if ($[0] !== t0) {
+		({table, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = table;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		table = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cx("oui-data-table", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	const t2 = table.loading ? table.rows.length ? "refresh" : "initial" : void 0;
+	let t3;
+	if ($[7] !== props || $[8] !== ref || $[9] !== t1 || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			ref,
+			className: t1,
+			"data-loading": t2,
+			...props
+		});
+		$[7] = props;
+		$[8] = ref;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== t3 || $[13] !== table) {
+		t4 = /* @__PURE__ */ jsx(DataTableContext.Provider, {
+			value: table,
+			children: t3
+		});
+		$[12] = t3;
+		$[13] = table;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+var DataTableToolbar = createPrimitive("div", "oui-data-table__toolbar", "DataTableToolbar");
+var DataTableActions = createPrimitive("div", "oui-data-table__actions", "DataTableActions");
+/** Search box of the table. Typing applies after the table's `searchDebounce`; clearing applies at once. */
+function DataTableSearch(t0) {
+	const $ = c(26);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const table = useDataTableContext();
+	const { search, searchDebounce, labels: text } = table;
+	const [draft, setDraft] = React.useState(search);
+	const [seen, setSeen] = React.useState(search);
+	const [sent, setSent] = React.useState(search);
+	if (seen !== search) {
+		setSeen(search);
+		if (search !== sent) {
+			setSent(search);
+			setDraft(search);
+		}
+	}
+	let t1;
+	if ($[3] !== table) {
+		t1 = (next) => {
+			setSent(next);
+			table.setSearch(next);
+		};
+		$[3] = table;
+		$[4] = t1;
+	} else t1 = $[4];
+	const commit = t1;
+	let t2;
+	if ($[5] !== commit || $[6] !== draft || $[7] !== searchDebounce || $[8] !== sent) {
+		t2 = () => {
+			if (draft === sent) return;
+			const timer = window.setTimeout(() => commit(draft), searchDebounce);
+			return () => window.clearTimeout(timer);
+		};
+		$[5] = commit;
+		$[6] = draft;
+		$[7] = searchDebounce;
+		$[8] = sent;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== draft || $[11] !== searchDebounce || $[12] !== sent) {
+		t3 = [
+			draft,
+			sent,
+			searchDebounce
+		];
+		$[10] = draft;
+		$[11] = searchDebounce;
+		$[12] = sent;
+		$[13] = t3;
+	} else t3 = $[13];
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[14] !== commit || $[15] !== searchDebounce) {
+		t4 = (next_0) => {
+			setDraft(next_0);
+			if (!searchDebounce || !next_0) commit(next_0);
+		};
+		$[14] = commit;
+		$[15] = searchDebounce;
+		$[16] = t4;
+	} else t4 = $[16];
+	const change = t4;
+	let t5;
+	if ($[17] !== className) {
+		t5 = cx("oui-data-table__search", className);
+		$[17] = className;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== change || $[20] !== draft || $[21] !== props || $[22] !== t5 || $[23] !== text.clearSearch || $[24] !== text.search) {
+		t6 = /* @__PURE__ */ jsx(SearchInput, {
+			className: t5,
+			"aria-label": text.search,
+			placeholder: text.search,
+			clearLabel: text.clearSearch,
+			...props,
+			value: draft,
+			onValueChange: change
+		});
+		$[19] = change;
+		$[20] = draft;
+		$[21] = props;
+		$[22] = t5;
+		$[23] = text.clearSearch;
+		$[24] = text.search;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
+}
+/** Row count, or the number of selected rows, with a spinner while loading. */
+function DataTableSummary(t0) {
+	const $ = c(24);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const table = useDataTableContext();
+	const text = table.labels;
+	let t1;
+	if ($[3] !== table.selection) {
+		t1 = new Set(table.selection);
+		$[3] = table.selection;
+		$[4] = t1;
+	} else t1 = $[4];
+	const selected = t1.size;
+	let t2;
+	if ($[5] !== table.loading || $[6] !== text) {
+		t2 = table.loading && /* @__PURE__ */ jsx(Spinner, {
+			className: "oui-data-table__spinner",
+			label: text.loading
+		});
+		$[5] = table.loading;
+		$[6] = text;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== className) {
+		t3 = cx("oui-data-table__summary", className);
+		$[8] = className;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== selected || $[11] !== table.count || $[12] !== table.pending || $[13] !== table.selectable || $[14] !== table.totalCount || $[15] !== text) {
+		t4 = table.selectable && selected ? text.selected(selected) : table.pending ? null : table.count !== table.totalCount ? text.filteredCount(table.count, table.totalCount) : text.count(table.count);
+		$[10] = selected;
+		$[11] = table.count;
+		$[12] = table.pending;
+		$[13] = table.selectable;
+		$[14] = table.totalCount;
+		$[15] = text;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== props || $[18] !== t3 || $[19] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			className: t3,
+			"aria-live": "polite",
+			...props,
+			children: t4
+		});
+		$[17] = props;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	let t6;
+	if ($[21] !== t2 || $[22] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t5] });
+		$[21] = t2;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
+	return t6;
+}
+/** Page navigation of the table. Renders nothing when there are no rows, or the table is not paginated. */
+function DataTablePagination(t0) {
+	const $ = c(14);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const table = useDataTableContext();
+	if (!table.paginated || table.count <= 0 || table.error) return null;
+	let t1;
+	if ($[3] !== className) {
+		t1 = cx("oui-data-table__pagination", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1 || $[7] !== table.count || $[8] !== table.labels || $[9] !== table.page || $[10] !== table.pageSize || $[11] !== table.setPage || $[12] !== table.setPageSize) {
+		t2 = /* @__PURE__ */ jsx(Pagination, {
+			className: t1,
+			variant: "simple",
+			labels: table.labels,
+			...props,
+			page: table.page,
+			pageSize: table.pageSize,
+			total: table.count,
+			onPageChange: table.setPage,
+			onPageSizeChange: table.setPageSize
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = table.count;
+		$[8] = table.labels;
+		$[9] = table.page;
+		$[10] = table.pageSize;
+		$[11] = table.setPage;
+		$[12] = table.setPageSize;
+		$[13] = t2;
+	} else t2 = $[13];
+	return t2;
+}
+function DataTableComponent(t0) {
+	const $ = c(51);
+	let className;
+	let controlSize;
+	let density;
+	let empty;
+	let layout;
+	let maxHeight;
+	let onEndReached;
+	let options;
+	let pageSizeOptions;
+	let stickyHeader;
+	let striped;
+	let tableProps;
+	let toolbar;
+	let virtualized;
+	if ($[0] !== t0) {
+		({density, striped, stickyHeader, layout, maxHeight, virtualized, onEndReached, empty, tableProps, pageSizeOptions, controlSize, toolbar, className, ...options} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = controlSize;
+		$[3] = density;
+		$[4] = empty;
+		$[5] = layout;
+		$[6] = maxHeight;
+		$[7] = onEndReached;
+		$[8] = options;
+		$[9] = pageSizeOptions;
+		$[10] = stickyHeader;
+		$[11] = striped;
+		$[12] = tableProps;
+		$[13] = toolbar;
+		$[14] = virtualized;
+	} else {
+		className = $[1];
+		controlSize = $[2];
+		density = $[3];
+		empty = $[4];
+		layout = $[5];
+		maxHeight = $[6];
+		onEndReached = $[7];
+		options = $[8];
+		pageSizeOptions = $[9];
+		stickyHeader = $[10];
+		striped = $[11];
+		tableProps = $[12];
+		toolbar = $[13];
+		virtualized = $[14];
+	}
+	const t1 = options.paginated ?? !virtualized;
+	let t2;
+	if ($[15] !== options || $[16] !== t1) {
+		t2 = {
+			...options,
+			paginated: t1
+		};
+		$[15] = options;
+		$[16] = t1;
+		$[17] = t2;
+	} else t2 = $[17];
+	const table = useDataTable(t2);
+	let t3;
+	if ($[18] !== table || $[19] !== toolbar) {
+		t3 = typeof toolbar === "function" ? toolbar({
+			rows: table.rows.map(_temp),
+			selection: table.selection,
+			table
+		}) : toolbar;
+		$[18] = table;
+		$[19] = toolbar;
+		$[20] = t3;
+	} else t3 = $[20];
+	const extra = t3;
+	let t4;
+	if ($[21] !== controlSize || $[22] !== table.searchable) {
+		t4 = table.searchable && /* @__PURE__ */ jsx(DataTableSearch, { size: controlSize });
+		$[21] = controlSize;
+		$[22] = table.searchable;
+		$[23] = t4;
+	} else t4 = $[23];
+	let t5;
+	if ($[24] !== controlSize) {
+		t5 = /* @__PURE__ */ jsx(DataTableFilters, { size: controlSize });
+		$[24] = controlSize;
+		$[25] = t5;
+	} else t5 = $[25];
+	let t6;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(DataTableSummary, {});
+		$[26] = t6;
+	} else t6 = $[26];
+	let t7;
+	if ($[27] !== extra) {
+		t7 = /* @__PURE__ */ jsxs(DataTableActions, { children: [t6, extra] });
+		$[27] = extra;
+		$[28] = t7;
+	} else t7 = $[28];
+	let t8;
+	if ($[29] !== t4 || $[30] !== t5 || $[31] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(DataTableToolbar, { children: [
+			t4,
+			t5,
+			t7
+		] });
+		$[29] = t4;
+		$[30] = t5;
+		$[31] = t7;
+		$[32] = t8;
+	} else t8 = $[32];
+	let t9;
+	if ($[33] !== density || $[34] !== empty || $[35] !== layout || $[36] !== maxHeight || $[37] !== onEndReached || $[38] !== stickyHeader || $[39] !== striped || $[40] !== tableProps || $[41] !== virtualized) {
+		t9 = /* @__PURE__ */ jsx(DataTableContent, {
+			density,
+			striped,
+			stickyHeader,
+			layout,
+			maxHeight,
+			virtualized,
+			onEndReached,
+			empty,
+			tableProps
+		});
+		$[33] = density;
+		$[34] = empty;
+		$[35] = layout;
+		$[36] = maxHeight;
+		$[37] = onEndReached;
+		$[38] = stickyHeader;
+		$[39] = striped;
+		$[40] = tableProps;
+		$[41] = virtualized;
+		$[42] = t9;
+	} else t9 = $[42];
+	let t10;
+	if ($[43] !== pageSizeOptions) {
+		t10 = /* @__PURE__ */ jsx(DataTablePagination, { pageSizeOptions });
+		$[43] = pageSizeOptions;
+		$[44] = t10;
+	} else t10 = $[44];
+	let t11;
+	if ($[45] !== className || $[46] !== t10 || $[47] !== t8 || $[48] !== t9 || $[49] !== table) {
+		t11 = /* @__PURE__ */ jsxs(DataTableRoot, {
+			table,
+			className,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[45] = className;
+		$[46] = t10;
+		$[47] = t8;
+		$[48] = t9;
+		$[49] = table;
+		$[50] = t11;
+	} else t11 = $[50];
+	return t11;
+}
+/**
+* `<DataTable data={…} columns={…} />` renders a complete table with search,
+* filters, sorting, pagination, row selection, row actions and inline editing;
+* columns declare what they take part in. Every piece of state works
+* uncontrolled or controlled (`search` / `filterValues` / `sort` / `page` /
+* `selection`), and with `mode="server"` the same state drives an API.
+*
+* For another layout, create the table with `useDataTable` and compose the
+* parts: `DataTable.Root`, `DataTable.Toolbar`, `DataTable.Search`,
+* `DataTable.Filters`, `DataTable.Filter`, `DataTable.Actions`,
+* `DataTable.Summary`, `DataTable.Content`, `DataTable.Pagination`.
+*/
+function _temp(t0) {
+	const { row } = t0;
+	return row;
+}
+var DataTable = Object.assign(DataTableComponent, {
+	Root: DataTableRoot,
+	Toolbar: DataTableToolbar,
+	Search: DataTableSearch,
+	Filters: DataTableFilters,
+	Filter: DataTableFilter,
+	Actions: DataTableActions,
+	Summary: DataTableSummary,
+	Content: DataTableContent,
+	Pagination: DataTablePagination
+});
+//#endregion
+export { DataTable, useDataTableContext };
+
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":["React","cx","createPrimitive","Pagination","PaginationProps","SearchInput","SearchInputProps","Spinner","DataTableContext","useDataTableContext","DataTableContent","DataTableContentProps","DataTableFilter","DataTableFilters","DataTableControlSize","useDataTable","DataTableInstance","UseDataTableOptions","DataTableVirtualOptions","DataTableFilterProps","DataTableFiltersProps","DataTableRootProps","HTMLAttributes","HTMLDivElement","ref","Ref","table","T","DataTableRoot","t0","$","_c","className","props","t1","t2","loading","rows","length","undefined","t3","t4","DataTableToolbar","DataTableActions","DataTableSearchProps","Omit","DataTableSearch","search","searchDebounce","labels","text","draft","setDraft","useState","seen","setSeen","sent","setSent","next","setSearch","commit","timer","window","setTimeout","clearTimeout","useEffect","next_0","change","t5","t6","clearSearch","DataTableSummary","selection","Set","selected","size","count","pending","selectable","totalCount","filteredCount","DataTablePaginationProps","DataTablePagination","paginated","error","page","pageSize","setPage","setPageSize","DataTableToolbarContext","DataTableProps","pageSizeOptions","controlSize","toolbar","ReactNode","context","DataTableComponent","density","empty","layout","maxHeight","onEndReached","options","stickyHeader","striped","tableProps","virtualized","map","_temp","extra","searchable","Symbol","for","t7","t8","t9","t10","t11","row","DataTable","Object","assign","Root","Toolbar","Search","Filters","Filter","Actions","Summary","Content","_c","_Fragment"],"sources":["../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { createPrimitive } from '../../utils/primitive';\nimport { Pagination, type PaginationProps } from '../pagination/Pagination';\nimport { SearchInput, type SearchInputProps } from '../search-input/SearchInput';\nimport { Spinner } from '../spinner/Spinner';\nimport { DataTableContext, useDataTableContext } from './context';\nimport { DataTableContent, type DataTableContentProps } from './DataTableContent';\nimport { DataTableFilter, DataTableFilters, type DataTableControlSize } from './DataTableFilters';\nimport { useDataTable } from './useDataTable';\nimport type { DataTableInstance, UseDataTableOptions } from './types';\n\nexport { useDataTableContext } from './context';\nexport type { DataTableContentProps, DataTableVirtualOptions } from './DataTableContent';\nexport type { DataTableControlSize, DataTableFilterProps, DataTableFiltersProps } from './DataTableFilters';\n\n// ─── Parts ───────────────────────────────────────────────────────────────────\n\nexport interface DataTableRootProps<T> extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement>;\n  /** The table from `useDataTable`. */\n  table: DataTableInstance<T>;\n}\n\n/** Provides a table to the parts inside it. */\nfunction DataTableRoot<T>({ table, className, ref, ...props }: DataTableRootProps<T>) {\n  return (\n    <DataTableContext.Provider value={table}>\n      <div\n        ref={ref}\n        className={cx('oui-data-table', className)}\n        data-loading={table.loading ? (table.rows.length ? 'refresh' : 'initial') : undefined}\n        {...props}\n      />\n    </DataTableContext.Provider>\n  );\n}\n\nconst DataTableToolbar = createPrimitive('div', 'oui-data-table__toolbar', 'DataTableToolbar');\nconst DataTableActions = createPrimitive('div', 'oui-data-table__actions', 'DataTableActions');\n\nexport interface DataTableSearchProps extends Omit<SearchInputProps, 'value' | 'defaultValue' | 'onValueChange' | 'className'> {\n  className?: string;\n}\n\n/** Search box of the table. Typing applies after the table's `searchDebounce`; clearing applies at once. */\nfunction DataTableSearch({ className, ...props }: DataTableSearchProps) {\n  const table = useDataTableContext();\n  const { search, searchDebounce, labels: text } = table;\n  const [draft, setDraft] = React.useState(search);\n  const [seen, setSeen] = React.useState(search);\n  const [sent, setSent] = React.useState(search);\n\n  // Follow a search set from outside (reset, controlled state), but not the echo\n  // of our own change: it can arrive after the user has typed further.\n  if (seen !== search) {\n    setSeen(search);\n    if (search !== sent) {\n      setSent(search);\n      setDraft(search);\n    }\n  }\n\n  const commit = (next: string) => {\n    setSent(next);\n    table.setSearch(next);\n  };\n\n  // Typed text that has not been applied yet goes out once the typing pauses.\n  React.useEffect(() => {\n    if (draft === sent) return;\n    const timer = window.setTimeout(() => commit(draft), searchDebounce);\n    return () => window.clearTimeout(timer);\n    // `commit` is new on every render; only a change of the text restarts the wait.\n  }, [draft, sent, searchDebounce]);\n\n  const change = (next: string) => {\n    setDraft(next);\n    if (!searchDebounce || !next) commit(next);\n  };\n\n  return (\n    <SearchInput\n      className={cx('oui-data-table__search', className)}\n      aria-label={text.search}\n      placeholder={text.search}\n      clearLabel={text.clearSearch}\n      {...props}\n      value={draft}\n      onValueChange={change}\n    />\n  );\n}\n\n/** Row count, or the number of selected rows, with a spinner while loading. */\nfunction DataTableSummary({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n  const table = useDataTableContext();\n  const text = table.labels;\n  const selected = new Set(table.selection).size;\n  return (\n    <>\n      {table.loading && <Spinner className=\"oui-data-table__spinner\" label={text.loading} />}\n      <span className={cx('oui-data-table__summary', className)} aria-live=\"polite\" {...props}>\n        {/* No count before the first rows arrive: \"0 records\" would be wrong. */}\n        {table.selectable && selected\n          ? text.selected(selected)\n          : table.pending\n            ? null\n            : table.count !== table.totalCount\n              ? text.filteredCount(table.count, table.totalCount)\n              : text.count(table.count)}\n      </span>\n    </>\n  );\n}\n\nexport interface DataTablePaginationProps\n  extends Omit<PaginationProps, 'page' | 'pageSize' | 'total' | 'onPageChange' | 'onPageSizeChange'> {}\n\n/** Page navigation of the table. Renders nothing when there are no rows, or the table is not paginated. */\nfunction DataTablePagination({ className, ...props }: DataTablePaginationProps) {\n  const table = useDataTableContext();\n  if (!table.paginated || table.count <= 0 || table.error) return null;\n  return (\n    <Pagination\n      className={cx('oui-data-table__pagination', className)}\n      variant=\"simple\"\n      labels={table.labels}\n      {...props}\n      page={table.page}\n      pageSize={table.pageSize}\n      total={table.count}\n      onPageChange={table.setPage}\n      onPageSizeChange={table.setPageSize}\n    />\n  );\n}\n\n// ─── Convenience component ───────────────────────────────────────────────────\n\nexport interface DataTableToolbarContext<T> {\n  /** Rows after filters, search and sorting, across all pages. In server mode: the current page. */\n  rows: T[];\n  /** Ids of the selected rows. */\n  selection: string[];\n  /** The whole table: filter values, sort, setters. */\n  table: DataTableInstance<T>;\n}\n\nexport interface DataTableProps<T> extends UseDataTableOptions<T>, DataTableContentProps {\n  pageSizeOptions?: number[];\n  /** Size of the search box and the filters. */\n  controlSize?: DataTableControlSize;\n  /** Extra toolbar content (export, add…). A function receives the processed rows. */\n  toolbar?: React.ReactNode | ((context: DataTableToolbarContext<T>) => React.ReactNode);\n  className?: string;\n}\n\nfunction DataTableComponent<T>({\n  density,\n  striped,\n  stickyHeader,\n  layout,\n  maxHeight,\n  virtualized,\n  onEndReached,\n  empty,\n  tableProps,\n  pageSizeOptions,\n  controlSize,\n  toolbar,\n  className,\n  ...options\n}: DataTableProps<T>) {\n  // A virtualized table shows all its rows in one scrolling list, unless pages are asked for.\n  const table = useDataTable({ ...options, paginated: options.paginated ?? !virtualized });\n  const extra =\n    typeof toolbar === 'function'\n      ? toolbar({ rows: table.rows.map(({ row }) => row), selection: table.selection, table })\n      : toolbar;\n\n  return (\n    <DataTableRoot table={table} className={className}>\n      <DataTableToolbar>\n        {table.searchable && <DataTableSearch size={controlSize} />}\n        <DataTableFilters size={controlSize} />\n        <DataTableActions>\n          <DataTableSummary />\n          {extra}\n        </DataTableActions>\n      </DataTableToolbar>\n      <DataTableContent\n        density={density}\n        striped={striped}\n        stickyHeader={stickyHeader}\n        layout={layout}\n        maxHeight={maxHeight}\n        virtualized={virtualized}\n        onEndReached={onEndReached}\n        empty={empty}\n        tableProps={tableProps}\n      />\n      <DataTablePagination pageSizeOptions={pageSizeOptions} />\n    </DataTableRoot>\n  );\n}\n\n/**\n * `<DataTable data={…} columns={…} />` renders a complete table with search,\n * filters, sorting, pagination, row selection, row actions and inline editing;\n * columns declare what they take part in. Every piece of state works\n * uncontrolled or controlled (`search` / `filterValues` / `sort` / `page` /\n * `selection`), and with `mode=\"server\"` the same state drives an API.\n *\n * For another layout, create the table with `useDataTable` and compose the\n * parts: `DataTable.Root`, `DataTable.Toolbar`, `DataTable.Search`,\n * `DataTable.Filters`, `DataTable.Filter`, `DataTable.Actions`,\n * `DataTable.Summary`, `DataTable.Content`, `DataTable.Pagination`.\n */\nexport const DataTable = Object.assign(DataTableComponent, {\n  Root: DataTableRoot,\n  Toolbar: DataTableToolbar,\n  Search: DataTableSearch,\n  Filters: DataTableFilters,\n  Filter: DataTableFilter,\n  Actions: DataTableActions,\n  Summary: DataTableSummary,\n  Content: DataTableContent,\n  Pagination: DataTablePagination,\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type TableProps } from '../table/Table';
+export interface DataTableVirtualOptions {
+    /** Height of every row in pixels. Left out, the rows are measured. */
+    rowHeight?: number;
+    /** Rows rendered beyond each edge of the view (default 8). */
+    overscan?: number;
+}
+export interface DataTableContentProps extends Pick<TableProps, 'density' | 'striped' | 'stickyHeader'> {
+    /**
+     * `stable` (default) measures the columns once and holds their widths, keeps a
+     * short last page as tall as a full one, and keeps a row's height while it is
+     * edited: nothing moves while the table is used. `auto` leaves the layout to
+     * the browser, which fits the columns to the rows on screen.
+     */
+    layout?: 'stable' | 'auto';
+    /** Scrolls the rows inside this height and keeps the header in view. */
+    maxHeight?: number | string;
+    /**
+     * Renders only the rows in view, for thousands of rows without pagination.
+     * Rows are one line high: columns fit their longest value, so mark those with
+     * long text `truncate`. Scrolls inside `maxHeight` (default `32rem`).
+     */
+    virtualized?: boolean | DataTableVirtualOptions;
+    /**
+     * Called when the rows are scrolled near their end, once per row count: load
+     * and append the next rows. Needs `maxHeight` or `virtualized`.
+     */
+    onEndReached?: () => void;
+    /** Replaces the default empty state. */
+    empty?: React.ReactNode;
+    tableProps?: Omit<TableProps, 'children'>;
+}
+/** The table itself, with its loading, empty and error states. */
+export declare function DataTableContent({ density, striped, stickyHeader, layout, maxHeight, virtualized, onEndReached, empty, tableProps, }: DataTableContentProps): React.JSX.Element;