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

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

@@ -0,0 +1,444 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { Skeleton } from "../skeleton/Skeleton.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { Button } from "../button/Button.js";
+import { Checkbox } from "../choice/Choice.js";
+import { SearchInput } from "../search-input/SearchInput.js";
+import { matchesQuery } from "../../utils/search.js";
+import { Pagination } from "../pagination/Pagination.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
+import { EmptyState } from "../empty-state/EmptyState.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-table/DataTable.tsx
+var defaultLabels = {
+	search: "Search…",
+	clearSearch: "Clear search",
+	selectAll: "Select all",
+	selectRow: (label) => `Select ${label}`,
+	count: (count) => `${count} ${count === 1 ? "record" : "records"}`,
+	selected: (count) => `${count} selected`,
+	emptyTitle: "No records yet",
+	emptyDescription: "Records will appear here once added.",
+	noMatchTitle: "No matching records",
+	noMatchDescription: "Try a different search.",
+	loading: "Loading",
+	errorTitle: "Could not load records",
+	retry: "Try again"
+};
+function useControlled(value, initial, onChange) {
+	const $ = c(5);
+	const [inner, setInner] = React.useState(initial);
+	let t0;
+	if ($[0] !== onChange) {
+		t0 = (next) => {
+			setInner(next);
+			onChange?.(next);
+		};
+		$[0] = onChange;
+		$[1] = t0;
+	} else t0 = $[1];
+	const set = t0;
+	const t1 = value === void 0 ? inner : value;
+	let t2;
+	if ($[2] !== set || $[3] !== t1) {
+		t2 = [t1, set];
+		$[2] = set;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+function valueOf(column, row) {
+	return column.accessor ? column.accessor(row) : row[column.id];
+}
+function isEmpty(value) {
+	return value === null || value === void 0 || value === "";
+}
+function compareValues(a, b) {
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+	if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
+	return String(a).localeCompare(String(b), void 0, {
+		numeric: true,
+		sensitivity: "base"
+	});
+}
+var INTERACTIVE = "a, button, input, select, textarea, label, [role=\"checkbox\"], [role=\"button\"]";
+/**
+* Table with built-in search, sorting, pagination and row selection. Every
+* piece of state works uncontrolled or controlled (`search` / `sort` / `page` /
+* `selection`), e.g. to persist it in the URL. With `mode="server"` the same
+* state drives an API instead: pass the fetched page as `data`, plus `total`
+* and `loading`. For custom layouts compose `Table` and `Pagination`.
+*/
+function DataTable(t0) {
+	const $ = c(66);
+	const { data, columns, mode: t1, total, loading, error, onRetry, getRowId, searchable: t2, search: searchProp, defaultSearch: t3, onSearchChange, filter, sort: sortProp, defaultSort: t4, onSortChange, paginated: t5, page: pageProp, onPageChange, pageSize: pageSizeProp, defaultPageSize: t6, onPageSizeChange, pageSizeOptions, selection, onSelectionChange, onRowClick, rowLabel, toolbar, empty, labels, density, striped, stickyHeader, className, tableProps } = t0;
+	const mode = t1 === void 0 ? "client" : t1;
+	const searchable = t2 === void 0 ? true : t2;
+	const defaultSearch = t3 === void 0 ? "" : t3;
+	const defaultSort = t4 === void 0 ? null : t4;
+	const paginated = t5 === void 0 ? true : t5;
+	const defaultPageSize = t6 === void 0 ? 10 : t6;
+	const text = {
+		...defaultLabels,
+		...labels
+	};
+	const [search, setSearch] = useControlled(searchProp, defaultSearch, onSearchChange);
+	const [sort, setSort] = useControlled(sortProp, defaultSort, onSortChange);
+	const [page, setPage] = useControlled(pageProp, 1, onPageChange);
+	const [pageSize, setPageSize] = useControlled(pageSizeProp, defaultPageSize, onPageSizeChange);
+	const server = mode === "server";
+	const selectable = Boolean(onSelectionChange);
+	let t7;
+	if ($[0] !== selection) {
+		t7 = new Set(selection);
+		$[0] = selection;
+		$[1] = t7;
+	} else t7 = $[1];
+	const selected = t7;
+	const sortable = _temp;
+	let t8;
+	if ($[2] !== getRowId) {
+		t8 = (row, index) => getRowId?.(row, index) ?? String(row.id ?? index);
+		$[2] = getRowId;
+		$[3] = t8;
+	} else t8 = $[3];
+	const idOf = t8;
+	let t9;
+	if ($[4] !== idOf) {
+		t9 = (row_0, index_0) => ({
+			row: row_0,
+			id: idOf(row_0, index_0)
+		});
+		$[4] = idOf;
+		$[5] = t9;
+	} else t9 = $[5];
+	let rows = data.map(t9);
+	if (!server && search.trim()) {
+		const searchColumns = columns.filter(_temp2);
+		rows = rows.filter((t10) => {
+			const { row: row_1 } = t10;
+			return filter ? filter(row_1, search) : matchesQuery(searchColumns.map((column_1) => valueOf(column_1, row_1) ?? "").join(" "), search);
+		});
+	}
+	let t10;
+	if ($[6] !== columns || $[7] !== sort) {
+		t10 = sort && columns.find((candidate) => candidate.id === sort.id);
+		$[6] = columns;
+		$[7] = sort;
+		$[8] = t10;
+	} else t10 = $[8];
+	const sortColumn = t10;
+	if (!server && sort && sortColumn) {
+		const direction = sort.direction === "asc" ? 1 : -1;
+		let t11;
+		if ($[9] !== direction || $[10] !== sortColumn) {
+			t11 = (a, b) => {
+				if (sortColumn.compare) return direction * sortColumn.compare(a.row, b.row);
+				const [av, bv] = [valueOf(sortColumn, a.row), valueOf(sortColumn, b.row)];
+				if (isEmpty(av) || isEmpty(bv)) return Number(isEmpty(av)) - Number(isEmpty(bv));
+				return direction * compareValues(av, bv);
+			};
+			$[9] = direction;
+			$[10] = sortColumn;
+			$[11] = t11;
+		} else t11 = $[11];
+		rows = [...rows].sort(t11);
+	}
+	const count = server ? total ?? rows.length : rows.length;
+	const pageCount = Math.max(1, Math.ceil(count / pageSize));
+	const currentPage = Math.min(Math.max(1, page), pageCount);
+	const visible = paginated && !server ? rows.slice((currentPage - 1) * pageSize, currentPage * pageSize) : rows;
+	let t11;
+	if ($[12] !== data.length || $[13] !== search || $[14] !== server) {
+		t11 = server ? Boolean(search.trim()) : data.length > 0;
+		$[12] = data.length;
+		$[13] = search;
+		$[14] = server;
+		$[15] = t11;
+	} else t11 = $[15];
+	const filtered = t11;
+	const placeholders = loading && !rows.length && !error ? Math.min(paginated ? pageSize : 5, 10) : 0;
+	let t12;
+	if ($[16] !== selected) {
+		t12 = (t13) => {
+			const { id } = t13;
+			return selected.has(id);
+		};
+		$[16] = selected;
+		$[17] = t12;
+	} else t12 = $[17];
+	const selectedInView = rows.filter(t12).length;
+	const allSelected = rows.length > 0 && selectedInView === rows.length;
+	const toggleAll = (checked) => {
+		const ids = new Set(rows.map(_temp3));
+		const kept = (selection ?? []).filter((id_1) => !ids.has(id_1));
+		onSelectionChange?.(checked ? [...kept, ...ids] : kept);
+	};
+	let t13;
+	if ($[18] !== setSort || $[19] !== sort) {
+		t13 = (id_2) => setSort(sort?.id !== id_2 ? {
+			id: id_2,
+			direction: "asc"
+		} : sort.direction === "asc" ? {
+			id: id_2,
+			direction: "desc"
+		} : null);
+		$[18] = setSort;
+		$[19] = sort;
+		$[20] = t13;
+	} else t13 = $[20];
+	const toggleSort = t13;
+	let t14;
+	if ($[21] !== setPage || $[22] !== setSearch) {
+		t14 = (next) => {
+			setSearch(next);
+			setPage(1);
+		};
+		$[21] = setPage;
+		$[22] = setSearch;
+		$[23] = t14;
+	} else t14 = $[23];
+	const changeSearch = t14;
+	const extra = typeof toolbar === "function" ? toolbar({
+		rows: rows.map(_temp4),
+		selection: selection ?? []
+	}) : toolbar;
+	let t15;
+	if ($[24] !== className) {
+		t15 = cx("oui-data-table", className);
+		$[24] = className;
+		$[25] = t15;
+	} else t15 = $[25];
+	const T0 = Table;
+	const t16 = loading || void 0;
+	const t17 = selectable && /* @__PURE__ */ jsx(TableHead, {
+		className: "oui-data-table__check",
+		children: /* @__PURE__ */ jsx(Checkbox, {
+			size: "sm",
+			"aria-label": text.selectAll,
+			checked: allSelected,
+			indeterminate: selectedInView > 0 && !allSelected,
+			disabled: !rows.length,
+			onCheckedChange: (checked_0) => toggleAll(checked_0)
+		})
+	});
+	let t18;
+	if ($[26] !== columns || $[27] !== sort || $[28] !== toggleSort) {
+		let t19;
+		if ($[30] !== sort || $[31] !== toggleSort) {
+			t19 = (column_2) => /* @__PURE__ */ jsx(TableHead, {
+				align: column_2.align ?? (column_2.numeric ? "end" : "start"),
+				style: column_2.width !== void 0 ? { width: column_2.width } : void 0,
+				sort: sortable(column_2) ? sort?.id === column_2.id ? sort.direction : false : void 0,
+				onSort: () => toggleSort(column_2.id),
+				children: column_2.header
+			}, column_2.id);
+			$[30] = sort;
+			$[31] = toggleSort;
+			$[32] = t19;
+		} else t19 = $[32];
+		t18 = columns.map(t19);
+		$[26] = columns;
+		$[27] = sort;
+		$[28] = toggleSort;
+		$[29] = t18;
+	} else t18 = $[29];
+	let t19;
+	if ($[33] !== t17 || $[34] !== t18) {
+		t19 = /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [t17, t18] }) });
+		$[33] = t17;
+		$[34] = t18;
+		$[35] = t19;
+	} else t19 = $[35];
+	const T1 = TableBody;
+	let t20;
+	if ($[36] !== columns || $[37] !== placeholders || $[38] !== selectable) {
+		let t21;
+		if ($[40] !== columns || $[41] !== selectable) {
+			t21 = (_, index_1) => /* @__PURE__ */ jsxs(TableRow, {
+				"aria-hidden": true,
+				children: [selectable && /* @__PURE__ */ jsx(TableCell, { className: "oui-data-table__check" }), columns.map((column_3, position) => /* @__PURE__ */ jsx(TableCell, {
+					align: column_3.align,
+					numeric: column_3.numeric,
+					children: /* @__PURE__ */ jsx(Skeleton, {
+						className: "oui-data-table__skeleton",
+						width: `${45 + (index_1 * 3 + position * 5) % 7 * 8}%`
+					})
+				}, column_3.id))]
+			}, index_1);
+			$[40] = columns;
+			$[41] = selectable;
+			$[42] = t21;
+		} else t21 = $[42];
+		t20 = Array.from({ length: placeholders }, t21);
+		$[36] = columns;
+		$[37] = placeholders;
+		$[38] = selectable;
+		$[39] = t20;
+	} else t20 = $[39];
+	const t21 = !error && visible.map((t22) => {
+		const { row: row_3, id: id_3 } = t22;
+		const isSelected = selected.has(id_3);
+		return /* @__PURE__ */ jsxs(TableRow, {
+			"data-selected": isSelected || void 0,
+			"data-clickable": onRowClick ? "" : void 0,
+			tabIndex: onRowClick ? 0 : void 0,
+			"aria-label": onRowClick ? rowLabel?.(row_3) : void 0,
+			onClick: (event) => {
+				if (!onRowClick || event.ctrlKey || event.metaKey) return;
+				if (event.target.closest(INTERACTIVE)) return;
+				onRowClick(row_3);
+			},
+			onKeyDown: (event_0) => {
+				if (onRowClick && event_0.target === event_0.currentTarget && event_0.key === "Enter") onRowClick(row_3);
+			},
+			children: [selectable && /* @__PURE__ */ jsx(TableCell, {
+				className: "oui-data-table__check",
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					size: "sm",
+					"aria-label": text.selectRow(rowLabel?.(row_3) ?? id_3),
+					checked: isSelected,
+					onCheckedChange: (checked_1) => onSelectionChange?.(checked_1 ? [...selection ?? [], id_3] : (selection ?? []).filter((item) => item !== id_3))
+				})
+			}), columns.map((column_4) => {
+				const value = column_4.cell ? column_4.cell(row_3) : valueOf(column_4, row_3);
+				return /* @__PURE__ */ jsx(TableCell, {
+					align: column_4.align,
+					numeric: column_4.numeric,
+					children: column_4.cell || React.isValidElement(value) ? value : isEmpty(value) ? "—" : String(value)
+				}, column_4.id);
+			})]
+		}, id_3);
+	});
+	let t23;
+	if ($[43] !== T1 || $[44] !== t20 || $[45] !== t21) {
+		t23 = /* @__PURE__ */ jsxs(T1, { children: [t20, t21] });
+		$[43] = T1;
+		$[44] = t20;
+		$[45] = t21;
+		$[46] = t23;
+	} else t23 = $[46];
+	let t24;
+	if ($[47] !== T0 || $[48] !== density || $[49] !== stickyHeader || $[50] !== striped || $[51] !== t16 || $[52] !== t19 || $[53] !== t23 || $[54] !== tableProps) {
+		t24 = /* @__PURE__ */ jsxs(T0, {
+			density,
+			striped,
+			stickyHeader,
+			"aria-busy": t16,
+			...tableProps,
+			children: [t19, t23]
+		});
+		$[47] = T0;
+		$[48] = density;
+		$[49] = stickyHeader;
+		$[50] = striped;
+		$[51] = t16;
+		$[52] = t19;
+		$[53] = t23;
+		$[54] = tableProps;
+		$[55] = t24;
+	} else t24 = $[55];
+	let t25;
+	if ($[56] !== count || $[57] !== currentPage || $[58] !== error || $[59] !== labels || $[60] !== pageSize || $[61] !== pageSizeOptions || $[62] !== paginated || $[63] !== setPage || $[64] !== setPageSize) {
+		t25 = paginated && count > 0 && !error && /* @__PURE__ */ jsx(Pagination, {
+			className: "oui-data-table__pagination",
+			variant: "simple",
+			page: currentPage,
+			pageSize,
+			total: count,
+			onPageChange: setPage,
+			onPageSizeChange: (size) => {
+				setPageSize(size);
+				setPage(1);
+			},
+			pageSizeOptions,
+			labels
+		});
+		$[56] = count;
+		$[57] = currentPage;
+		$[58] = error;
+		$[59] = labels;
+		$[60] = pageSize;
+		$[61] = pageSizeOptions;
+		$[62] = paginated;
+		$[63] = setPage;
+		$[64] = setPageSize;
+		$[65] = t25;
+	} else t25 = $[65];
+	return /* @__PURE__ */ jsxs("div", {
+		className: t15,
+		"data-loading": loading ? rows.length ? "refresh" : "initial" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "oui-data-table__toolbar",
+				children: [searchable && /* @__PURE__ */ jsx(SearchInput, {
+					className: "oui-data-table__search",
+					"aria-label": text.search,
+					placeholder: text.search,
+					clearLabel: text.clearSearch,
+					value: search,
+					onValueChange: changeSearch
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "oui-data-table__actions",
+					children: [
+						loading && /* @__PURE__ */ jsx(Spinner, {
+							className: "oui-data-table__spinner",
+							label: text.loading
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "oui-data-table__summary",
+							"aria-live": "polite",
+							children: selectable && selected.size ? text.selected(selected.size) : placeholders ? null : text.count(count)
+						}),
+						extra
+					]
+				})]
+			}),
+			t24,
+			error ? /* @__PURE__ */ jsx(EmptyState, {
+				role: "alert",
+				title: text.errorTitle,
+				description: error,
+				actions: onRetry ? /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "secondary",
+					onClick: onRetry,
+					children: text.retry
+				}) : void 0
+			}) : !rows.length && !loading && (empty ?? /* @__PURE__ */ jsx(EmptyState, {
+				title: filtered ? text.noMatchTitle : text.emptyTitle,
+				description: filtered ? text.noMatchDescription : text.emptyDescription,
+				actions: search ? /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "secondary",
+					onClick: () => changeSearch(""),
+					children: text.clearSearch
+				}) : void 0
+			})),
+			t25
+		]
+	});
+}
+function _temp4(t0) {
+	const { row: row_2 } = t0;
+	return row_2;
+}
+function _temp3(t0) {
+	const { id: id_0 } = t0;
+	return id_0;
+}
+function _temp2(column_0) {
+	return column_0.searchable ?? (column_0.accessor !== void 0 || column_0.cell === void 0);
+}
+function _temp(column) {
+	return column.sortable ?? (column.accessor !== void 0 || column.cell === void 0);
+}
+//#endregion
+export { DataTable };
+
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":["React","cx","matchesQuery","Button","Checkbox","EmptyState","Pagination","PaginationLabels","SearchInput","Skeleton","Spinner","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","TableProps","DataTableColumn","id","header","ReactNode","accessor","row","T","cell","sortable","searchable","compare","a","b","align","numeric","width","DataTableSort","direction","DataTableLabels","search","clearSearch","selectAll","selectRow","label","count","selected","emptyTitle","emptyDescription","noMatchTitle","noMatchDescription","loading","errorTitle","retry","defaultLabels","Omit","DataTableToolbarContext","rows","selection","DataTableProps","Pick","data","columns","mode","total","error","onRetry","getRowId","index","defaultSearch","onSearchChange","filter","sort","defaultSort","onSortChange","paginated","page","onPageChange","pageSize","defaultPageSize","onPageSizeChange","pageSizeOptions","onSelectionChange","onRowClick","rowLabel","toolbar","context","empty","labels","Partial","className","tableProps","useControlled","value","initial","onChange","$","_c","inner","setInner","useState","t0","next","set","t1","undefined","t2","const","valueOf","column","Record","isEmpty","compareValues","Date","getTime","Number","String","localeCompare","sensitivity","INTERACTIVE","DataTable","searchProp","t3","sortProp","t4","t5","pageProp","pageSizeProp","t6","density","striped","stickyHeader","text","setSearch","setSort","setPage","setPageSize","server","selectable","Boolean","t7","Set","_temp","t8","idOf","t9","row_0","index_0","map","trim","searchColumns","_temp2","t10","row_1","column_1","join","find","candidate","sortColumn","t11","av","bv","length","pageCount","Math","max","ceil","currentPage","min","visible","slice","filtered","placeholders","t12","t13","has","selectedInView","allSelected","toggleAll","checked","ids","_temp3","kept","id_1","id_2","toggleSort","t14","changeSearch","extra","_temp4","t15","T0","t16","t17","checked_0","t18","t19","column_2","T1","t20","t21","_","index_1","column_3","position","Array","from","t22","row_3","id_3","isSelected","event","ctrlKey","metaKey","target","HTMLElement","closest","event_0","currentTarget","key","checked_1","item","column_4","isValidElement","t23","t24","t25","size","row_2","id_0","column_0","_c"],"sources":["../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { matchesQuery } from '../../utils/search';\nimport { Button } from '../button/Button';\nimport { Checkbox } from '../choice/Choice';\nimport { EmptyState } from '../empty-state/EmptyState';\nimport { Pagination, type PaginationLabels } from '../pagination/Pagination';\nimport { SearchInput } from '../search-input/SearchInput';\nimport { Skeleton } from '../skeleton/Skeleton';\nimport { Spinner } from '../spinner/Spinner';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, type TableProps } from '../table/Table';\n\nexport interface DataTableColumn<T> {\n  /** Unique key. Also the property read from the row when there is no `accessor`. */\n  id: string;\n  header: React.ReactNode;\n  /** Value used for sorting, searching and the default cell. Defaults to `row[id]`. */\n  accessor?: (row: T) => unknown;\n  /** Custom cell content. */\n  cell?: (row: T) => React.ReactNode;\n  /** Defaults to `true`, or `false` for columns that only define `cell` (actions, icons). */\n  sortable?: boolean;\n  /** Include this column in the built-in search. Same default as `sortable`. */\n  searchable?: boolean;\n  /** Custom ascending comparison. */\n  compare?: (a: T, b: T) => number;\n  align?: 'start' | 'center' | 'end';\n  /** Right-align with tabular figures. */\n  numeric?: boolean;\n  width?: number | string;\n}\n\nexport interface DataTableSort {\n  id: string;\n  direction: 'asc' | 'desc';\n}\n\nexport interface DataTableLabels extends PaginationLabels {\n  search: string;\n  clearSearch: string;\n  selectAll: string;\n  selectRow: (label: string) => string;\n  count: (count: number) => React.ReactNode;\n  selected: (count: number) => React.ReactNode;\n  emptyTitle: React.ReactNode;\n  emptyDescription: React.ReactNode;\n  noMatchTitle: React.ReactNode;\n  noMatchDescription: React.ReactNode;\n  loading: string;\n  errorTitle: React.ReactNode;\n  retry: string;\n}\n\nconst defaultLabels: Omit<DataTableLabels, keyof PaginationLabels> = {\n  search: 'Search…',\n  clearSearch: 'Clear search',\n  selectAll: 'Select all',\n  selectRow: (label) => `Select ${label}`,\n  count: (count) => `${count} ${count === 1 ? 'record' : 'records'}`,\n  selected: (count) => `${count} selected`,\n  emptyTitle: 'No records yet',\n  emptyDescription: 'Records will appear here once added.',\n  noMatchTitle: 'No matching records',\n  noMatchDescription: 'Try a different search.',\n  loading: 'Loading',\n  errorTitle: 'Could not load records',\n  retry: 'Try again',\n};\n\nexport interface DataTableToolbarContext<T> {\n  /** Rows after 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}\n\nexport interface DataTableProps<T> extends Pick<TableProps, 'density' | 'striped' | 'stickyHeader'> {\n  /** All rows, or in server mode the rows of the current page. */\n  data: T[];\n  columns: DataTableColumn<T>[];\n  /**\n   * `server` renders `data` as it is: search, sorting and pagination are left to\n   * the API, driven by the `search` / `sort` / `page` / `pageSize` callbacks.\n   */\n  mode?: 'client' | 'server';\n  /** Server mode: number of rows across all pages. */\n  total?: number;\n  /** Shows placeholder rows when there is no data yet, and dims the rows during a refetch. */\n  loading?: boolean;\n  /** Error message shown in place of the rows. */\n  error?: React.ReactNode;\n  /** Adds a retry button to the error message. */\n  onRetry?: () => void;\n  /** Stable id per row, needed for selection. Defaults to `row.id`, then the index. */\n  getRowId?: (row: T, index: number) => string;\n\n  /** Show the search box (default `true`). */\n  searchable?: boolean;\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  /** Replaces the built-in search, which matches every term against the searchable columns. */\n  filter?: (row: T, search: string) => boolean;\n\n  sort?: DataTableSort | null;\n  defaultSort?: DataTableSort | null;\n  onSortChange?: (sort: DataTableSort | null) => void;\n\n  /** Paginate rows (default `true`). */\n  paginated?: boolean;\n  page?: number;\n  onPageChange?: (page: number) => void;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: number[];\n\n  /**\n   * Selected row ids. Passing `onSelectionChange` adds the checkbox column.\n   * Select-all covers every filtered row, or in server mode the current page.\n   */\n  selection?: string[];\n  onSelectionChange?: (selection: string[]) => void;\n\n  /** Makes rows clickable and keyboard-activatable (Enter). */\n  onRowClick?: (row: T) => void;\n  /** Accessible name of a row, used by row selection and clickable rows. */\n  rowLabel?: (row: T) => string;\n\n  /** Extra toolbar content (filters, export…). A function receives the processed rows. */\n  toolbar?: React.ReactNode | ((context: DataTableToolbarContext<T>) => React.ReactNode);\n  /** Replaces the default empty state. */\n  empty?: React.ReactNode;\n  /** Override texts for localisation. */\n  labels?: Partial<DataTableLabels>;\n  className?: string;\n  tableProps?: Omit<TableProps, 'children'>;\n}\n\nfunction useControlled<V>(value: V | undefined, initial: V, onChange?: (value: V) => void) {\n  const [inner, setInner] = React.useState(initial);\n  const set = (next: V) => {\n    setInner(next);\n    onChange?.(next);\n  };\n  return [value === undefined ? inner : value, set] as const;\n}\n\nfunction valueOf<T>(column: DataTableColumn<T>, row: T): unknown {\n  return column.accessor ? column.accessor(row) : (row as Record<string, unknown>)[column.id];\n}\n\n// Empty values sort last in both directions.\nfunction isEmpty(value: unknown) {\n  return value === null || value === undefined || value === '';\n}\n\nfunction compareValues(a: unknown, b: unknown): number {\n  if (typeof a === 'number' && typeof b === 'number') return a - b;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === 'boolean' && typeof b === 'boolean') return Number(a) - Number(b);\n  return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: 'base' });\n}\n\nconst INTERACTIVE = 'a, button, input, select, textarea, label, [role=\"checkbox\"], [role=\"button\"]';\n\n/**\n * Table with built-in search, sorting, pagination and row selection. Every\n * piece of state works uncontrolled or controlled (`search` / `sort` / `page` /\n * `selection`), e.g. to persist it in the URL. With `mode=\"server\"` the same\n * state drives an API instead: pass the fetched page as `data`, plus `total`\n * and `loading`. For custom layouts compose `Table` and `Pagination`.\n */\nexport function DataTable<T>({\n  data,\n  columns,\n  mode = 'client',\n  total,\n  loading,\n  error,\n  onRetry,\n  getRowId,\n  searchable = true,\n  search: searchProp,\n  defaultSearch = '',\n  onSearchChange,\n  filter,\n  sort: sortProp,\n  defaultSort = null,\n  onSortChange,\n  paginated = true,\n  page: pageProp,\n  onPageChange,\n  pageSize: pageSizeProp,\n  defaultPageSize = 10,\n  onPageSizeChange,\n  pageSizeOptions,\n  selection,\n  onSelectionChange,\n  onRowClick,\n  rowLabel,\n  toolbar,\n  empty,\n  labels,\n  density,\n  striped,\n  stickyHeader,\n  className,\n  tableProps,\n}: DataTableProps<T>) {\n  const text = { ...defaultLabels, ...labels };\n  const [search, setSearch] = useControlled(searchProp, defaultSearch, onSearchChange);\n  const [sort, setSort] = useControlled(sortProp, defaultSort, onSortChange);\n  const [page, setPage] = useControlled(pageProp, 1, onPageChange);\n  const [pageSize, setPageSize] = useControlled(pageSizeProp, defaultPageSize, onPageSizeChange);\n  const server = mode === 'server';\n  const selectable = Boolean(onSelectionChange);\n  const selected = new Set(selection);\n\n  const sortable = (column: DataTableColumn<T>) => column.sortable ?? (column.accessor !== undefined || column.cell === undefined);\n\n  const idOf = (row: T, index: number) => getRowId?.(row, index) ?? String((row as { id?: unknown }).id ?? index);\n  let rows = data.map((row, index) => ({ row, id: idOf(row, index) }));\n\n  if (!server && search.trim()) {\n    const searchColumns = columns.filter(\n      (column) => column.searchable ?? (column.accessor !== undefined || column.cell === undefined),\n    );\n    rows = rows.filter(({ row }) =>\n      filter\n        ? filter(row, search)\n        : matchesQuery(searchColumns.map((column) => valueOf(column, row) ?? '').join(' '), search),\n    );\n  }\n\n  const sortColumn = sort && columns.find((candidate) => candidate.id === sort.id);\n  if (!server && sort && sortColumn) {\n    const direction = sort.direction === 'asc' ? 1 : -1;\n    rows = [...rows].sort((a, b) => {\n      if (sortColumn.compare) return direction * sortColumn.compare(a.row, b.row);\n      const [av, bv] = [valueOf(sortColumn, a.row), valueOf(sortColumn, b.row)];\n      if (isEmpty(av) || isEmpty(bv)) return Number(isEmpty(av)) - Number(isEmpty(bv));\n      return direction * compareValues(av, bv);\n    });\n  }\n\n  const count = server ? (total ?? rows.length) : rows.length;\n  const pageCount = Math.max(1, Math.ceil(count / pageSize));\n  const currentPage = Math.min(Math.max(1, page), pageCount);\n  const visible = paginated && !server ? rows.slice((currentPage - 1) * pageSize, currentPage * pageSize) : rows;\n  const filtered = server ? Boolean(search.trim()) : data.length > 0;\n  const placeholders = loading && !rows.length && !error ? Math.min(paginated ? pageSize : 5, 10) : 0;\n\n  const selectedInView = rows.filter(({ id }) => selected.has(id)).length;\n  const allSelected = rows.length > 0 && selectedInView === rows.length;\n\n  const toggleAll = (checked: boolean) => {\n    const ids = new Set(rows.map(({ id }) => id));\n    const kept = (selection ?? []).filter((id) => !ids.has(id));\n    onSelectionChange?.(checked ? [...kept, ...ids] : kept);\n  };\n\n  const toggleSort = (id: string) =>\n    setSort(sort?.id !== id ? { id, direction: 'asc' } : sort.direction === 'asc' ? { id, direction: 'desc' } : null);\n\n  const changeSearch = (next: string) => {\n    setSearch(next);\n    setPage(1);\n  };\n\n  const extra =\n    typeof toolbar === 'function'\n      ? toolbar({ rows: rows.map(({ row }) => row), selection: selection ?? [] })\n      : toolbar;\n\n  return (\n    <div\n      className={cx('oui-data-table', className)}\n      data-loading={loading ? (rows.length ? 'refresh' : 'initial') : undefined}\n    >\n      <div className=\"oui-data-table__toolbar\">\n        {searchable && (\n          <SearchInput\n            className=\"oui-data-table__search\"\n            aria-label={text.search}\n            placeholder={text.search}\n            clearLabel={text.clearSearch}\n            value={search}\n            onValueChange={changeSearch}\n          />\n        )}\n        <div className=\"oui-data-table__actions\">\n          {loading && <Spinner className=\"oui-data-table__spinner\" label={text.loading} />}\n          <span className=\"oui-data-table__summary\" aria-live=\"polite\">\n            {/* No count before the first rows arrive: \"0 records\" would be wrong. */}\n            {selectable && selected.size ? text.selected(selected.size) : placeholders ? null : text.count(count)}\n          </span>\n          {extra}\n        </div>\n      </div>\n\n      <Table density={density} striped={striped} stickyHeader={stickyHeader} aria-busy={loading || undefined} {...tableProps}>\n        <TableHeader>\n          <TableRow>\n            {selectable && (\n              <TableHead className=\"oui-data-table__check\">\n                <Checkbox\n                  size=\"sm\"\n                  aria-label={text.selectAll}\n                  checked={allSelected}\n                  indeterminate={selectedInView > 0 && !allSelected}\n                  disabled={!rows.length}\n                  onCheckedChange={(checked) => 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={column.width !== undefined ? { width: column.width } : undefined}\n                sort={sortable(column) ? (sort?.id === column.id ? sort.direction : false) : undefined}\n                onSort={() => toggleSort(column.id)}\n              >\n                {column.header}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {Array.from({ length: placeholders }, (_, index) => (\n            <TableRow key={index} aria-hidden>\n              {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            </TableRow>\n          ))}\n          {!error && visible.map(({ row, id }) => {\n            const isSelected = selected.has(id);\n            return (\n              <TableRow\n                key={id}\n                data-selected={isSelected || undefined}\n                data-clickable={onRowClick ? '' : undefined}\n                tabIndex={onRowClick ? 0 : undefined}\n                aria-label={onRowClick ? rowLabel?.(row) : undefined}\n                onClick={(event) => {\n                  if (!onRowClick || event.ctrlKey || event.metaKey) return;\n                  if ((event.target as HTMLElement).closest(INTERACTIVE)) return;\n                  onRowClick(row);\n                }}\n                onKeyDown={(event) => {\n                  if (onRowClick && event.target === event.currentTarget && event.key === 'Enter') onRowClick(row);\n                }}\n              >\n                {selectable && (\n                  <TableCell className=\"oui-data-table__check\">\n                    <Checkbox\n                      size=\"sm\"\n                      aria-label={text.selectRow(rowLabel?.(row) ?? id)}\n                      checked={isSelected}\n                      onCheckedChange={(checked) =>\n                        onSelectionChange?.(\n                          checked ? [...(selection ?? []), id] : (selection ?? []).filter((item) => item !== id),\n                        )\n                      }\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column) => {\n                  const value = column.cell ? column.cell(row) : valueOf(column, row);\n                  return (\n                    <TableCell key={column.id} align={column.align} numeric={column.numeric}>\n                      {column.cell || React.isValidElement(value) ? (value as React.ReactNode) : isEmpty(value) ? '—' : String(value)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n        </TableBody>\n      </Table>\n\n      {error ? (\n        <EmptyState\n          role=\"alert\"\n          title={text.errorTitle}\n          description={error}\n          actions={\n            onRetry ? (\n              <Button size=\"sm\" variant=\"secondary\" onClick={onRetry}>\n                {text.retry}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        !rows.length &&\n        !loading &&\n        (empty ?? (\n          <EmptyState\n            title={filtered ? text.noMatchTitle : text.emptyTitle}\n            description={filtered ? text.noMatchDescription : text.emptyDescription}\n            actions={\n              search ? (\n                <Button size=\"sm\" variant=\"secondary\" onClick={() => changeSearch('')}>\n                  {text.clearSearch}\n                </Button>\n              ) : undefined\n            }\n          />\n        ))\n      )}\n\n      {paginated && count > 0 && !error && (\n        <Pagination\n          className=\"oui-data-table__pagination\"\n          variant=\"simple\"\n          page={currentPage}\n          pageSize={pageSize}\n          total={count}\n          onPageChange={setPage}\n          onPageSizeChange={(size) => {\n            setPageSize(size);\n            setPage(1);\n          }}\n          pageSizeOptions={pageSizeOptions}\n          labels={labels}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { type CalendarLabels, type CalendarProps } from '../calendar/Calendar';
+import { type PickerFieldProps } from './PickerField';
+export interface DatePickerLabels extends CalendarLabels {
+    today: string;
+    clear: string;
+    done: string;
+    time: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+}
+interface PickerProps extends PickerFieldProps, Pick<CalendarProps, 'isDateDisabled' | 'defaultMonth' | 'locale' | 'weekStartsOn'> {
+    value?: string | null;
+    defaultValue?: string | null;
+    /** Called with the new value, or `null` when cleared. */
+    onValueChange?: (value: string | null) => void;
+    /** Earliest allowed value. */
+    min?: string;
+    /** Latest allowed value. */
+    max?: string;
+    /** Submits the value with a form under this name. */
+    name?: string;
+    /** Show the Clear action. Defaults to `true` unless `required`. */
+    clearable?: boolean;
+    /** Custom display text for the selected value. */
+    formatValue?: (value: string) => React.ReactNode;
+    /** Override texts for localisation. */
+    labels?: Partial<DatePickerLabels>;
+}
+export interface DatePickerProps extends PickerProps {
+}
+/**
+ * Date field with a calendar popover. Values are ISO dates (`"2026-03-09"`),
+ * the same format as `<input type="date">`, and are shown the same way.
+ */
+export declare function DatePicker(props: DatePickerProps): React.JSX.Element;
+export interface DateTimePickerProps extends PickerProps {
+    /** Granularity of the time input in seconds (60 = minutes, 1 = seconds). */
+    step?: number;
+    /** Time used when a day is picked before any time is set. */
+    defaultTime?: string;
+}
+/**
+ * Date and time field. Values are local ISO date-times (`"2026-03-09T14:30"`),
+ * the same format as `<input type="datetime-local">`, shown as `2026-03-09 14:30:00`
+ * on a 24-hour clock whatever the locale.
+ */
+export declare function DateTimePicker(props: DateTimePickerProps): React.JSX.Element;
+export {};