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

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

@@ -0,0 +1,552 @@
+"use client";
+import { CheckIcon, PencilIcon, TrashIcon, XIcon } from "../../icons/index.js";
+import { IconButton } from "../button/Button.js";
+import { Input } from "../input/Input.js";
+import { Select } from "../select/Select.js";
+import { Checkbox } from "../choice/Choice.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { TableCell, TableRow } from "../table/Table.js";
+import { getColumnValue } from "./useDataTable.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/DataTableRow.tsx
+var INTERACTIVE = "a, button, input, select, textarea, label, [role=\"checkbox\"], [role=\"button\"], [role=\"combobox\"]";
+function isEmpty(value) {
+	return value === null || value === void 0 || value === "";
+}
+function labelOf(column) {
+	return column.label ?? (typeof column.header === "string" ? column.header : column.id);
+}
+function editOf(column) {
+	if (!column.edit) return null;
+	const config = typeof column.edit === "string" ? { type: column.edit } : column.edit;
+	return {
+		...config,
+		field: config.field ?? column.id
+	};
+}
+/** Whether the column's editor is the built-in text input, which takes the focus when editing starts. */
+function isTextEditor(column) {
+	const edit = editOf(column);
+	return edit !== null && !edit.render && (edit.type ?? "text") === "text";
+}
+function isAction(item) {
+	return typeof item === "object" && item !== null && !React.isValidElement(item) && "label" in item && "icon" in item;
+}
+/** What a cell shows outside editing: the column's `cell`, or its value as text. */
+function cellContent(column, row) {
+	if (column.cell) return column.cell(row);
+	const value = getColumnValue(column, row);
+	if (React.isValidElement(value)) return value;
+	return isEmpty(value) ? "—" : String(value);
+}
+function ActionButton(t0) {
+	const $ = c(13);
+	let danger;
+	let icon;
+	let label;
+	let props;
+	if ($[0] !== t0) {
+		({label, icon, danger, ...props} = t0);
+		$[0] = t0;
+		$[1] = danger;
+		$[2] = icon;
+		$[3] = label;
+		$[4] = props;
+	} else {
+		danger = $[1];
+		icon = $[2];
+		label = $[3];
+		props = $[4];
+	}
+	const t1 = danger ? "" : void 0;
+	let t2;
+	if ($[5] !== icon || $[6] !== label || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			className: "oui-data-table__action",
+			"aria-label": label,
+			"data-danger": t1,
+			...props,
+			children: icon
+		});
+		$[5] = icon;
+		$[6] = label;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== label || $[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tooltip, {
+			content: label,
+			children: t2
+		});
+		$[10] = label;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+}
+function Editor(t0) {
+	const $ = c(16);
+	const { table, column, edit, row, autoFocus } = t0;
+	let t1;
+	let t2;
+	if ($[0] !== autoFocus || $[1] !== column || $[2] !== edit || $[3] !== row || $[4] !== table) {
+		t2 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const value = table.editValue(row, edit.field);
+			let t3;
+			if ($[7] !== edit.field || $[8] !== table) {
+				t3 = (next) => table.setEditValue(edit.field, next);
+				$[7] = edit.field;
+				$[8] = table;
+				$[9] = t3;
+			} else t3 = $[9];
+			const setValue = t3;
+			const disabled = table.saving;
+			let t4;
+			if ($[10] !== column) {
+				t4 = labelOf(column);
+				$[10] = column;
+				$[11] = t4;
+			} else t4 = $[11];
+			const label = t4;
+			if (edit.render) {
+				t2 = edit.render({
+					row,
+					value,
+					setValue,
+					disabled
+				});
+				break bb0;
+			}
+			if (edit.type === "checkbox") {
+				t2 = /* @__PURE__ */ jsx(Checkbox, {
+					size: "sm",
+					"aria-label": label,
+					checked: Boolean(value),
+					disabled,
+					onCheckedChange: setValue
+				});
+				break bb0;
+			}
+			if (edit.type === "select") {
+				let t5;
+				if ($[12] !== edit.options) {
+					t5 = edit.options ?? [];
+					$[12] = edit.options;
+					$[13] = t5;
+				} else t5 = $[13];
+				let t6;
+				if ($[14] !== label) {
+					t6 = { "aria-label": label };
+					$[14] = label;
+					$[15] = t6;
+				} else t6 = $[15];
+				t2 = /* @__PURE__ */ jsx(Select, {
+					size: "sm",
+					items: t5,
+					value: isEmpty(value) ? null : String(value),
+					onValueChange: setValue,
+					disabled,
+					triggerProps: t6
+				});
+				break bb0;
+			}
+			t1 = /* @__PURE__ */ jsx(Input, {
+				size: "sm",
+				"aria-label": label,
+				autoFocus,
+				disabled,
+				...edit.inputProps,
+				value: isEmpty(value) ? "" : String(value),
+				onValueChange: setValue
+			});
+		}
+		$[0] = autoFocus;
+		$[1] = column;
+		$[2] = edit;
+		$[3] = row;
+		$[4] = table;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		t1 = $[5];
+		t2 = $[6];
+	}
+	if (t2 !== Symbol.for("react.early_return_sentinel")) return t2;
+	return t1;
+}
+/** Trailing cell of a row: its own actions, then edit and delete; save and cancel while it is edited. */
+function RowActions(t0) {
+	const $ = c(21);
+	const { table, entry: t1, onEdit } = t0;
+	const { row, id } = t1;
+	const text = table.labels;
+	const editing = table.editingId === id;
+	let T0;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== editing || $[1] !== id || $[2] !== onEdit || $[3] !== row || $[4] !== table || $[5] !== text) {
+		const actions = table.rowActions?.(row);
+		const slots = table.editable ? table.deletable ? 3 : 2 : 0;
+		T0 = TableCell;
+		t5 = "oui-data-table__row-actions";
+		t2 = "oui-data-table__row-actions-list";
+		if ($[11] !== slots) {
+			t3 = slots ? { minWidth: `calc(${slots} * var(--oui-control-height-sm) + ${(slots - 1) * .125}rem)` } : void 0;
+			$[11] = slots;
+			$[12] = t3;
+		} else t3 = $[12];
+		t4 = editing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(ActionButton, {
+				label: text.save,
+				icon: /* @__PURE__ */ jsx(CheckIcon, {}),
+				loading: table.saving,
+				onClick: table.saveEdit
+			}),
+			table.deletable && /* @__PURE__ */ jsx(ActionButton, {
+				label: text.delete,
+				icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+				danger: true,
+				disabled: table.saving,
+				onClick: () => table.deleteRow(row)
+			}),
+			/* @__PURE__ */ jsx(ActionButton, {
+				label: text.cancel,
+				icon: /* @__PURE__ */ jsx(XIcon, {}),
+				disabled: table.saving,
+				onClick: table.cancelEdit
+			})
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			(Array.isArray(actions) ? actions : [actions]).map(_temp),
+			table.editable && /* @__PURE__ */ jsx(ActionButton, {
+				label: text.edit,
+				icon: /* @__PURE__ */ jsx(PencilIcon, {}),
+				disabled: table.saving,
+				onClick: (event) => {
+					onEdit?.(event.currentTarget);
+					table.startEdit(id);
+				}
+			}),
+			table.deletable && !table.editable && /* @__PURE__ */ jsx(ActionButton, {
+				label: text.delete,
+				icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+				danger: true,
+				onClick: () => table.deleteRow(row)
+			})
+		] });
+		$[0] = editing;
+		$[1] = id;
+		$[2] = onEdit;
+		$[3] = row;
+		$[4] = table;
+		$[5] = text;
+		$[6] = T0;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else {
+		T0 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+		t5 = $[10];
+	}
+	let t6;
+	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			style: t3,
+			children: t4
+		});
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== T0 || $[18] !== t5 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsx(T0, {
+			className: t5,
+			children: t6
+		});
+		$[17] = T0;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
+}
+function _temp(item, index) {
+	return isAction(item) ? /* @__PURE__ */ jsx(ActionButton, {
+		label: item.label,
+		icon: item.icon,
+		danger: item.danger,
+		disabled: item.disabled,
+		onClick: item.onClick
+	}, item.label) : /* @__PURE__ */ jsx(React.Fragment, { children: item }, index);
+}
+function Row(t0) {
+	const $ = c(63);
+	const { table, entry, columns, hasActions, focused, index, height } = t0;
+	const { row, id } = entry;
+	const editing = table.editingId === id;
+	const virtual = index !== void 0;
+	const [editHeight, setEditHeight] = React.useState();
+	const onRowClick = editing ? void 0 : table.onRowClick;
+	let t1;
+	if ($[0] !== row || $[1] !== table) {
+		t1 = table.rowProps?.(row);
+		$[0] = row;
+		$[1] = table;
+		$[2] = t1;
+	} else t1 = $[2];
+	const extra = t1;
+	const held = height ?? (editing ? editHeight : void 0);
+	let t2;
+	if ($[3] !== extra?.style || $[4] !== held) {
+		t2 = held !== void 0 ? {
+			height: held,
+			...extra?.style
+		} : extra?.style;
+		$[3] = extra?.style;
+		$[4] = held;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = virtual ? index + 2 : void 0;
+	let t4;
+	if ($[6] !== id || $[7] !== table) {
+		t4 = table.isSelected(id) || void 0;
+		$[6] = id;
+		$[7] = table;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = onRowClick ? "" : void 0;
+	const t6 = editing ? "" : void 0;
+	let t7;
+	if ($[9] !== row || $[10] !== table) {
+		t7 = table.rowTone?.(row) ?? void 0;
+		$[9] = row;
+		$[10] = table;
+		$[11] = t7;
+	} else t7 = $[11];
+	const t8 = onRowClick ? 0 : extra?.tabIndex;
+	let t9;
+	if ($[12] !== extra || $[13] !== onRowClick || $[14] !== row || $[15] !== table) {
+		t9 = onRowClick ? table.rowLabel?.(row) : extra?.["aria-label"];
+		$[12] = extra;
+		$[13] = onRowClick;
+		$[14] = row;
+		$[15] = table;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== extra || $[18] !== onRowClick || $[19] !== row) {
+		t10 = (event) => {
+			extra?.onClick?.(event);
+			if (!onRowClick || event.ctrlKey || event.metaKey) return;
+			if (event.target.closest(INTERACTIVE)) return;
+			onRowClick(row);
+		};
+		$[17] = extra;
+		$[18] = onRowClick;
+		$[19] = row;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== editing || $[22] !== extra || $[23] !== onRowClick || $[24] !== row || $[25] !== table) {
+		t11 = (event_0) => {
+			extra?.onKeyDown?.(event_0);
+			if (onRowClick && event_0.target === event_0.currentTarget && event_0.key === "Enter") onRowClick(row);
+			if (!editing || !event_0.currentTarget.contains(event_0.target)) return;
+			if (event_0.key === "Escape") table.cancelEdit();
+			if (event_0.key === "Enter" && event_0.target.tagName === "INPUT") table.saveEdit();
+		};
+		$[21] = editing;
+		$[22] = extra;
+		$[23] = onRowClick;
+		$[24] = row;
+		$[25] = table;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== id || $[28] !== row || $[29] !== table) {
+		t12 = table.selectable && /* @__PURE__ */ jsx(TableCell, {
+			className: "oui-data-table__check",
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				size: "sm",
+				"aria-label": table.labels.selectRow(table.rowLabel?.(row) ?? id),
+				checked: table.isSelected(id),
+				onCheckedChange: (checked) => table.toggleRow(id, checked)
+			})
+		});
+		$[27] = id;
+		$[28] = row;
+		$[29] = table;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== columns || $[32] !== editing || $[33] !== focused || $[34] !== row || $[35] !== table || $[36] !== virtual) {
+		let t14;
+		if ($[38] !== editing || $[39] !== focused || $[40] !== row || $[41] !== table || $[42] !== virtual) {
+			t14 = (column) => {
+				const edit = editing ? editOf(column) : null;
+				const className = typeof column.cellClassName === "function" ? column.cellClassName(row) : column.cellClassName;
+				const value = getColumnValue(column, row);
+				const title = (column.truncate || virtual) && !edit && (typeof value === "string" || typeof value === "number");
+				return /* @__PURE__ */ jsx(TableCell, {
+					align: column.align,
+					numeric: column.numeric,
+					className,
+					title: title ? String(value) : void 0,
+					"data-mono": column.mono || void 0,
+					"data-muted": column.muted || void 0,
+					"data-truncate": column.truncate && !edit || void 0,
+					"data-editor": edit ? "" : void 0,
+					children: edit ? /* @__PURE__ */ jsx(Editor, {
+						table,
+						column,
+						edit,
+						row,
+						autoFocus: column.id === focused
+					}) : cellContent(column, row)
+				}, column.id);
+			};
+			$[38] = editing;
+			$[39] = focused;
+			$[40] = row;
+			$[41] = table;
+			$[42] = virtual;
+			$[43] = t14;
+		} else t14 = $[43];
+		t13 = columns.map(t14);
+		$[31] = columns;
+		$[32] = editing;
+		$[33] = focused;
+		$[34] = row;
+		$[35] = table;
+		$[36] = virtual;
+		$[37] = t13;
+	} else t13 = $[37];
+	let t14;
+	if ($[44] !== entry || $[45] !== hasActions || $[46] !== table) {
+		t14 = hasActions && /* @__PURE__ */ jsx(RowActions, {
+			table,
+			entry,
+			onEdit: (button) => setEditHeight(button.closest("tr")?.getBoundingClientRect().height)
+		});
+		$[44] = entry;
+		$[45] = hasActions;
+		$[46] = table;
+		$[47] = t14;
+	} else t14 = $[47];
+	let t15;
+	if ($[48] !== extra || $[49] !== t10 || $[50] !== t11 || $[51] !== t12 || $[52] !== t13 || $[53] !== t14 || $[54] !== t2 || $[55] !== t3 || $[56] !== t4 || $[57] !== t5 || $[58] !== t6 || $[59] !== t7 || $[60] !== t8 || $[61] !== t9) {
+		t15 = /* @__PURE__ */ jsxs(TableRow, {
+			...extra,
+			style: t2,
+			"aria-rowindex": t3,
+			"data-selected": t4,
+			"data-clickable": t5,
+			"data-editing": t6,
+			"data-tone": t7,
+			tabIndex: t8,
+			"aria-label": t9,
+			onClick: t10,
+			onKeyDown: t11,
+			children: [
+				t12,
+				t13,
+				t14
+			]
+		});
+		$[48] = extra;
+		$[49] = t10;
+		$[50] = t11;
+		$[51] = t12;
+		$[52] = t13;
+		$[53] = t14;
+		$[54] = t2;
+		$[55] = t3;
+		$[56] = t4;
+		$[57] = t5;
+		$[58] = t6;
+		$[59] = t7;
+		$[60] = t8;
+		$[61] = t9;
+		$[62] = t15;
+	} else t15 = $[62];
+	return t15;
+}
+var DataTableRow = React.memo(Row);
+/**
+* A row that only gives its columns their width: what the cells would show, at
+* no height. Rendered while the column widths are measured, never painted.
+*/
+function SizerRow(t0) {
+	const $ = c(15);
+	const { table, entry, columns, hasActions } = t0;
+	let t1;
+	if ($[0] !== table.selectable) {
+		t1 = table.selectable && /* @__PURE__ */ jsx(TableCell, { className: "oui-data-table__check" });
+		$[0] = table.selectable;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== columns || $[3] !== entry) {
+		let t3;
+		if ($[5] !== entry) {
+			t3 = (column) => /* @__PURE__ */ jsx(TableCell, {
+				align: column.align,
+				numeric: column.numeric,
+				"data-mono": column.mono || void 0,
+				"data-truncate": column.truncate || void 0,
+				children: !column.truncate && /* @__PURE__ */ jsx("div", {
+					className: "oui-data-table__sizer-content",
+					children: cellContent(column, entry.row)
+				})
+			}, column.id);
+			$[5] = entry;
+			$[6] = t3;
+		} else t3 = $[6];
+		t2 = columns.map(t3);
+		$[2] = columns;
+		$[3] = entry;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[7] !== entry || $[8] !== hasActions || $[9] !== table) {
+		t3 = hasActions && /* @__PURE__ */ jsx(RowActions, {
+			table,
+			entry
+		});
+		$[7] = entry;
+		$[8] = hasActions;
+		$[9] = table;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(TableRow, { children: [
+			t1,
+			t2,
+			t3
+		] });
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+//#endregion
+export { DataTableRow, RowActions, SizerRow, cellContent, isTextEditor };
+
+//# sourceMappingURL=DataTableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRow.js","names":["React","CheckIcon","PencilIcon","TrashIcon","XIcon","IconButton","IconButtonProps","Checkbox","Input","Select","TableCell","TableRow","Tooltip","getColumnValue","DataTableColumn","DataTableColumnEdit","DataTableEntry","DataTableInstance","DataTableRowAction","INTERACTIVE","isEmpty","value","undefined","labelOf","column","T","label","header","id","ResolvedEdit","Omit","field","editOf","edit","config","type","isTextEditor","render","isAction","item","isValidElement","cellContent","row","ReactNode","cell","String","ActionButtonProps","icon","danger","ActionButton","t0","$","_c","props","t1","t2","t3","EditorProps","table","autoFocus","Editor","Symbol","for","bb0","editValue","next","setEditValue","setValue","disabled","saving","t4","Boolean","t5","options","t6","inputProps","RowActionsProps","entry","onEdit","button","HTMLElement","RowActions","text","labels","editing","editingId","T0","actions","rowActions","slots","editable","deletable","minWidth","save","saveEdit","delete","deleteRow","cancel","cancelEdit","Array","isArray","map","_temp","event","currentTarget","startEdit","t7","index","onClick","DataTableRowProps","columns","hasActions","focused","height","Row","virtual","editHeight","setEditHeight","useState","onRowClick","rowProps","extra","held","style","isSelected","rowTone","t8","tabIndex","t9","rowLabel","t10","ctrlKey","metaKey","target","closest","t11","event_0","onKeyDown","key","contains","Node","tagName","t12","selectable","selectRow","checked","toggleRow","t13","t14","className","cellClassName","title","truncate","align","numeric","mono","muted","getBoundingClientRect","t15","DataTableRow","memo","SizerRow","_c","_Fragment"],"sources":["../../../src/components/data-table/DataTableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CheckIcon, PencilIcon, TrashIcon, XIcon } from '../../icons';\nimport { IconButton, type IconButtonProps } from '../button/Button';\nimport { Checkbox } from '../choice/Choice';\nimport { Input } from '../input/Input';\nimport { Select } from '../select/Select';\nimport { TableCell, TableRow } from '../table/Table';\nimport { Tooltip } from '../tooltip/Tooltip';\nimport { getColumnValue } from './useDataTable';\nimport type { DataTableColumn, DataTableColumnEdit, DataTableEntry, DataTableInstance, DataTableRowAction } from './types';\n\nconst INTERACTIVE = 'a, button, input, select, textarea, label, [role=\"checkbox\"], [role=\"button\"], [role=\"combobox\"]';\n\nfunction isEmpty(value: unknown) {\n  return value === null || value === undefined || value === '';\n}\n\nfunction labelOf<T>(column: DataTableColumn<T>) {\n  return column.label ?? (typeof column.header === 'string' ? column.header : column.id);\n}\n\ntype ResolvedEdit<T> = Omit<DataTableColumnEdit<T>, 'field'> & { field: string };\n\nfunction editOf<T>(column: DataTableColumn<T>): ResolvedEdit<T> | null {\n  if (!column.edit) return null;\n  const config = typeof column.edit === 'string' ? { type: column.edit } : column.edit;\n  return { ...config, field: config.field ?? column.id };\n}\n\n/** Whether the column's editor is the built-in text input, which takes the focus when editing starts. */\nexport function isTextEditor<T>(column: DataTableColumn<T>) {\n  const edit = editOf(column);\n  return edit !== null && !edit.render && (edit.type ?? 'text') === 'text';\n}\n\nfunction isAction(item: unknown): item is DataTableRowAction {\n  return typeof item === 'object' && item !== null && !React.isValidElement(item) && 'label' in item && 'icon' in item;\n}\n\n/** What a cell shows outside editing: the column's `cell`, or its value as text. */\nexport function cellContent<T>(column: DataTableColumn<T>, row: T): React.ReactNode {\n  if (column.cell) return column.cell(row);\n  const value = getColumnValue(column, row);\n  if (React.isValidElement(value)) return value;\n  return isEmpty(value) ? '—' : String(value);\n}\n\ninterface ActionButtonProps extends Omit<IconButtonProps, 'aria-label' | 'children'> {\n  label: string;\n  icon: React.ReactNode;\n  danger?: boolean;\n}\n\nfunction ActionButton({ label, icon, danger, ...props }: ActionButtonProps) {\n  return (\n    <Tooltip content={label}>\n      <IconButton size=\"sm\" className=\"oui-data-table__action\" aria-label={label} data-danger={danger ? '' : undefined} {...props}>\n        {icon}\n      </IconButton>\n    </Tooltip>\n  );\n}\n\ninterface EditorProps<T> {\n  table: DataTableInstance<T>;\n  column: DataTableColumn<T>;\n  edit: ResolvedEdit<T>;\n  row: T;\n  autoFocus: boolean;\n}\n\nfunction Editor<T>({ table, column, edit, row, autoFocus }: EditorProps<T>) {\n  const value = table.editValue(row, edit.field);\n  const setValue = (next: unknown) => table.setEditValue(edit.field, next);\n  const disabled = table.saving;\n  const label = labelOf(column);\n\n  if (edit.render) return edit.render({ row, value, setValue, disabled });\n  if (edit.type === 'checkbox') {\n    return <Checkbox size=\"sm\" aria-label={label} checked={Boolean(value)} disabled={disabled} onCheckedChange={setValue} />;\n  }\n  if (edit.type === 'select') {\n    return (\n      <Select\n        size=\"sm\"\n        items={edit.options ?? []}\n        value={isEmpty(value) ? null : String(value)}\n        onValueChange={setValue}\n        disabled={disabled}\n        triggerProps={{ 'aria-label': label }}\n      />\n    );\n  }\n  return (\n    <Input\n      size=\"sm\"\n      aria-label={label}\n      autoFocus={autoFocus}\n      disabled={disabled}\n      {...edit.inputProps}\n      value={isEmpty(value) ? '' : String(value)}\n      onValueChange={setValue}\n    />\n  );\n}\n\ninterface RowActionsProps<T> {\n  table: DataTableInstance<T>;\n  entry: DataTableEntry<T>;\n  /** Called with the edit button before editing starts. */\n  onEdit?: (button: HTMLElement) => void;\n}\n\n/** Trailing cell of a row: its own actions, then edit and delete; save and cancel while it is edited. */\nexport function RowActions<T>({ table, entry: { row, id }, onEdit }: RowActionsProps<T>) {\n  const text = table.labels;\n  const editing = table.editingId === id;\n  const actions = table.rowActions?.(row);\n  // Room for the buttons of the edited state from the start, so entering it does not widen the column.\n  const slots = table.editable ? (table.deletable ? 3 : 2) : 0;\n  return (\n    <TableCell className=\"oui-data-table__row-actions\">\n      <div\n        className=\"oui-data-table__row-actions-list\"\n        style={slots ? { minWidth: `calc(${slots} * var(--oui-control-height-sm) + ${(slots - 1) * 0.125}rem)` } : undefined}\n      >\n        {editing ? (\n          <>\n            <ActionButton label={text.save} icon={<CheckIcon />} loading={table.saving} onClick={table.saveEdit} />\n            {table.deletable && (\n              <ActionButton label={text.delete} icon={<TrashIcon />} danger disabled={table.saving} onClick={() => table.deleteRow(row)} />\n            )}\n            <ActionButton label={text.cancel} icon={<XIcon />} disabled={table.saving} onClick={table.cancelEdit} />\n          </>\n        ) : (\n          <>\n            {(Array.isArray(actions) ? actions : [actions]).map((item, index) =>\n              isAction(item) ? (\n                <ActionButton\n                  key={item.label}\n                  label={item.label}\n                  icon={item.icon}\n                  danger={item.danger}\n                  disabled={item.disabled}\n                  onClick={item.onClick}\n                />\n              ) : (\n                <React.Fragment key={index}>{item}</React.Fragment>\n              ),\n            )}\n            {table.editable && (\n              <ActionButton\n                label={text.edit}\n                icon={<PencilIcon />}\n                disabled={table.saving}\n                onClick={(event) => {\n                  onEdit?.(event.currentTarget);\n                  table.startEdit(id);\n                }}\n              />\n            )}\n            {table.deletable && !table.editable && (\n              <ActionButton label={text.delete} icon={<TrashIcon />} danger onClick={() => table.deleteRow(row)} />\n            )}\n          </>\n        )}\n      </div>\n    </TableCell>\n  );\n}\n\nexport interface DataTableRowProps<T> {\n  table: DataTableInstance<T>;\n  entry: DataTableEntry<T>;\n  columns: DataTableColumn<T>[];\n  hasActions: boolean;\n  /** Id of the column whose editor takes the focus when editing starts. */\n  focused?: string;\n  /** Virtualized tables: position among all rows, and the height every row shares. */\n  index?: number;\n  height?: number;\n}\n\nfunction Row<T>({ table, entry, columns, hasActions, focused, index, height }: DataTableRowProps<T>) {\n  const { row, id } = entry;\n  const editing = table.editingId === id;\n  const virtual = index !== undefined;\n  // Height the row had when its editing started: the editors fit inside it, so the rows below stay put.\n  const [editHeight, setEditHeight] = React.useState<number>();\n  const onRowClick = editing ? undefined : table.onRowClick;\n  const extra = table.rowProps?.(row);\n  const held = height ?? (editing ? editHeight : undefined);\n\n  return (\n    <TableRow\n      {...extra}\n      style={held !== undefined ? { height: held, ...extra?.style } : extra?.style}\n      aria-rowindex={virtual ? index + 2 : undefined}\n      data-selected={table.isSelected(id) || undefined}\n      data-clickable={onRowClick ? '' : undefined}\n      data-editing={editing ? '' : undefined}\n      data-tone={table.rowTone?.(row) ?? undefined}\n      tabIndex={onRowClick ? 0 : extra?.tabIndex}\n      aria-label={onRowClick ? table.rowLabel?.(row) : extra?.['aria-label']}\n      onClick={(event) => {\n        extra?.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        extra?.onKeyDown?.(event);\n        if (onRowClick && event.target === event.currentTarget && event.key === 'Enter') onRowClick(row);\n        // Popups of the editors are portalled out of the row: their keys are not the row's.\n        if (!editing || !event.currentTarget.contains(event.target as Node)) return;\n        if (event.key === 'Escape') table.cancelEdit();\n        if (event.key === 'Enter' && (event.target as HTMLElement).tagName === 'INPUT') table.saveEdit();\n      }}\n    >\n      {table.selectable && (\n        <TableCell className=\"oui-data-table__check\">\n          <Checkbox\n            size=\"sm\"\n            aria-label={table.labels.selectRow(table.rowLabel?.(row) ?? id)}\n            checked={table.isSelected(id)}\n            onCheckedChange={(checked) => table.toggleRow(id, checked)}\n          />\n        </TableCell>\n      )}\n      {columns.map((column) => {\n        const edit = editing ? editOf(column) : null;\n        const className = typeof column.cellClassName === 'function' ? column.cellClassName(row) : column.cellClassName;\n        const value = getColumnValue(column, row);\n        // Cut text can still be read in full by pointing at it.\n        const title = (column.truncate || virtual) && !edit && (typeof value === 'string' || typeof value === 'number');\n        return (\n          <TableCell\n            key={column.id}\n            align={column.align}\n            numeric={column.numeric}\n            className={className}\n            title={title ? String(value) : undefined}\n            data-mono={column.mono || undefined}\n            data-muted={column.muted || undefined}\n            data-truncate={(column.truncate && !edit) || undefined}\n            data-editor={edit ? '' : undefined}\n          >\n            {edit ? (\n              <Editor table={table} column={column} edit={edit} row={row} autoFocus={column.id === focused} />\n            ) : (\n              cellContent(column, row)\n            )}\n          </TableCell>\n        );\n      })}\n      {hasActions && (\n        <RowActions\n          table={table}\n          entry={entry}\n          onEdit={(button) => setEditHeight(button.closest('tr')?.getBoundingClientRect().height)}\n        />\n      )}\n    </TableRow>\n  );\n}\n\n// Memoized by hand: scrolling a virtualized table renders its content on every\n// step, and the rows that stay in view have nothing new to show.\nexport const DataTableRow = React.memo(Row) as typeof Row;\n\n/**\n * A row that only gives its columns their width: what the cells would show, at\n * no height. Rendered while the column widths are measured, never painted.\n */\nexport function SizerRow<T>({ table, entry, columns, hasActions }: DataTableRowProps<T>) {\n  return (\n    <TableRow>\n      {table.selectable && <TableCell className=\"oui-data-table__check\" />}\n      {columns.map((column) => (\n        <TableCell\n          key={column.id}\n          align={column.align}\n          numeric={column.numeric}\n          data-mono={column.mono || undefined}\n          data-truncate={column.truncate || undefined}\n        >\n          {!column.truncate && <div className=\"oui-data-table__sizer-content\">{cellContent(column, entry.row)}</div>}\n        </TableCell>\n      ))}\n      {hasActions && <RowActions table={table} entry={entry} />}\n    </TableRow>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAMmB,cAAc;AAEpB,SAASC,QAAQC,OAAgB;CAC/B,OAAOA,UAAU,QAAQA,UAAUC,KAAAA,KAAaD,UAAU;AAC5D;AAEA,SAASE,QAAWC,QAA4B;CAC9C,OAAOA,OAAOE,UAAU,OAAOF,OAAOG,WAAW,WAAWH,OAAOG,SAASH,OAAOI;AACrF;AAIA,SAASI,OAAUR,QAAoD;CACrE,IAAI,CAACA,OAAOS,MAAM,OAAO;CACzB,MAAMC,SAAS,OAAOV,OAAOS,SAAS,WAAW,EAAEE,MAAMX,OAAOS,KAAK,IAAIT,OAAOS;CAChF,OAAO;EAAE,GAAGC;EAAQH,OAAOG,OAAOH,SAASP,OAAOI;CAAG;AACvD;;AAGA,SAAgBQ,aAAgBZ,QAA4B;CAC1D,MAAMS,OAAOD,OAAOR,MAAM;CAC1B,OAAOS,SAAS,QAAQ,CAACA,KAAKI,WAAWJ,KAAKE,QAAQ,YAAY;AACpE;AAEA,SAASG,SAASC,MAA2C;CAC3D,OAAO,OAAOA,SAAS,YAAYA,SAAS,QAAQ,CAACvC,MAAMwC,eAAeD,IAAI,KAAK,WAAWA,QAAQ,UAAUA;AAClH;;AAGA,SAAgBE,YAAejB,QAA4BkB,KAAyB;CAClF,IAAIlB,OAAOoB,MAAM,OAAOpB,OAAOoB,KAAKF,GAAG;CACvC,MAAMrB,QAAQR,eAAeW,QAAQkB,GAAG;CACxC,IAAI1C,MAAMwC,eAAenB,KAAK,GAAG,OAAOA;CACxC,OAAOD,QAAQC,KAAK,IAAI,MAAMwB,OAAOxB,KAAK;AAC5C;AAQA,SAAA4B,aAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAJ;CAAA,IAAAD;CAAA,IAAArB;CAAA,IAAA2B;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAsB,CAAA,CAAAxB,OAAAqB,MAAAC,QAAA,GAAAK,SAAAH;EAAoDC,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAJ;EAAAI,EAAA,KAAAzB;EAAAyB,EAAA,KAAAE;CAAA,OAAA;EAAAL,SAAAG,EAAA;EAAAJ,OAAAI,EAAA;EAAAzB,QAAAyB,EAAA;EAAAE,QAAAF,EAAA;CAAA;CAGqB,MAAAG,KAAAN,SAAA,KAAA1B,KAAAA;CAAuB,IAAAiC;CAAA,IAAAJ,EAAA,OAAAJ,QAAAI,EAAA,OAAAzB,SAAAyB,EAAA,OAAAE,SAAAF,EAAA,OAAAG,IAAA;EAAhHC,KAAA,oBAAC,YAAD;GAAiB,MAAA;GAAe,WAAA;GAAqC7B,cAAAA;GAAoB,eAAA4B;GAAuB,GAAMD;GACnHN,UAAAA;EADQ,CAAA;EAEEI,EAAA,KAAAJ;EAAAI,EAAA,KAAAzB;EAAAyB,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,QAAAzB,SAAAyB,EAAA,QAAAI,IAAA;EAHfC,KAAA,oBAAC,SAAD;GAAkB9B,SAAAA;GAChB6B,UAAAA;EADM,CAAA;EAIEJ,EAAA,MAAAzB;EAAAyB,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAJVK;AAIU;AAYd,SAAAI,OAAAV,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAmB,MAAA,EAAAM,OAAAlC,QAAAS,MAAAS,KAAAiB,cAAAT;CAAuD,IAAAI;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAQ,aAAAR,EAAA,OAAA3B,UAAA2B,EAAA,OAAAlB,QAAAkB,EAAA,OAAAT,OAAAS,EAAA,OAAAO,OAAA;EAMhDH,KAAAM,OAA+CC,IAA/C,6BAA8C;EAACC,KAAA;GALvE,MAAA1C,QAAcqC,MAAKM,UAAWtB,KAAKT,KAAIF,KAAM;GAAE,IAAAyB;GAAA,IAAAL,EAAA,OAAAlB,KAAAF,SAAAoB,EAAA,OAAAO,OAAA;IAC9BF,MAAAS,SAAmBP,MAAKQ,aAAcjC,KAAIF,OAAQkC,IAAI;IAACd,EAAA,KAAAlB,KAAAF;IAAAoB,EAAA,KAAAO;IAAAP,EAAA,KAAAK;GAAA,OAAAA,KAAAL,EAAA;GAAxE,MAAAgB,WAAiBX;GACjB,MAAAY,WAAiBV,MAAKW;GAAQ,IAAAC;GAAA,IAAAnB,EAAA,QAAA3B,QAAA;IAChB8C,KAAA/C,QAAQC,MAAM;IAAC2B,EAAA,MAAA3B;IAAA2B,EAAA,MAAAmB;GAAA,OAAAA,KAAAnB,EAAA;GAA7B,MAAAzB,QAAc4C;GAEd,IAAIrC,KAAII,QAAO;IAASkB,KAAAtB,KAAII,OAAQ;KAAAK;KAAArB;KAAA8C;KAAAC;IAAiC,CAAC;IAA9C,MAAAL;GAA+C;GACvE,IAAI9B,KAAIE,SAAU,YAAU;IACnBoB,KAAA,oBAAC,UAAD;KAAe,MAAA;KAAiB7B,cAAAA;KAAgB,SAAA6C,QAAQlD,KAAK;KAAa+C;KAA2BD,iBAAAA;IAAQ,CAAA;IAA7G,MAAAJ;GAAiH;GAE1H,IAAI9B,KAAIE,SAAU,UAAQ;IAAA,IAAAqC;IAAA,IAAArB,EAAA,QAAAlB,KAAAwC,SAAA;KAIbD,KAAAvC,KAAIwC,WAAJ,CAAA;KAAkBtB,EAAA,MAAAlB,KAAAwC;KAAAtB,EAAA,MAAAqB;IAAA,OAAAA,KAAArB,EAAA;IAAA,IAAAuB;IAAA,IAAAvB,EAAA,QAAAzB,OAAA;KAIXgD,KAAA,EAAA,cAAgBhD,MAAM;KAACyB,EAAA,MAAAzB;KAAAyB,EAAA,MAAAuB;IAAA,OAAAA,KAAAvB,EAAA;IANvCI,KAAA,oBAAC,QAAD;KACO,MAAA;KACE,OAAAiB;KACA,OAAApD,QAAQC,KAA4B,IAApC,OAAwBwB,OAAOxB,KAAK;KAC5B8C,eAAAA;KACLC;KACI,cAAAM;IAAuB,CAAA;IANvC,MAAAX;GAOE;GAIJT,KAAA,oBAAC,OAAD;IACO,MAAA;IACO5B,cAAAA;IACDiC;IACDS;IAAQ,GACdnC,KAAI0C;IACD,OAAAvD,QAAQC,KAA0B,IAAlC,KAAsBwB,OAAOxB,KAAK;IAC1B8C,eAAAA;GAAQ,CAAA;EACvB;EAAAhB,EAAA,KAAAQ;EAAAR,EAAA,KAAA3B;EAAA2B,EAAA,KAAAlB;EAAAkB,EAAA,KAAAT;EAAAS,EAAA,KAAAO;EAAAP,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAD,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAAA,IAAAI,OAAAM,OAAAC,IAAA,6BAAA,GAAA,OAAAP;CAAA,OARFD;AAQE;;AAYN,SAAO2B,WAAA/B,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAuB,MAAA,EAAAM,OAAAmB,OAAAvB,IAAAwB,WAAA5B;CAAgB,MAAA,EAAAR,KAAAd,OAAA0B;CAC5C,MAAA4B,OAAaxB,MAAKyB;CAClB,MAAAC,UAAgB1B,MAAK2B,cAAezD;CAAG,IAAA0D;CAAA,IAAA/B;CAAA,IAAAC;CAAA,IAAAc;CAAA,IAAAE;CAAA,IAAArB,EAAA,OAAAiC,WAAAjC,EAAA,OAAAvB,MAAAuB,EAAA,OAAA2B,UAAA3B,EAAA,OAAAT,OAAAS,EAAA,OAAAO,SAAAP,EAAA,OAAA+B,MAAA;EACvC,MAAAK,UAAgB7B,MAAK8B,aAAc9C,GAAG;EAEtC,MAAA+C,QAAc/B,MAAKgC,WAAahC,MAAKiC,YAAL,IAAA,IAAlB;EAEXL,KAAA5E;EAAoB8D,KAAA;EAEPjB,KAAA;EAAkC,IAAAJ,EAAA,QAAAsC,OAAA;GACrCjC,KAAAiC,QAAA,EAAAG,UAAoB,QAAQH,MAAK,qCAAsCA,QAAQ,KAAK,KAAK,MAAmB,IAA5GnE,KAAAA;GAA6G6B,EAAA,MAAAsC;GAAAtC,EAAA,MAAAK;EAAA,OAAAA,KAAAL,EAAA;EAEnHmB,KAAAc,UAAA,qBAAA+E,UAAA,EAAA,UAAA;GAEG,oBAAC,cAAD;IAAqB,OAAAjF,KAAIW;IAAa,MAAA,oBAAC,WAAD,CAAU,CAAA;IAAc,SAAAnC,MAAKW;IAAkB,SAAAX,MAAKoC;GAAS,CAAA;GAClGpC,MAAKiC,aACJ,oBAAC,cAAD;IAAqB,OAAAT,KAAIa;IAAe,MAAA,oBAAC,WAAD,CAAU,CAAA;IAAK,QAAA;IAAiB,UAAArC,MAAKW;IAAkB,eAAMX,MAAKsC,UAAWtD,GAAG;GAAC,CAAA;GAE3H,oBAAC,cAAD;IAAqB,OAAAwC,KAAIe;IAAe,MAAA,oBAAC,OAAD,CAAM,CAAA;IAAe,UAAAvC,MAAKW;IAAkB,SAAAX,MAAKwC;GAAW,CAAA;EAAI,EAAA,CAAA,IAN3G,qBAAAiE,UAAA,EAAA,UAAA;IAUKhE,MAAKC,QAASb,OAA6B,IAA3CA,UAAA,CAAoCA,OAAO,EAAA,CAACc,IAAMC,KAapD;GACC5C,MAAKgC,YACJ,oBAAC,cAAD;IACS,OAAAR,KAAIjD;IACL,MAAA,oBAAC,YAAD,CAAW,CAAA;IACP,UAAAyB,MAAKW;IACN,UAAAkC,UAAA;KACPzB,SAASyB,MAAKC,aAAc;KAC5B9C,MAAK+C,UAAW7E,EAAE;IAAC;GACpB,CAAA;GAGJ8B,MAAKiC,aAAL,CAAoBjC,MAAKgC,YACxB,oBAAC,cAAD;IAAqB,OAAAR,KAAIa;IAAe,MAAA,oBAAC,WAAD,CAAU,CAAA;IAAK,QAAA;IAAgB,eAAMrC,MAAKsC,UAAWtD,GAAG;GAAC,CAAA;EAClG,EAAA,CAAA;EAEJS,EAAA,KAAAiC;EAAAjC,EAAA,KAAAvB;EAAAuB,EAAA,KAAA2B;EAAA3B,EAAA,KAAAT;EAAAS,EAAA,KAAAO;EAAAP,EAAA,KAAA+B;EAAA/B,EAAA,KAAAmC;EAAAnC,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAmB;EAAAnB,EAAA,MAAAqB;CAAA,OAAA;EAAAc,KAAAnC,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAmB,KAAAnB,EAAA;EAAAqB,KAAArB,EAAA;CAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAmB,IAAA;EA3CHI,KAAA,oBAAA,OAAA;GACY,WAAAnB;GACH,OAAAC;GAENc,UAAAA;EAwCG,CAAA;EAAAnB,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAmB;EAAAnB,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAAuD;CAAA,IAAAvD,EAAA,QAAAmC,MAAAnC,EAAA,QAAAqB,MAAArB,EAAA,QAAAuB,IAAA;EA7CRgC,KAAA,oBAAC,IAAD;GAAqB,WAAAlC;GACnBE,UAAAA;EADQ,CAAA;EA8CEvB,EAAA,MAAAmC;EAAAnC,EAAA,MAAAqB;EAAArB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAuD;CAAA,OAAAA,KAAAvD,EAAA;CAAA,OA9CZuD;AA8CY;AArDT,SAAAJ,MAAA/D,MAAAoE,OAAA;CAAA,OAuBOrE,SAASC,IAWT,IAVE,oBAAC,cAAD;EAES,OAAAA,KAAIb;EACL,MAAAa,KAAIQ;EACF,QAAAR,KAAIS;EACF,UAAAT,KAAI6B;EACL,SAAA7B,KAAIqE;CAAQ,GALhBrE,KAAIb,KAKY,IAGvB,oBAAA,MAAA,UAAA,EAAA,UAA6Ba,KAAK,GAAboE,KAAa;AACnC;AAmCf,SAAAO,IAAAhE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAM,OAAAmB,OAAAiC,SAAAC,YAAAC,SAAAL,OAAAM,WAAA/D;CACd,MAAA,EAAAR,KAAAd,OAAoBiD;CACpB,MAAAO,UAAgB1B,MAAK2B,cAAezD;CACpC,MAAAuF,UAAgBR,UAAUrF,KAAAA;CAE1B,MAAA,CAAA8F,YAAAC,iBAAoCrH,MAAKsH,SAAkB;CAC3D,MAAAC,aAAmBnC,UAAA9D,KAAAA,IAAsBoC,MAAK6D;CAAY,IAAAjE;CAAA,IAAAH,EAAA,OAAAT,OAAAS,EAAA,OAAAO,OAAA;EAC5CJ,KAAAI,MAAK8D,WAAY9E,GAAG;EAACS,EAAA,KAAAT;EAAAS,EAAA,KAAAO;EAAAP,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAnC,MAAAsE,QAAcnE;CACd,MAAAoE,OAAaT,WAAW7B,UAAAgC,aAAA9F,KAAAA;CAAkC,IAAAiC;CAAA,IAAAJ,EAAA,OAAAsE,OAAAE,SAAAxE,EAAA,OAAAuE,MAAA;EAK/CnE,KAAAmE,SAASpG,KAAAA,IAAT;GAAA2F,QAA+BS;GAAI,GAAKD,OAAKE;EAAuB,IAAXF,OAAKE;EAAOxE,EAAA,KAAAsE,OAAAE;EAAAxE,EAAA,KAAAuE;EAAAvE,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAC7D,MAAAK,KAAA2D,UAAUR,QAAQ,IAAlBrF,KAAAA;CAA+B,IAAAgD;CAAA,IAAAnB,EAAA,OAAAvB,MAAAuB,EAAA,OAAAO,OAAA;EAC/BY,KAAAZ,MAAKkE,WAAYhG,EAAe,KAAhCN,KAAAA;EAAiC6B,EAAA,KAAAvB;EAAAuB,EAAA,KAAAO;EAAAP,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAChC,MAAAqB,KAAA+C,aAAA,KAAAjG,KAAAA;CACF,MAAAoD,KAAAU,UAAA,KAAA9D,KAAAA;CAAwB,IAAAoF;CAAA,IAAAvD,EAAA,OAAAT,OAAAS,EAAA,QAAAO,OAAA;EAC3BgD,KAAAhD,MAAKmE,UAAWnF,GAAgB,KAAhCpB,KAAAA;EAAiC6B,EAAA,KAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAAuD;CAAA,OAAAA,KAAAvD,EAAA;CAClC,MAAA2E,KAAAP,aAAA,IAAiBE,OAAKM;CAAU,IAAAC;CAAA,IAAA7E,EAAA,QAAAsE,SAAAtE,EAAA,QAAAoE,cAAApE,EAAA,QAAAT,OAAAS,EAAA,QAAAO,OAAA;EAC9BsE,KAAAT,aAAa7D,MAAKuE,WAAYvF,GAA2B,IAApB+E,QAAQ;EAAatE,EAAA,MAAAsE;EAAAtE,EAAA,MAAAoE;EAAApE,EAAA,MAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAA6E;CAAA,OAAAA,KAAA7E,EAAA;CAAA,IAAA+E;CAAA,IAAA/E,EAAA,QAAAsE,SAAAtE,EAAA,QAAAoE,cAAApE,EAAA,QAAAT,KAAA;EAC7DwF,OAAA3B,UAAA;GACPkB,OAAKb,UAAYL,KAAK;GACtB,IAAI,CAACgB,cAAchB,MAAK4B,WAAY5B,MAAK6B,SAAQ;GACjD,IAAK7B,MAAK8B,OAAsBC,QAAUnH,WAAW,GAAC;GACtDoG,WAAW7E,GAAG;EAAC;EAChBS,EAAA,MAAAsE;EAAAtE,EAAA,MAAAoE;EAAApE,EAAA,MAAAT;EAAAS,EAAA,MAAA+E;CAAA,OAAAA,MAAA/E,EAAA;CAAA,IAAAoF;CAAA,IAAApF,EAAA,QAAAiC,WAAAjC,EAAA,QAAAsE,SAAAtE,EAAA,QAAAoE,cAAApE,EAAA,QAAAT,OAAAS,EAAA,QAAAO,OAAA;EACU6E,OAAAC,YAAA;GACTf,OAAKgB,YAAclC,OAAK;GACxB,IAAIgB,cAAchB,QAAK8B,WAAY9B,QAAKC,iBAAkBD,QAAKmC,QAAS,SAASnB,WAAW7E,GAAG;GAE/F,IAAI,CAAC0C,WAAD,CAAamB,QAAKC,cAAcmC,SAAUpC,QAAK8B,MAAe,GAAC;GACnE,IAAI9B,QAAKmC,QAAS,UAAUhF,MAAKwC,WAAY;GAC7C,IAAIK,QAAKmC,QAAS,WAAYnC,QAAK8B,OAAsBQ,YAAc,SAASnF,MAAKoC,SAAU;EAAE;EAClG3C,EAAA,MAAAiC;EAAAjC,EAAA,MAAAsE;EAAAtE,EAAA,MAAAoE;EAAApE,EAAA,MAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAAoF;CAAA,OAAAA,MAAApF,EAAA;CAAA,IAAA2F;CAAA,IAAA3F,EAAA,QAAAvB,MAAAuB,EAAA,QAAAT,OAAAS,EAAA,QAAAO,OAAA;EAEAoF,MAAApF,MAAKqF,cACJ,oBAAC,WAAD;GAAqB,WAAA;GACnB,UAAA,oBAAC,UAAD;IACO,MAAA;IACO,cAAArF,MAAKyB,OAAO6D,UAAWtF,MAAKuE,WAAYvF,GAAS,KAA1Bd,EAA2B;IACrD,SAAA8B,MAAKkE,WAAYhG,EAAE;IACX,kBAAAqH,YAAavF,MAAKwF,UAAWtH,IAAIqH,OAAO;GAAC,CAAA;EALpD,CAAA;EAQX9F,EAAA,MAAAvB;EAAAuB,EAAA,MAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAA2F;CAAA,OAAAA,MAAA3F,EAAA;CAAA,IAAAgG;CAAA,IAAAhG,EAAA,QAAA2D,WAAA3D,EAAA,QAAAiC,WAAAjC,EAAA,QAAA6D,WAAA7D,EAAA,QAAAT,OAAAS,EAAA,QAAAO,SAAAP,EAAA,QAAAgE,SAAA;EAAA,IAAAiC;EAAA,IAAAjG,EAAA,QAAAiC,WAAAjC,EAAA,QAAA6D,WAAA7D,EAAA,QAAAT,OAAAS,EAAA,QAAAO,SAAAP,EAAA,QAAAgE,SAAA;GACYiC,OAAA5H,WAAA;IACX,MAAAS,OAAamD,UAAUpD,OAAOR,MAAa,IAA9B;IACb,MAAA6H,YAAkB,OAAO7H,OAAM8H,kBAAmB,aAAa9H,OAAM8H,cAAe5G,GAA0B,IAAnBlB,OAAM8H;IACjG,MAAAjI,QAAcR,eAAeW,QAAQkB,GAAG;IAExC,MAAA6G,SAAe/H,OAAMgI,YAANrC,YAAD,CAAiClF,SAAS,OAAOZ,UAAU,YAAY,OAAOA,UAAU;IAAU,OAE9G,oBAAC,WAAD;KAES,OAAAG,OAAMiI;KACJ,SAAAjI,OAAMkI;KACJL;KACJ,OAAAE,QAAQ1G,OAAOxB,KAAiB,IAAhCC,KAAAA;KACI,aAAAE,OAAMmI,QAANrI,KAAAA;KACC,cAAAE,OAAMoI,SAANtI,KAAAA;KACG,iBAACE,OAAMgI,YAAN,CAAoBvH,QAArBX,KAAAA;KACF,eAAAW,OAAA,KAAAX,KAAAA;KAEZW,UAAAA,OACC,oBAAC,QAAD;MAAeyB;MAAelC;MAAcS;MAAWS;MAAgB,WAAAlB,OAAMI,OAAQoF;KAAO,CAAA,IAE5FvE,YAAYjB,QAAQkB,GACtB;IAfQ,GACHlB,OAAMI,EADH;GAgBE;GAEfuB,EAAA,MAAAiC;GAAAjC,EAAA,MAAA6D;GAAA7D,EAAA,MAAAT;GAAAS,EAAA,MAAAO;GAAAP,EAAA,MAAAgE;GAAAhE,EAAA,MAAAiG;EAAA,OAAAA,MAAAjG,EAAA;EAzBAgG,MAAArC,QAAOT,IAAK+C,GAyBZ;EAACjG,EAAA,MAAA2D;EAAA3D,EAAA,MAAAiC;EAAAjC,EAAA,MAAA6D;EAAA7D,EAAA,MAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAAgE;EAAAhE,EAAA,MAAAgG;CAAA,OAAAA,MAAAhG,EAAA;CAAA,IAAAiG;CAAA,IAAAjG,EAAA,QAAA0B,SAAA1B,EAAA,QAAA4D,cAAA5D,EAAA,QAAAO,OAAA;EACD0F,MAAArC,cACC,oBAAC,YAAD;GACSrD;GACAmB;GACC,SAAAE,WAAYsC,cAActC,OAAMuD,QAAS,IAA2B,CAAC,EAAAuB,sBAAQ,CAAC,CAAA5C,MAAA;EAAC,CAAA;EAE1F9D,EAAA,MAAA0B;EAAA1B,EAAA,MAAA4D;EAAA5D,EAAA,MAAAO;EAAAP,EAAA,MAAAiG;CAAA,OAAAA,MAAAjG,EAAA;CAAA,IAAA2G;CAAA,IAAA3G,EAAA,QAAAsE,SAAAtE,EAAA,QAAA+E,OAAA/E,EAAA,QAAAoF,OAAApF,EAAA,QAAA2F,OAAA3F,EAAA,QAAAgG,OAAAhG,EAAA,QAAAiG,OAAAjG,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAmB,MAAAnB,EAAA,QAAAqB,MAAArB,EAAA,QAAAuB,MAAAvB,EAAA,QAAAuD,MAAAvD,EAAA,QAAA2E,MAAA3E,EAAA,QAAA6E,IAAA;EAnEH8B,MAAA,qBAAC,UAAD;GAAS,GACHrC;GACG,OAAAlE;GACQ,iBAAAC;GACA,iBAAAc;GACC,kBAAAE;GACF,gBAAAE;GACH,aAAAgC;GACD,UAAAoB;GACE,cAAAE;GACH,SAAAE;GAME,WAAAK;GAhBb,UAAA;IAyBGO;IAUAK;IA0BAC;GA7DM;;EAoEEjG,EAAA,MAAAsE;EAAAtE,EAAA,MAAA+E;EAAA/E,EAAA,MAAAoF;EAAApF,EAAA,MAAA2F;EAAA3F,EAAA,MAAAgG;EAAAhG,EAAA,MAAAiG;EAAAjG,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAmB;EAAAnB,EAAA,MAAAqB;EAAArB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAuD;EAAAvD,EAAA,MAAA2E;EAAA3E,EAAA,MAAA6E;EAAA7E,EAAA,MAAA2G;CAAA,OAAAA,MAAA3G,EAAA;CAAA,OApEX2G;AAoEW;AAMf,IAAaC,eAAe/J,MAAMgK,KAAK9C,GAAG;;;;;AAM1C,SAAO+C,SAAA/G,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAAM,OAAAmB,OAAAiC,SAAAC,eAAA7D;CAA2D,IAAAI;CAAA,IAAAH,EAAA,OAAAO,MAAAqF,YAAA;EAGhFzF,KAAAI,MAAKqF,cAAe,oBAAC,WAAD,EAAqB,WAAA,wBAAuB,CAAA;EAAG5F,EAAA,KAAAO,MAAAqF;EAAA5F,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAA2D,WAAA3D,EAAA,OAAA0B,OAAA;EAAA,IAAArB;EAAA,IAAAL,EAAA,OAAA0B,OAAA;GACvDrB,MAAAhC,WACX,oBAAC,WAAD;IAES,OAAAA,OAAMiI;IACJ,SAAAjI,OAAMkI;IACJ,aAAAlI,OAAMmI,QAANrI,KAAAA;IACI,iBAAAE,OAAMgI,YAANlI,KAAAA;IAEd,UAAA,CAACE,OAAMgI,YAAa,oBAAA,OAAA;KAAe,WAAA;KAAiC/G,UAAAA,YAAYjB,QAAQqD,MAAKnC,GAAI;IAAQ,CAAA;GAPlG,GACHlB,OAAMI,EADH;GASXuB,EAAA,KAAA0B;GAAA1B,EAAA,KAAAK;EAAA,OAAAA,KAAAL,EAAA;EAVAI,KAAAuD,QAAOT,IAAK7C,EAUZ;EAACL,EAAA,KAAA2D;EAAA3D,EAAA,KAAA0B;EAAA1B,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAA0B,SAAA1B,EAAA,OAAA4D,cAAA5D,EAAA,OAAAO,OAAA;EACDF,KAAAuD,cAAc,oBAAC,YAAD;GAAmBrD;GAAcmB;EAAK,CAAA;EAAI1B,EAAA,KAAA0B;EAAA1B,EAAA,KAAA4D;EAAA5D,EAAA,KAAAO;EAAAP,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,IAAA;EAb3Dc,KAAA,qBAAC,UAAD,EAAA,UAAA;GACGhB;GACAC;GAWAC;EAbM,EAAA,CAAA;EAcEL,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAdXmB;AAcW"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { DataTableInstance } from './types';
+export declare const DataTableContext: React.Context<DataTableInstance<any> | null>;
+/** The table of the surrounding `DataTable.Root`, for building custom parts. */
+export declare function useDataTableContext<T = unknown>(): DataTableInstance<T>;

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

@@ -0,0 +1,14 @@
+"use client";
+import * as React from "react";
+//#region src/components/data-table/context.ts
+var DataTableContext = React.createContext(null);
+/** The table of the surrounding `DataTable.Root`, for building custom parts. */
+function useDataTableContext() {
+	const table = React.useContext(DataTableContext);
+	if (!table) throw new Error("DataTable parts must be rendered inside <DataTable.Root>.");
+	return table;
+}
+//#endregion
+export { DataTableContext, useDataTableContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["React","DataTableInstance","DataTableContext","createContext","useDataTableContext","table","useContext","Error"],"sources":["../../../src/components/data-table/context.ts"],"sourcesContent":["import * as React from 'react';\nimport type { DataTableInstance } from './types';\n\n// The parts never look inside a row: they hand it back to the column callbacks.\nexport const DataTableContext = React.createContext<DataTableInstance<any> | null>(null);\n\n/** The table of the surrounding `DataTable.Root`, for building custom parts. */\nexport function useDataTableContext<T = unknown>(): DataTableInstance<T> {\n  const table = React.useContext(DataTableContext);\n  if (!table) throw new Error('DataTable parts must be rendered inside <DataTable.Root>.');\n  return table;\n}\n"],"mappings":";;;AAIA,IAAaE,mBAAmBF,MAAMG,cAA6C,IAAI;;AAGvF,SAAOC,sBAAA;CACL,MAAAC,QAAcL,MAAKM,WAAYJ,gBAAgB;CAC/C,IAAI,CAACG,OAAO,MAAM,IAAIE,MAAM,2DAA2D;CAAE,OAClFF;AAAK"}