@cube-dev/ui-kit 0.190.1 → 0.190.3

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,34 +1,32 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.3 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
-import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
 import { ItemTableFooter } from "./ItemTableFooter.js";
-import { buildTableTree, filterTableTree, flattenTableTree, isTableTreeDescendant, reindexTableTree, sortTableTree } from "../TableBase/table-tree.js";
+import { filterTableTree } from "../TableBase/table-tree.js";
 import { ROW_MENU_COLUMN_KEY, ROW_MENU_COLUMN_WIDTH } from "../TableBase/row-menu.js";
-import { freezeColumnWidths, getColumnText, useTableColumns } from "../TableBase/use-table-columns.js";
-import { SELECTION_COLUMN_KEY, SELECTION_COLUMN_WIDTH, useTableSelection } from "../TableBase/use-table-selection.js";
+import { getColumnText } from "../TableBase/use-table-columns.js";
+import { SELECTION_COLUMN_KEY, SELECTION_COLUMN_WIDTH } from "../TableBase/use-table-selection.js";
 import { TableView } from "../TableBase/TableView.js";
 import { useContainerWidth } from "../TableBase/use-container-width.js";
-import { compareByColumn, useTableSort } from "../TableBase/use-table-sort.js";
 import { useTableStorage } from "../TableBase/use-table-storage.js";
 import { useTableTreeState } from "../TableBase/use-table-tree-state.js";
 import { matchesTableSearch, useTableSearch } from "../TableBase/use-table-search.js";
 import { ItemTableChromeProvider, ItemTableSearch, ItemTableToolbar } from "./ItemTableToolbar.js";
 import { ItemTableBulkBar } from "./ItemTableBulkBar.js";
-import { ItemTableDragPreview } from "./ItemTableDragPreview.js";
+import { useItemTableColumnWidths } from "./use-item-table-column-widths.js";
+import { useItemTableDragDrop } from "./use-item-table-drag-drop.js";
+import { useItemTablePagination } from "./use-item-table-pagination.js";
+import { useItemTableSelection } from "./use-item-table-selection.js";
+import { useItemTableSort } from "./use-item-table-sort.js";
+import { useItemTableTreeModel } from "./use-item-table-tree-model.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES } from "@tenphi/tasty";
-import { forwardRef, useMemo, useRef, useState } from "react";
+import { forwardRef, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useControlledState } from "@react-stately/utils";
-import { useCollator } from "@react-aria/i18n";
 
 //#region src/components/data/ItemTable/ItemTable.tsx
-/** Stable identity, so the uncontrolled default does not change every render. */
-const EMPTY_WIDTHS = {};
 function defaultGetRowKey(rowKey) {
 	return (row, index) => {
 		const value = row?.[rowKey];
@@ -36,312 +34,411 @@ function defaultGetRowKey(rowKey) {
 	};
 }
 function ItemTable(props, ref) {
-	const { data, columns, rowKey = "id", getRowKey, getRowChildren, treeColumnKey, expandedKeys, defaultExpandedKeys, onExpand, isLoading = false, loadingIndicator = "overlay", selectionMode, bulkActions, rowLink, onRowAction, rowMenu, rowContextMenu = false, onRowMenuAction, rowMenuTriggerProps, bulkBarPlacement = "floating", bulkBarStyles, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectAllMode = "page", isRowSelectable, selectionTooltip, disabledKeys, treeSelectionBehavior = "cascade", skeletonRowCount = 6, emptyLabel, noResultsLabel, error, isFiltered, toolbar, isSearchable = false, searchMode = "client", searchPlaceholder, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchDelay = 500, searchFilter, filters, actions, onRefresh, paginationMode = "client", pageSize: pageSizeProp, defaultPageSize = 50, autoHidePagination = true, onLoadMore, hasMore, isLoadingMore, loadMoreMargin, storageKey, persist, isReorderable = false, onReorder, dropOnRow, getItemDragInfo, isResizable = false, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnResize, columnContextMenu, onColumnMenuAction, columnMenuTriggerProps, columnMenuProps, onPageSizeChange, pageSizeOptions = [
-		10,
-		20,
-		50,
-		100,
-		500
-	], page: pageProp, defaultPage, onPageChange, total: totalProp, totalPages, hasNextPage, summary = true, footer, footerStart, footerCenter, footerEnd, sortMode, sort: sortProp, defaultSort, onSortChange, shape = "plain", size = "medium", rowHeight, headerHeight, isStriped = false, isHeaderHidden = false, isHeaderSticky = true, isAutoHeight = false, isVirtualized = "auto", virtualizeThreshold = 50, overscan = 20, getRowProps, ariaLabel, qa, mods, styles, headerStyles, headerCellStyles, headerPreset = "c3", toolbarStyles, searchStyles, footerStyles, bodyStyles, rowStyles, cellStyles, isRowMoveAnimated } = props;
+	const $ = c(132);
+	const { data, columns, rowKey: t0, getRowKey, getRowChildren, treeColumnKey, expandedKeys, defaultExpandedKeys, onExpand, isLoading: t1, loadingIndicator: t2, selectionMode, bulkActions, rowLink, onRowAction, rowMenu, rowContextMenu: t3, onRowMenuAction, rowMenuTriggerProps, bulkBarPlacement: t4, bulkBarStyles, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectAllMode: t5, isRowSelectable, selectionTooltip, disabledKeys, treeSelectionBehavior: t6, skeletonRowCount: t7, emptyLabel, noResultsLabel, error, isFiltered, toolbar, isSearchable: t8, searchMode: t9, searchPlaceholder, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchDelay: t10, searchFilter, filters, actions, onRefresh, paginationMode: t11, pageSize: pageSizeProp, defaultPageSize: t12, autoHidePagination: t13, onLoadMore, hasMore, isLoadingMore, loadMoreMargin, storageKey, persist, isReorderable: t14, onReorder, dropOnRow, getItemDragInfo, isResizable: t15, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnResize, columnContextMenu, onColumnMenuAction, columnMenuTriggerProps, columnMenuProps, onPageSizeChange, pageSizeOptions: t16, page: pageProp, defaultPage, onPageChange, total: totalProp, totalPages, hasNextPage, summary: t17, footer, footerStart, footerCenter, footerEnd, sortMode, sort: sortProp, defaultSort, onSortChange, shape: t18, size: t19, rowHeight, headerHeight, isStriped: t20, isHeaderHidden: t21, isHeaderSticky: t22, isAutoHeight: t23, isVirtualized: t24, virtualizeThreshold: t25, overscan: t26, getRowProps, ariaLabel, qa, mods, styles, headerStyles, headerCellStyles, headerPreset: t27, toolbarStyles, searchStyles, footerStyles, bodyStyles, rowStyles, cellStyles, isRowMoveAnimated } = props;
+	const rowKey = t0 === void 0 ? "id" : t0;
+	const isLoading = t1 === void 0 ? false : t1;
+	const loadingIndicator = t2 === void 0 ? "overlay" : t2;
+	const rowContextMenu = t3 === void 0 ? false : t3;
+	const bulkBarPlacement = t4 === void 0 ? "floating" : t4;
+	const selectAllMode = t5 === void 0 ? "page" : t5;
+	const treeSelectionBehavior = t6 === void 0 ? "cascade" : t6;
+	const skeletonRowCount = t7 === void 0 ? 6 : t7;
+	const isSearchable = t8 === void 0 ? false : t8;
+	const searchMode = t9 === void 0 ? "client" : t9;
+	const searchDelay = t10 === void 0 ? 500 : t10;
+	const paginationMode = t11 === void 0 ? "client" : t11;
+	const defaultPageSize = t12 === void 0 ? 50 : t12;
+	const autoHidePagination = t13 === void 0 ? true : t13;
+	const isReorderable = t14 === void 0 ? false : t14;
+	const isResizable = t15 === void 0 ? false : t15;
+	let t28;
+	if ($[0] !== t16) {
+		t28 = t16 === void 0 ? [
+			10,
+			20,
+			50,
+			100,
+			500
+		] : t16;
+		$[0] = t16;
+		$[1] = t28;
+	} else t28 = $[1];
+	const pageSizeOptions = t28;
+	const summary = t17 === void 0 ? true : t17;
+	const shape = t18 === void 0 ? "plain" : t18;
+	const size = t19 === void 0 ? "medium" : t19;
+	const isStriped = t20 === void 0 ? false : t20;
+	const isHeaderHidden = t21 === void 0 ? false : t21;
+	const isHeaderSticky = t22 === void 0 ? true : t22;
+	const isAutoHeight = t23 === void 0 ? false : t23;
+	const isVirtualized = t24 === void 0 ? "auto" : t24;
+	const virtualizeThreshold = t25 === void 0 ? 50 : t25;
+	const overscan = t26 === void 0 ? 20 : t26;
+	const headerPreset = t27 === void 0 ? "c3" : t27;
 	const { t } = useI18n();
 	const rootRef = useCombinedRefs(ref, useRef(null));
 	const [scrollerEl, setScrollerEl] = useState(null);
 	const containerWidth = useContainerWidth(scrollerEl);
-	const rootStyles = mergeStyleLayers(extractStyles(props, CONTAINER_STYLES), styles);
-	const resolvedGetRowKey = useMemo(() => getRowKey ?? defaultGetRowKey(rowKey), [getRowKey, rowKey]);
-	const treeModel = useMemo(() => getRowChildren ? buildTableTree(data, getRowChildren, resolvedGetRowKey) : null, [
-		data,
-		getRowChildren,
-		resolvedGetRowKey
-	]);
-	useWarn(treeModel != null && treeModel.duplicateKeys.length > 0, {
-		key: ["item-table-tree-duplicate-keys"],
-		args: ["ItemTable:", "Tree row keys must be unique across the complete hierarchy. Duplicate rows were ignored."]
-	});
-	useWarn(treeModel != null && treeModel.cyclicKeys.length > 0, {
-		key: ["item-table-tree-cyclic-keys"],
-		args: ["ItemTable:", "Tree data contains a cycle. Cyclic descendants were ignored."]
-	});
-	useWarn(treeModel != null && isReorderable, {
-		key: ["item-table-tree-reorder-unsupported"],
-		args: ["ItemTable:", "`isReorderable` is ignored in tree mode. Use `dropOnRow` for folder-style moves."]
-	});
-	const resolvedTreeColumnKey = useMemo(() => {
-		if (!treeModel) return void 0;
-		const visibleColumns = columns.filter((column) => !column.isHidden);
-		return visibleColumns.some((column_0) => column_0.key === treeColumnKey) ? treeColumnKey : visibleColumns[0]?.key;
-	}, [
-		treeModel,
-		columns,
-		treeColumnKey
-	]);
-	useWarn(treeModel != null && treeColumnKey != null && resolvedTreeColumnKey !== treeColumnKey, {
-		key: ["item-table-tree-column-invalid", treeColumnKey],
-		args: ["ItemTable:", "`treeColumnKey` must identify a visible data column. Falling back to the first visible column."]
-	});
-	const { searchValue, setSearchValue, searchedRows, query, isFiltered: isSearching } = useTableSearch({
-		columns,
-		rows: data,
-		mode: treeModel ? "server" : searchMode,
-		value: searchValueProp,
-		defaultValue: defaultSearchValue,
-		onChange: onSearchChange,
-		delay: searchDelay,
-		filter: searchFilter
-	});
-	const searchedTree = useMemo(() => {
-		if (!treeModel) return null;
-		if (searchMode !== "client" || !query) return {
-			roots: treeModel.roots,
-			forcedExpandedKeys: /* @__PURE__ */ new Set()
+	let t29;
+	if ($[2] !== props || $[3] !== styles) {
+		t29 = mergeStyleLayers(extractStyles(props, CONTAINER_STYLES), styles);
+		$[2] = props;
+		$[3] = styles;
+		$[4] = t29;
+	} else t29 = $[4];
+	const rootStyles = t29;
+	let t30;
+	if ($[5] !== getRowKey || $[6] !== rowKey) {
+		t30 = getRowKey ?? defaultGetRowKey(rowKey);
+		$[5] = getRowKey;
+		$[6] = rowKey;
+		$[7] = t30;
+	} else t30 = $[7];
+	const resolvedGetRowKey = t30;
+	let t31;
+	if ($[8] !== columns || $[9] !== data || $[10] !== getRowChildren || $[11] !== isReorderable || $[12] !== resolvedGetRowKey || $[13] !== treeColumnKey) {
+		t31 = {
+			data,
+			columns,
+			getRowKey: resolvedGetRowKey,
+			getRowChildren,
+			treeColumnKey,
+			isReorderable
 		};
-		return filterTableTree(treeModel.roots, (node) => searchFilter ? searchFilter(node.row, query) : matchesTableSearch(columns, node.row, node.sourceIndex, query));
-	}, [
-		treeModel,
-		searchMode,
-		query,
-		searchFilter,
-		columns
-	]);
+		$[8] = columns;
+		$[9] = data;
+		$[10] = getRowChildren;
+		$[11] = isReorderable;
+		$[12] = resolvedGetRowKey;
+		$[13] = treeColumnKey;
+		$[14] = t31;
+	} else t31 = $[14];
+	const { treeModel, treeColumnKey: resolvedTreeColumnKey } = useItemTableTreeModel(t31);
+	const t32 = treeModel ? "server" : searchMode;
+	let t33;
+	if ($[15] !== columns || $[16] !== data || $[17] !== defaultSearchValue || $[18] !== onSearchChange || $[19] !== searchDelay || $[20] !== searchFilter || $[21] !== searchValueProp || $[22] !== t32) {
+		t33 = {
+			columns,
+			rows: data,
+			mode: t32,
+			value: searchValueProp,
+			defaultValue: defaultSearchValue,
+			onChange: onSearchChange,
+			delay: searchDelay,
+			filter: searchFilter
+		};
+		$[15] = columns;
+		$[16] = data;
+		$[17] = defaultSearchValue;
+		$[18] = onSearchChange;
+		$[19] = searchDelay;
+		$[20] = searchFilter;
+		$[21] = searchValueProp;
+		$[22] = t32;
+		$[23] = t33;
+	} else t33 = $[23];
+	const { searchValue, setSearchValue, searchedRows, query, isFiltered: isSearching } = useTableSearch(t33);
+	let t34;
+	bb0: {
+		if (!treeModel) {
+			t34 = null;
+			break bb0;
+		}
+		if (searchMode !== "client" || !query) {
+			let t35;
+			if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+				t35 = /* @__PURE__ */ new Set();
+				$[24] = t35;
+			} else t35 = $[24];
+			let t36;
+			if ($[25] !== treeModel.roots) {
+				t36 = {
+					roots: treeModel.roots,
+					forcedExpandedKeys: t35
+				};
+				$[25] = treeModel.roots;
+				$[26] = t36;
+			} else t36 = $[26];
+			t34 = t36;
+			break bb0;
+		}
+		let t35;
+		if ($[27] !== columns || $[28] !== query || $[29] !== searchFilter) {
+			t35 = (node) => searchFilter ? searchFilter(node.row, query) : matchesTableSearch(columns, node.row, node.sourceIndex, query);
+			$[27] = columns;
+			$[28] = query;
+			$[29] = searchFilter;
+			$[30] = t35;
+		} else t35 = $[30];
+		let t36;
+		if ($[31] !== t35 || $[32] !== treeModel.roots) {
+			t36 = filterTableTree(treeModel.roots, t35);
+			$[31] = t35;
+			$[32] = treeModel.roots;
+			$[33] = t36;
+		} else t36 = $[33];
+		t34 = t36;
+	}
+	const searchedTree = t34;
 	const storage = useTableStorage(storageKey, persist);
-	const { sort, sortedRows, toggleSort, setColumnSort, mode: resolvedSortMode } = useTableSort({
-		columns,
-		rows: treeModel ? searchedTree?.roots.map((node_0) => node_0.row) ?? [] : searchedRows,
-		mode: treeModel ? "server" : sortMode,
-		sort: sortProp,
-		defaultSort: sortProp === void 0 && storage.has("sort") ? storage.initial.sort ?? defaultSort : defaultSort,
-		onSortChange: useEvent((next) => {
-			if (sortProp === void 0) storage.write({ sort: next });
-			onSortChange?.(next);
-		})
-	});
-	const collator = useCollator({
-		numeric: true,
-		sensitivity: "base"
-	});
-	const treeSortMode = treeModel ? sortMode ?? (columns.some((column_1) => column_1.isSortable) ? "client" : "off") : resolvedSortMode;
-	const processedTreeRoots = useMemo(() => {
-		const roots = searchedTree?.roots ?? [];
-		if (treeSortMode !== "client" || !sort) return roots;
-		const column_2 = columns.find((entry) => entry.key === sort.columnKey);
-		if (!column_2) return roots;
-		return sortTableTree(roots, (a, b) => {
-			return compareByColumn(column_2, collator, a.row, a.sourceIndex, b.row, b.sourceIndex) * (sort.direction === "asc" ? 1 : -1);
-		});
-	}, [
-		searchedTree,
-		treeSortMode,
-		sort,
-		columns,
-		collator
-	]);
-	const [pageSize, setPageSizeState] = useControlledState(pageSizeProp, pageSizeProp === void 0 && storage.has("pageSize") ? storage.initial.pageSize ?? defaultPageSize : defaultPageSize, onPageSizeChange);
-	const [page, setPageState] = useControlledState(pageProp, defaultPage ?? 1, onPageChange);
-	const isInfinite = paginationMode === "infinite";
-	const isPaginated = paginationMode !== "off" && !isInfinite;
-	const isServerPaginated = paginationMode === "server";
-	const total = isServerPaginated ? totalProp ?? 0 : treeModel ? processedTreeRoots.length : sortedRows.length;
-	const pageInfo = getPageInfo({
-		page,
-		pageSize,
-		total,
-		totalPages: isServerPaginated ? totalPages : void 0
-	});
-	const setPage = useEvent((next_0) => setPageState(clampPage(next_0, pageInfo.totalPages)));
-	const setPageSize = useEvent((next_1) => {
-		setPageSizeState(next_1);
-		if (pageSizeProp === void 0) storage.write({ pageSize: next_1 });
-		setPageState(1);
-	});
-	const flatVisibleRows = paginationMode === "client" ? sortedRows.slice((pageInfo.page - 1) * pageSize, pageInfo.page * pageSize) : sortedRows;
-	const pageTreeRoots = useMemo(() => reindexTableTree(paginationMode === "client" ? processedTreeRoots.slice((pageInfo.page - 1) * pageSize, pageInfo.page * pageSize) : processedTreeRoots), [
-		processedTreeRoots,
-		paginationMode,
-		pageInfo.page,
-		pageSize
-	]);
-	const treeState = useTableTreeState({
-		roots: pageTreeRoots,
-		allNodesByKey: treeModel?.byKey ?? /* @__PURE__ */ new Map(),
-		expandedKeys,
-		defaultExpandedKeys,
-		forcedExpandedKeys: searchedTree?.forcedExpandedKeys,
-		disabledKeys,
-		getTextValue: (node_1) => {
-			const column_3 = columns.find((entry_0) => entry_0.key === resolvedTreeColumnKey);
-			return column_3 ? getColumnText(column_3, node_1.row, node_1.sourceIndex) ?? String(node_1.key) : String(node_1.key);
-		},
-		onExpand,
-		ariaLabel
-	});
-	const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];
-	const visibleRows = treeModel ? visibleTreeEntries.map((entry_1) => entry_1.row) : flatVisibleRows;
-	const visibleRowKeys = treeModel ? visibleTreeEntries.map((entry_2) => entry_2.key) : void 0;
-	const pageTreeEntries = treeModel ? flattenTableTree(pageTreeRoots) : [];
-	const filteredTreeEntries = treeModel ? flattenTableTree(processedTreeRoots) : [];
-	const selectionTree = useMemo(() => {
-		if (!treeModel) return void 0;
-		const childrenOf = /* @__PURE__ */ new Map();
-		const parentOf = /* @__PURE__ */ new Map();
-		flattenTableTree(processedTreeRoots).forEach((node_2) => {
-			childrenOf.set(node_2.key, node_2.children.map((child) => child.key));
-			parentOf.set(node_2.key, node_2.parentKey);
-		});
-		return {
-			rootKeys: processedTreeRoots.map((node_3) => node_3.key),
-			childrenOf,
-			parentOf,
-			behavior: treeSelectionBehavior
+	let t35;
+	if ($[34] !== columns || $[35] !== defaultSort || $[36] !== onSortChange || $[37] !== searchedRows || $[38] !== searchedTree || $[39] !== sortMode || $[40] !== sortProp || $[41] !== storage) {
+		t35 = {
+			columns,
+			rows: searchedRows,
+			tree: searchedTree,
+			mode: sortMode,
+			sort: sortProp,
+			defaultSort,
+			onSortChange,
+			storage
 		};
-	}, [
-		treeModel,
-		processedTreeRoots,
-		treeSelectionBehavior
-	]);
-	const resolvedSelectionMode = selectionMode ?? (bulkActions?.length ? "multiple" : "none");
-	const selection = useTableSelection({
+		$[34] = columns;
+		$[35] = defaultSort;
+		$[36] = onSortChange;
+		$[37] = searchedRows;
+		$[38] = searchedTree;
+		$[39] = sortMode;
+		$[40] = sortProp;
+		$[41] = storage;
+		$[42] = t35;
+	} else t35 = $[42];
+	const { sort, sortedRows, sortedTreeRoots, mode: resolvedSortMode, toggleSort, setColumnSort } = useItemTableSort(t35);
+	const t36 = treeModel != null;
+	let t37;
+	if ($[43] !== autoHidePagination || $[44] !== defaultPage || $[45] !== defaultPageSize || $[46] !== hasNextPage || $[47] !== onPageChange || $[48] !== onPageSizeChange || $[49] !== pageProp || $[50] !== pageSizeOptions || $[51] !== pageSizeProp || $[52] !== paginationMode || $[53] !== sortedRows || $[54] !== sortedTreeRoots || $[55] !== storage || $[56] !== summary || $[57] !== t36 || $[58] !== totalPages || $[59] !== totalProp) {
+		t37 = {
+			mode: paginationMode,
+			rows: sortedRows,
+			treeRoots: sortedTreeRoots,
+			isTree: t36,
+			pageSize: pageSizeProp,
+			defaultPageSize,
+			onPageSizeChange,
+			pageSizeOptions,
+			page: pageProp,
+			defaultPage,
+			onPageChange,
+			total: totalProp,
+			totalPages,
+			hasNextPage,
+			summary,
+			autoHide: autoHidePagination,
+			storage
+		};
+		$[43] = autoHidePagination;
+		$[44] = defaultPage;
+		$[45] = defaultPageSize;
+		$[46] = hasNextPage;
+		$[47] = onPageChange;
+		$[48] = onPageSizeChange;
+		$[49] = pageProp;
+		$[50] = pageSizeOptions;
+		$[51] = pageSizeProp;
+		$[52] = paginationMode;
+		$[53] = sortedRows;
+		$[54] = sortedTreeRoots;
+		$[55] = storage;
+		$[56] = summary;
+		$[57] = t36;
+		$[58] = totalPages;
+		$[59] = totalProp;
+		$[60] = t37;
+	} else t37 = $[60];
+	const pagination = useItemTablePagination(t37);
+	let t38;
+	if ($[61] !== treeModel?.byKey) {
+		t38 = treeModel?.byKey ?? /* @__PURE__ */ new Map();
+		$[61] = treeModel?.byKey;
+		$[62] = t38;
+	} else t38 = $[62];
+	const t39 = searchedTree?.forcedExpandedKeys;
+	let t40;
+	if ($[63] !== columns || $[64] !== resolvedTreeColumnKey) {
+		t40 = (node_0) => {
+			const column = columns.find((entry) => entry.key === resolvedTreeColumnKey);
+			return column ? getColumnText(column, node_0.row, node_0.sourceIndex) ?? String(node_0.key) : String(node_0.key);
+		};
+		$[63] = columns;
+		$[64] = resolvedTreeColumnKey;
+		$[65] = t40;
+	} else t40 = $[65];
+	let t41;
+	if ($[66] !== ariaLabel || $[67] !== defaultExpandedKeys || $[68] !== disabledKeys || $[69] !== expandedKeys || $[70] !== onExpand || $[71] !== pagination.pageTreeRoots || $[72] !== t38 || $[73] !== t39 || $[74] !== t40) {
+		t41 = {
+			roots: pagination.pageTreeRoots,
+			allNodesByKey: t38,
+			expandedKeys,
+			defaultExpandedKeys,
+			forcedExpandedKeys: t39,
+			disabledKeys,
+			getTextValue: t40,
+			onExpand,
+			ariaLabel
+		};
+		$[66] = ariaLabel;
+		$[67] = defaultExpandedKeys;
+		$[68] = disabledKeys;
+		$[69] = expandedKeys;
+		$[70] = onExpand;
+		$[71] = pagination.pageTreeRoots;
+		$[72] = t38;
+		$[73] = t39;
+		$[74] = t40;
+		$[75] = t41;
+	} else t41 = $[75];
+	const treeState = useTableTreeState(t41);
+	const visibleTreeEntries = treeModel ? treeState.visibleEntries : [];
+	const visibleRows = treeModel ? visibleTreeEntries.map(_temp) : pagination.pageRows;
+	const visibleRowKeys = treeModel ? visibleTreeEntries.map(_temp2) : void 0;
+	const selection = useItemTableSelection({
 		rows: visibleRows,
 		rowKeys: visibleRowKeys,
-		pageRows: treeModel ? pageTreeEntries.map((entry_3) => entry_3.row) : visibleRows,
-		pageRowKeys: treeModel ? pageTreeEntries.map((entry_4) => entry_4.key) : void 0,
-		filteredRows: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry_5) => entry_5.row) : paginationMode === "client" ? sortedRows : visibleRows,
-		filteredRowKeys: treeModel ? (paginationMode === "client" ? filteredTreeEntries : pageTreeEntries).map((entry_6) => entry_6.key) : void 0,
+		sortedRows,
+		isTree: treeModel != null,
+		sortedTreeRoots,
+		pageTreeRoots: pagination.pageTreeRoots,
+		paginationMode,
 		getRowKey: resolvedGetRowKey,
-		selectionMode: resolvedSelectionMode,
+		selectionMode,
+		bulkActions,
 		selectedKeys: selectedKeysProp,
 		defaultSelectedKeys,
 		onSelectionChange,
 		selectAllMode,
 		isRowSelectable,
 		disabledKeys,
-		tree: selectionTree
+		treeSelectionBehavior
 	});
-	const resolveRowMenu = useMemo(() => rowMenu == null ? void 0 : typeof rowMenu === "function" ? rowMenu : () => rowMenu, [rowMenu]);
-	const trailingColumns = useMemo(() => resolveRowMenu && rowContextMenu === true ? [{
-		key: ROW_MENU_COLUMN_KEY,
-		width: ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,
-		align: "center"
-	}] : void 0, [
-		resolveRowMenu,
-		rowContextMenu,
-		size
-	]);
-	const leadingColumns = useMemo(() => selection.isEnabled ? [{
-		key: SELECTION_COLUMN_KEY,
-		width: SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,
-		align: "center"
-	}] : void 0, [selection.isEnabled, size]);
-	/**
-	* Column widths, in three layers.
-	*
-	* The draft exists because a resize has to be visible *while* it happens, and
-	* a controlled `columnWidths` cannot be: the consumer only learns the new
-	* width from `onColumnResize`, which fires when the gesture ends. Without a
-	* draft a controlled table simply would not move under the pointer.
-	*/
-	const [ownColumnWidths, setOwnColumnWidths] = useState(() => (columnWidthsProp === void 0 && storage.has("columnWidths") ? storage.initial.columnWidths ?? defaultColumnWidths : defaultColumnWidths) ?? EMPTY_WIDTHS);
-	const [draftColumnWidths, setDraftColumnWidths] = useState(null);
-	/**
-	* The same draft, in a ref.
-	*
-	* A keyboard resize runs `useMove`'s whole start → move → end cycle inside
-	* one key press, so the end handler would read the state from before the
-	* move. The ref is what it actually settles on; the state exists only to
-	* trigger the render.
-	*/
-	const draftColumnWidthsRef = useRef(null);
-	const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;
-	const columnWidths = draftColumnWidths ?? baseColumnWidths;
-	/** `layout` is computed below; `useEvent` only reads this when a drag runs. */
-	const layoutRef = useRef(null);
-	const handleColumnResize = useEvent((key, width) => {
-		draftColumnWidthsRef.current = {
-			...draftColumnWidthsRef.current ?? freezeColumnWidths(layoutRef.current, baseColumnWidths),
-			[key]: Math.round(width)
+	let t42;
+	if ($[76] !== rowMenu) {
+		t42 = rowMenu == null ? void 0 : typeof rowMenu === "function" ? rowMenu : () => rowMenu;
+		$[76] = rowMenu;
+		$[77] = t42;
+	} else t42 = $[77];
+	const resolveRowMenu = t42;
+	let t43;
+	if ($[78] !== resolveRowMenu || $[79] !== rowContextMenu || $[80] !== size) {
+		t43 = resolveRowMenu && rowContextMenu === true ? [{
+			key: ROW_MENU_COLUMN_KEY,
+			width: ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,
+			align: "center"
+		}] : void 0;
+		$[78] = resolveRowMenu;
+		$[79] = rowContextMenu;
+		$[80] = size;
+		$[81] = t43;
+	} else t43 = $[81];
+	const trailingColumns = t43;
+	let t44;
+	if ($[82] !== selection.isEnabled || $[83] !== size) {
+		t44 = selection.isEnabled ? [{
+			key: SELECTION_COLUMN_KEY,
+			width: SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,
+			align: "center"
+		}] : void 0;
+		$[82] = selection.isEnabled;
+		$[83] = size;
+		$[84] = t44;
+	} else t44 = $[84];
+	const leadingColumns = t44;
+	let t45;
+	if ($[85] !== columnWidthsProp || $[86] !== columns || $[87] !== containerWidth || $[88] !== defaultColumnWidths || $[89] !== leadingColumns || $[90] !== onColumnResize || $[91] !== storage || $[92] !== trailingColumns) {
+		t45 = {
+			columns,
+			containerWidth,
+			leadingColumns,
+			trailingColumns,
+			columnWidths: columnWidthsProp,
+			defaultColumnWidths,
+			onColumnResize,
+			storage
 		};
-		setDraftColumnWidths(draftColumnWidthsRef.current);
-	});
-	const handleColumnResizeEnd = useEvent((key_0) => {
-		const next_2 = draftColumnWidthsRef.current ?? baseColumnWidths;
-		if (columnWidthsProp === void 0) {
-			setOwnColumnWidths(next_2);
-			storage.write({ columnWidths: next_2 });
-		}
-		onColumnResize?.(key_0, next_2[key_0], next_2);
-		draftColumnWidthsRef.current = null;
-		setDraftColumnWidths(null);
-	});
-	const layout = useTableColumns({
-		columns,
-		containerWidth,
-		columnWidths,
-		leadingColumns,
-		trailingColumns
-	});
-	layoutRef.current = layout;
-	const bulkBar = bulkActions != null && bulkActions.length > 0 && selection.selectedCount > 0 ? /* @__PURE__ */ jsx(ItemTableBulkBar, {
-		actions: bulkActions,
-		placement: bulkBarPlacement,
-		styles: bulkBarStyles
-	}) : null;
+		$[85] = columnWidthsProp;
+		$[86] = columns;
+		$[87] = containerWidth;
+		$[88] = defaultColumnWidths;
+		$[89] = leadingColumns;
+		$[90] = onColumnResize;
+		$[91] = storage;
+		$[92] = trailingColumns;
+		$[93] = t45;
+	} else t45 = $[93];
+	const { layout, handleColumnResize, handleColumnResizeEnd } = useItemTableColumnWidths(t45);
+	const hasBulkSelection = bulkActions != null && bulkActions.length > 0 && selection.selectedCount > 0;
+	let t46;
+	if ($[94] !== bulkActions || $[95] !== bulkBarPlacement || $[96] !== bulkBarStyles || $[97] !== hasBulkSelection) {
+		t46 = hasBulkSelection ? /* @__PURE__ */ jsx(ItemTableBulkBar, {
+			actions: bulkActions,
+			placement: bulkBarPlacement,
+			styles: bulkBarStyles
+		}) : null;
+		$[94] = bulkActions;
+		$[95] = bulkBarPlacement;
+		$[96] = bulkBarStyles;
+		$[97] = hasBulkSelection;
+		$[98] = t46;
+	} else t46 = $[98];
+	const bulkBar = t46;
 	const isBulkBarInToolbar = bulkBar != null && bulkBarPlacement === "toolbar";
-	const toolbarNode = toolbar !== void 0 || isSearchable || filters != null || actions != null || onRefresh != null || isBulkBarInToolbar ? toolbar ?? /* @__PURE__ */ jsx(ItemTableToolbar, {
-		isSearchable,
-		filters,
-		actions: isBulkBarInToolbar ? bulkBar : actions,
-		isLoading,
-		styles: toolbarStyles,
-		searchStyles,
-		onRefresh
-	}) : null;
-	/**
-	* Pagination that cannot do anything is noise: one page of five rows still
-	* renders "1–5 of 5", a page-size selector whose every option shows the same
-	* five rows, and a solitary "1" button.
-	*
-	* "Cannot do anything" is both conditions together — a single page *and* a
-	* total that even the smallest page size would not split. A 15-row single
-	* page stays, because choosing "10 / page" would genuinely paginate it.
-	*/
-	const smallestPageSize = pageSizeOptions?.length ? Math.min(...pageSizeOptions) : pageSize;
-	const isPaginationUseless = autoHidePagination && !hasNextPage && pageInfo.totalPages <= 1 && total <= smallestPageSize;
-	const showPagination = isPaginated && !isPaginationUseless;
-	const footerNode = footer !== void 0 || showPagination || footerStart != null || footerCenter != null || footerEnd != null ? footer ?? /* @__PURE__ */ jsx(ItemTableFooter, {
-		start: footerStart,
-		center: footerCenter,
-		end: footerEnd,
-		styles: footerStyles,
-		pagination: showPagination ? {
-			page: pageInfo.page,
-			pageSize,
-			total,
-			totalPages: pageInfo.totalPages,
-			pageSizeOptions,
-			summary,
-			hasNextPage,
-			onPageChange: setPage,
-			onPageSizeChange: setPageSize
-		} : void 0
-	}) : null;
+	const hasToolbar = toolbar !== void 0 || isSearchable || filters != null || actions != null || onRefresh != null || isBulkBarInToolbar;
+	let t47;
+	if ($[99] !== actions || $[100] !== bulkBar || $[101] !== filters || $[102] !== hasToolbar || $[103] !== isBulkBarInToolbar || $[104] !== isLoading || $[105] !== isSearchable || $[106] !== onRefresh || $[107] !== searchStyles || $[108] !== toolbar || $[109] !== toolbarStyles) {
+		t47 = hasToolbar ? toolbar ?? /* @__PURE__ */ jsx(ItemTableToolbar, {
+			isSearchable,
+			filters,
+			actions: isBulkBarInToolbar ? bulkBar : actions,
+			isLoading,
+			styles: toolbarStyles,
+			searchStyles,
+			onRefresh
+		}) : null;
+		$[99] = actions;
+		$[100] = bulkBar;
+		$[101] = filters;
+		$[102] = hasToolbar;
+		$[103] = isBulkBarInToolbar;
+		$[104] = isLoading;
+		$[105] = isSearchable;
+		$[106] = onRefresh;
+		$[107] = searchStyles;
+		$[108] = toolbar;
+		$[109] = toolbarStyles;
+		$[110] = t47;
+	} else t47 = $[110];
+	const toolbarNode = t47;
+	const hasFooter = footer !== void 0 || pagination.control != null || footerStart != null || footerCenter != null || footerEnd != null;
+	let t48;
+	if ($[111] !== footer || $[112] !== footerCenter || $[113] !== footerEnd || $[114] !== footerStart || $[115] !== footerStyles || $[116] !== hasFooter || $[117] !== pagination.control) {
+		t48 = hasFooter ? footer ?? /* @__PURE__ */ jsx(ItemTableFooter, {
+			start: footerStart,
+			center: footerCenter,
+			end: footerEnd,
+			styles: footerStyles,
+			pagination: pagination.control
+		}) : null;
+		$[111] = footer;
+		$[112] = footerCenter;
+		$[113] = footerEnd;
+		$[114] = footerStart;
+		$[115] = footerStyles;
+		$[116] = hasFooter;
+		$[117] = pagination.control;
+		$[118] = t48;
+	} else t48 = $[118];
+	const footerNode = t48;
 	const bodyRef = useRef(null);
-	const rowKeys = useMemo(() => visibleRows.map((row, index) => String(visibleRowKeys?.[index] ?? resolvedGetRowKey(row, index))), [
-		visibleRows,
-		visibleRowKeys,
-		resolvedGetRowKey
-	]);
-	const handleReorder = useEvent((nextKeys) => {
-		const byKey = new Map(visibleRows.map((row_0, index_0) => [String(resolvedGetRowKey(row_0, index_0)), row_0]));
-		onReorder?.(nextKeys, nextKeys.map((key_1) => byKey.get(key_1)).filter((row_1) => row_1 !== void 0));
+	const drag = useItemTableDragDrop({
+		rows: visibleRows,
+		rowKeys: visibleRowKeys,
+		getRowKey: resolvedGetRowKey,
+		treeModel,
+		isReorderable,
+		onReorder,
+		dropOnRow,
+		getItemDragInfo
 	});
-	/**
-	* `DraggableCollection` owns the React Aria drag/drop hooks and hands the two
-	* states down. It is only mounted when reordering is on, so a plain table
-	* pays nothing for it.
-	*
-	* `RowCollection` and the `SelectionManager` from `useTableSelection` satisfy
-	* its structural `state` contract unchanged — both exist even when selection
-	* itself is off.
-	*/
 	const renderTable = (dragState, dropState, collectionProps) => /* @__PURE__ */ jsx(TableView, {
 		rootRef,
 		dragState,
@@ -351,8 +448,8 @@ function ItemTable(props, ref) {
 		qa: qa || "ItemTable",
 		rows: visibleRows,
 		rowKeys: visibleRowKeys,
-		rowIndexOffset: treeModel ? 0 : isPaginated ? (pageInfo.page - 1) * pageSize : 0,
-		totalRowCount: treeModel ? visibleRows.length : total,
+		rowIndexOffset: treeModel ? 0 : pagination.isPaginated ? (pagination.page - 1) * pagination.pageSize : 0,
+		totalRowCount: treeModel ? visibleRows.length : pagination.total,
 		getRowKey: resolvedGetRowKey,
 		layout,
 		onScrollerRef: setScrollerEl,
@@ -374,11 +471,11 @@ function ItemTable(props, ref) {
 		selectionTooltip,
 		rowLink,
 		onRowAction,
-		onLoadMore: isInfinite ? onLoadMore : void 0,
+		onLoadMore: pagination.isInfinite ? onLoadMore : void 0,
 		hasMore,
 		isLoadingMore,
 		loadMoreMargin,
-		isReorderable: isDragEnabled,
+		isReorderable: drag.isEnabled,
 		isResizable,
 		onColumnResize: handleColumnResize,
 		onColumnResizeEnd: handleColumnResizeEnd,
@@ -393,7 +490,7 @@ function ItemTable(props, ref) {
 		toolbar: toolbarNode,
 		footer: footerNode,
 		isFiltered: isFiltered ?? isSearching,
-		sortMode: treeSortMode,
+		sortMode: resolvedSortMode,
 		sort,
 		onColumnSort: toggleSort,
 		onColumnSortChange: setColumnSort,
@@ -420,60 +517,24 @@ function ItemTable(props, ref) {
 			columnKey: resolvedTreeColumnKey
 		} : void 0
 	});
-	const rowByKeyForDrop = useMemo(() => {
-		const map = /* @__PURE__ */ new Map();
-		visibleRows.forEach((row_2, index_1) => map.set(String(visibleRowKeys?.[index_1] ?? resolvedGetRowKey(row_2, index_1)), row_2));
-		return map;
-	}, [
-		visibleRows,
-		visibleRowKeys,
-		resolvedGetRowKey
-	]);
-	const handleItemDrop = useEvent((targetKey, draggedKeys) => {
-		if (!dropOnRow) return;
-		const target = rowByKeyForDrop.get(String(targetKey));
-		if (!target) return;
-		const draggedKeySet = new Set(draggedKeys);
-		const topmostDraggedKeys = treeModel ? draggedKeys.filter((key_2) => {
-			let parent = treeModel.parentOf.get(key_2);
-			while (parent != null) {
-				if (draggedKeySet.has(parent)) return false;
-				parent = treeModel.parentOf.get(parent);
-			}
-			return true;
-		}) : draggedKeys;
-		if (treeModel && topmostDraggedKeys.some((key_3) => isTableTreeDescendant(treeModel, targetKey, key_3))) return;
-		const dragged = topmostDraggedKeys.map((key_4) => rowByKeyForDrop.get(String(key_4))).filter((row_3) => row_3 !== void 0 && row_3 !== target);
-		if (!dragged.length) return;
-		if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;
-		dropOnRow.onDrop(dragged, target);
-	});
-	const renderDragPreview = useEvent((keys) => /* @__PURE__ */ jsx(ItemTableDragPreview, {
-		rows: keys.map((key_5) => rowByKeyForDrop.get(String(key_5))).filter((row_4) => row_4 !== void 0),
-		getItemDragInfo
-	}));
-	const shouldAcceptItemDrop = useEvent((targetKey_0) => {
-		const target_0 = rowByKeyForDrop.get(String(targetKey_0));
-		return target_0 != null && (dropOnRow?.isTarget(target_0) ?? false);
-	});
-	const isDragEnabled = !treeModel && isReorderable || dropOnRow != null;
-	const table = isDragEnabled ? /* @__PURE__ */ jsx(DraggableCollection, {
+	const table = drag.isEnabled ? /* @__PURE__ */ jsx(DraggableCollection, {
 		state: {
 			collection: selection.collection,
 			selectionManager: selection.selectionManager,
 			disabledKeys: new Set(disabledKeys ?? [])
 		},
 		listRef: bodyRef,
-		orderedKeys: rowKeys,
+		orderedKeys: drag.orderedKeys,
 		orientation: "vertical",
-		onReorder: !treeModel && isReorderable ? handleReorder : void 0,
-		onItemDrop: dropOnRow ? handleItemDrop : void 0,
-		shouldAcceptItemDrop: dropOnRow ? shouldAcceptItemDrop : void 0,
-		renderPreview: getItemDragInfo ? renderDragPreview : void 0,
+		onReorder: drag.onReorder,
+		onItemDrop: drag.onItemDrop,
+		shouldAcceptItemDrop: drag.shouldAcceptItemDrop,
+		renderPreview: drag.renderPreview,
 		children: (dragState_0, dropState_0, collectionProps_0) => renderTable(dragState_0, dropState_0, collectionProps_0)
 	}) : renderTable();
-	return /* @__PURE__ */ jsx(ItemTableChromeProvider, {
-		value: {
+	let t49;
+	if ($[119] !== isLoading || $[120] !== onRefresh || $[121] !== searchPlaceholder || $[122] !== searchValue || $[123] !== selection.clearSelection || $[124] !== selection.selectedCount || $[125] !== selection.selectedKeys || $[126] !== selection.selectedRows || $[127] !== setSearchValue) {
+		t49 = {
 			searchValue,
 			setSearchValue,
 			searchPlaceholder,
@@ -483,9 +544,35 @@ function ItemTable(props, ref) {
 			selectedRows: selection.selectedRows,
 			selectedCount: selection.selectedCount,
 			clearSelection: selection.clearSelection
-		},
-		children: table
-	});
+		};
+		$[119] = isLoading;
+		$[120] = onRefresh;
+		$[121] = searchPlaceholder;
+		$[122] = searchValue;
+		$[123] = selection.clearSelection;
+		$[124] = selection.selectedCount;
+		$[125] = selection.selectedKeys;
+		$[126] = selection.selectedRows;
+		$[127] = setSearchValue;
+		$[128] = t49;
+	} else t49 = $[128];
+	let t50;
+	if ($[129] !== t49 || $[130] !== table) {
+		t50 = /* @__PURE__ */ jsx(ItemTableChromeProvider, {
+			value: t49,
+			children: table
+		});
+		$[129] = t49;
+		$[130] = table;
+		$[131] = t50;
+	} else t50 = $[131];
+	return t50;
+}
+function _temp2(entry_1) {
+	return entry_1.key;
+}
+function _temp(entry_0) {
+	return entry_0.row;
 }
 const _ItemTable = Object.assign(forwardRef(ItemTable), {
 	Search: ItemTableSearch,