@rotki/ui-library 2.21.0 → 2.22.1

package/dist/composables/tables/data-table/grouping.js

@@ -1,5 +1,5 @@
 import { assert } from "../../../utils/assert.js";
-import { isRow } from "./types.js";
+import { GROUP_HEADER_BRAND, isRow } from "./types.js";
 import { computed, ref, watch } from "vue";
 import { isDefined } from "@vueuse/core";
 import { get as get$1, set as set$1 } from "@vueuse/shared";
@@ -7,7 +7,7 @@ import { get as get$1, set as set$1 } from "@vueuse/shared";
 var GROUP_KEY_SEPARATOR = "\0";
 function useTableGrouping(options, deps) {
 	const { rowAttr } = options;
-	const { group, collapsed, sorted, emitCopyGroup } = deps;
+	const { group, collapsed, sorted } = deps;
 	const collapsedRows = ref([]);
 	watch(collapsed, (value) => set$1(collapsedRows, value ?? []), { immediate: true });
 	const groupKeys = computed(() => {
@@ -16,17 +16,16 @@ function useTableGrouping(options, deps) {
 		if (!Array.isArray(groupBy)) return [groupBy];
 		return groupBy;
 	});
-	const groupKey = computed(() => get$1(groupKeys).join(":"));
-	const isGrouped = computed(() => !!get$1(groupKey));
+	const groupKey = computed(() => {
+		return get$1(groupKeys).join(":") || void 0;
+	});
+	const isGrouped = computed(() => get$1(groupKey) !== void 0);
 	const collapsedIdentifierSet = computed(() => new Set(get$1(collapsedRows).map((row) => row[rowAttr])));
 	const collapsedGroupKeySet = computed(() => {
 		const grouping = get$1(groupKeys);
 		if (grouping.length === 0) return /* @__PURE__ */ new Set();
 		const seen = /* @__PURE__ */ new Set();
-		for (const row of get$1(collapsedRows)) {
-			const groupVal = grouping.map((key) => row[key]).filter(isDefined).join(GROUP_KEY_SEPARATOR);
-			seen.add(groupVal);
-		}
+		for (const row of get$1(collapsedRows)) seen.add(computeGroupKey(row, grouping));
 		return seen;
 	});
 	function getRowGroup(row) {
@@ -40,7 +39,13 @@ function useTableGrouping(options, deps) {
 		return grouping.every((key) => a[key] === b[key]);
 	}
 	function isExpandedGroup(value) {
-		const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);
+		const grouping = get$1(groupKeys);
+		let groupVal = "";
+		for (const gk of grouping) {
+			if (groupVal) groupVal += GROUP_KEY_SEPARATOR;
+			const val = value[gk];
+			groupVal += isDefined(val) ? val : "";
+		}
 		return !get$1(collapsedGroupKeySet).has(groupVal);
 	}
 	function isHiddenRow(row) {
@@ -48,27 +53,40 @@ function useTableGrouping(options, deps) {
 		if (!isRow(row)) return false;
 		return get$1(collapsedIdentifierSet).has(row[rowAttr]);
 	}
+	function computeGroupKey(row, grouping) {
+		let key = "";
+		for (const gk of grouping) {
+			if (key) key += GROUP_KEY_SEPARATOR;
+			const val = row[gk];
+			key += isDefined(val) ? val : "";
+		}
+		return key;
+	}
 	const mappedGroups = computed(() => {
-		if (!get$1(isGrouped)) return {};
+		const grouping = get$1(groupKeys);
+		if (grouping.length === 0) return {};
 		const result = get$1(sorted);
 		const identifier = rowAttr;
-		return result.reduce((acc, row) => {
-			if (!isDefined(row[identifier]) || row[identifier] === "") return acc;
-			const rowGroup = getRowGroup(row);
-			const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);
+		const acc = {};
+		for (const row of result) {
+			if (!isDefined(row[identifier]) || row[identifier] === "") continue;
+			const groupVal = computeGroupKey(row, grouping);
 			if (!acc[groupVal]) acc[groupVal] = [{
-				__header__: true,
-				group: rowGroup,
+				[GROUP_HEADER_BRAND]: true,
+				group: getRowGroup(row),
 				identifier: groupVal
 			}];
 			acc[groupVal].push(row);
-			return acc;
-		}, {});
+		}
+		return acc;
 	});
 	const grouped = computed(() => {
 		const result = get$1(sorted);
 		if (!get$1(groupKey)) return result;
-		return Object.values(get$1(mappedGroups)).flat();
+		const groups = get$1(mappedGroups);
+		const out = [];
+		for (const items of Object.values(groups)) for (const item of items) out.push(item);
+		return out;
 	});
 	function getGroupRows(groupVal) {
 		if (!get$1(isGrouped)) return [];
@@ -89,9 +107,6 @@ function useTableGrouping(options, deps) {
 		set$1(collapsed, []);
 		set$1(group, Array.isArray(get$1(group)) ? [] : void 0);
 	}
-	function onCopyGroup(value) {
-		emitCopyGroup(value);
-	}
 	return {
 		groupKeys,
 		groupKey,
@@ -104,8 +119,7 @@ function useTableGrouping(options, deps) {
 		isExpandedGroup,
 		isHiddenRow,
 		onToggleExpandGroup,
-		onUngroup,
-		onCopyGroup
+		onUngroup
 	};
 }
 //#endregion

package/dist/composables/tables/data-table/grouping.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping.js","names":[],"sources":["../../../../src/composables/tables/data-table/grouping.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { GroupData, TableRowKey, TableRowKeyData } from '@/components/tables/RuiTableHead.vue';\nimport {\n  type GroupedTableRow,\n  type GroupHeader,\n  isRow,\n} from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableGroupingOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n}\n\nexport interface UseTableGroupingDeps<T extends object> {\n  group: Ref<TableRowKeyData<T>>;\n  collapsed: Ref<T[] | undefined>;\n  sorted: ComputedRef<T[]>;\n  emitCopyGroup: (value: GroupData<T>) => void;\n}\n\nexport interface UseTableGroupingReturn<T extends object> {\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  groupKey: ComputedRef<string>;\n  isGrouped: ComputedRef<boolean>;\n  mappedGroups: ComputedRef<Record<string, GroupedTableRow<T>[]>>;\n  grouped: ComputedRef<GroupedTableRow<T>[]>;\n  getRowGroup: (row: T) => Partial<T>;\n  getGroupRows: (groupVal: string) => T[];\n  compareGroupsFn: (a: T, b: Partial<T>) => boolean;\n  isExpandedGroup: (value: Partial<T>) => boolean;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  onToggleExpandGroup: (group: Partial<T>, value?: string) => void;\n  onUngroup: () => void;\n  onCopyGroup: (value: GroupData<T>) => void;\n}\n\n// Null character separator prevents false collisions when group values contain commas\nconst GROUP_KEY_SEPARATOR = '\\0';\n\nexport function useTableGrouping<T extends object, IdType extends keyof T>(\n  options: UseTableGroupingOptions<T, IdType>,\n  deps: UseTableGroupingDeps<T>,\n): UseTableGroupingReturn<T> {\n  const { rowAttr } = options;\n  const { group, collapsed, sorted, emitCopyGroup } = deps;\n\n  const collapsedRows: Ref<T[]> = ref([]);\n\n  watch(collapsed, value => set(collapsedRows, value ?? []), { immediate: true });\n\n  const groupKeys: ComputedRef<TableRowKey<T>[]> = computed(() => {\n    const groupBy = get(group);\n\n    if (!groupBy)\n      return [];\n\n    if (!Array.isArray(groupBy))\n      return [groupBy];\n\n    return groupBy;\n  });\n\n  const groupKey = computed<string>(() => get(groupKeys).join(':'));\n\n  const isGrouped = computed<boolean>(() => !!get(groupKey));\n\n  const collapsedIdentifierSet = computed<Set<T[IdType]>>(\n    () => new Set(get(collapsedRows).map(row => row[rowAttr])),\n  );\n\n  const collapsedGroupKeySet = computed<Set<string>>(() => {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return new Set<string>();\n\n    const seen = new Set<string>();\n    for (const row of get(collapsedRows)) {\n      const groupVal = grouping\n        .map(key => row[key])\n        .filter(isDefined)\n        .join(GROUP_KEY_SEPARATOR);\n      seen.add(groupVal);\n    }\n    return seen;\n  });\n\n  function getRowGroup(row: T): Partial<T> {\n    const result: Partial<T> = {};\n    for (const key of get(groupKeys)) {\n      result[key] = row[key];\n    }\n    return result;\n  }\n\n  function compareGroupsFn(a: T, b: Partial<T>): boolean {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return false;\n\n    return grouping.every(key => a[key] === b[key]);\n  }\n\n  function isExpandedGroup(value: Partial<T>): boolean {\n    const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n    return !get(collapsedGroupKeySet).has(groupVal);\n  }\n\n  function isHiddenRow(row: GroupedTableRow<T>): boolean {\n    if (!get(isGrouped))\n      return false;\n    if (!isRow(row))\n      return false;\n    return get(collapsedIdentifierSet).has(row[rowAttr]);\n  }\n\n  const mappedGroups = computed<Record<string, GroupedTableRow<T>[]>>(() => {\n    if (!get(isGrouped))\n      return {};\n\n    const result = get(sorted);\n    const identifier = rowAttr;\n\n    return result.reduce((acc: Record<string, GroupedTableRow<T>[]>, row) => {\n      if (!isDefined(row[identifier]) || row[identifier] === '')\n        return acc;\n\n      const rowGroup = getRowGroup(row);\n      const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n      if (!acc[groupVal]) {\n        acc[groupVal] = [\n          {\n            __header__: true,\n            group: rowGroup,\n            identifier: groupVal,\n          } satisfies GroupHeader<T>,\n        ];\n      }\n\n      acc[groupVal].push(row);\n\n      return acc;\n    }, {});\n  });\n\n  const grouped = computed<GroupedTableRow<T>[]>(() => {\n    const result = get(sorted);\n    const groupByKey = get(groupKey);\n\n    if (!groupByKey)\n      return result;\n\n    return Object.values(get(mappedGroups)).flat();\n  });\n\n  function getGroupRows(groupVal: string): T[] {\n    if (!get(isGrouped))\n      return [];\n\n    const groupRows = get(mappedGroups)[groupVal];\n    assert(groupRows);\n    return groupRows.filter(isRow);\n  }\n\n  function onToggleExpandGroup(groupPartial: Partial<T>, value?: string): void {\n    if (!value)\n      return;\n\n    const currentCollapsed = get(collapsedRows);\n\n    const groupExpanded = isExpandedGroup(groupPartial);\n\n    const groupRows = getGroupRows(value);\n\n    set(\n      collapsedRows,\n      groupExpanded\n        ? [...currentCollapsed, ...groupRows]\n        : currentCollapsed.filter(row => !compareGroupsFn(row, groupPartial)),\n    );\n\n    set(collapsed, get(collapsedRows));\n  }\n\n  function onUngroup(): void {\n    set(collapsedRows, []);\n\n    set(collapsed, []);\n    set(group, Array.isArray(get(group)) ? [] : undefined);\n  }\n\n  function onCopyGroup(value: GroupData<T>): void {\n    emitCopyGroup(value);\n  }\n\n  return {\n    groupKeys,\n    groupKey,\n    isGrouped,\n    mappedGroups,\n    grouped,\n    getRowGroup,\n    getGroupRows,\n    compareGroupsFn,\n    isExpandedGroup,\n    isHiddenRow,\n    onToggleExpandGroup,\n    onUngroup,\n    onCopyGroup,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"grouping.js","names":[],"sources":["../../../../src/composables/tables/data-table/grouping.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { TableRowKey, TableRowKeyData } from '@/components/tables/RuiTableHead.vue';\nimport {\n  GROUP_HEADER_BRAND,\n  type GroupedTableRow,\n  type GroupHeader,\n  isRow,\n} from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableGroupingOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n}\n\nexport interface UseTableGroupingDeps<T extends object> {\n  group: Ref<TableRowKeyData<T>>;\n  collapsed: Ref<T[] | undefined>;\n  sorted: ComputedRef<readonly T[]>;\n}\n\nexport interface UseTableGroupingReturn<T extends object> {\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  groupKey: ComputedRef<string | undefined>;\n  isGrouped: ComputedRef<boolean>;\n  mappedGroups: ComputedRef<Record<string, GroupedTableRow<T>[]>>;\n  grouped: ComputedRef<readonly GroupedTableRow<T>[]>;\n  getRowGroup: (row: T) => Partial<T>;\n  getGroupRows: (groupVal: string) => T[];\n  compareGroupsFn: (a: T, b: Partial<T>) => boolean;\n  isExpandedGroup: (value: Partial<T>) => boolean;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  onToggleExpandGroup: (group: Partial<T>, value?: string) => void;\n  onUngroup: () => void;\n}\n\n// Null character separator prevents false collisions when group values contain commas\nconst GROUP_KEY_SEPARATOR = '\\0';\n\nexport function useTableGrouping<T extends object, IdType extends keyof T>(\n  options: UseTableGroupingOptions<T, IdType>,\n  deps: UseTableGroupingDeps<T>,\n): UseTableGroupingReturn<T> {\n  const { rowAttr } = options;\n  const { group, collapsed, sorted } = deps;\n\n  const collapsedRows: Ref<T[]> = ref([]);\n\n  watch(collapsed, value => set(collapsedRows, value ?? []), { immediate: true });\n\n  const groupKeys: ComputedRef<TableRowKey<T>[]> = computed(() => {\n    const groupBy = get(group);\n\n    if (!groupBy)\n      return [];\n\n    if (!Array.isArray(groupBy))\n      return [groupBy];\n\n    return groupBy;\n  });\n\n  const groupKey = computed<string | undefined>(() => {\n    const key = get(groupKeys).join(':');\n    return key || undefined;\n  });\n\n  const isGrouped = computed<boolean>(() => get(groupKey) !== undefined);\n\n  const collapsedIdentifierSet = computed<Set<T[IdType]>>(\n    () => new Set(get(collapsedRows).map(row => row[rowAttr])),\n  );\n\n  const collapsedGroupKeySet = computed<Set<string>>(() => {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return new Set<string>();\n\n    const seen = new Set<string>();\n    for (const row of get(collapsedRows))\n      seen.add(computeGroupKey(row, grouping));\n    return seen;\n  });\n\n  function getRowGroup(row: T): Partial<T> {\n    const result: Partial<T> = {};\n    for (const key of get(groupKeys)) {\n      result[key] = row[key];\n    }\n    return result;\n  }\n\n  function compareGroupsFn(a: T, b: Partial<T>): boolean {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return false;\n\n    return grouping.every(key => a[key] === b[key]);\n  }\n\n  function isExpandedGroup(value: Partial<T>): boolean {\n    const grouping = get(groupKeys);\n    let groupVal = '';\n    for (const gk of grouping) {\n      if (groupVal)\n        groupVal += GROUP_KEY_SEPARATOR;\n      const val = value[gk];\n      groupVal += isDefined(val) ? val : '';\n    }\n    return !get(collapsedGroupKeySet).has(groupVal);\n  }\n\n  function isHiddenRow(row: GroupedTableRow<T>): boolean {\n    if (!get(isGrouped))\n      return false;\n    if (!isRow(row))\n      return false;\n    return get(collapsedIdentifierSet).has(row[rowAttr]);\n  }\n\n  function computeGroupKey(row: T, grouping: TableRowKey<T>[]): string {\n    let key = '';\n    for (const gk of grouping) {\n      if (key)\n        key += GROUP_KEY_SEPARATOR;\n      const val = row[gk];\n      key += isDefined(val) ? val : '';\n    }\n    return key;\n  }\n\n  const mappedGroups = computed<Record<string, GroupedTableRow<T>[]>>(() => {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return {};\n\n    const result = get(sorted);\n    const identifier = rowAttr;\n    const acc: Record<string, GroupedTableRow<T>[]> = {};\n\n    for (const row of result) {\n      if (!isDefined(row[identifier]) || row[identifier] === '')\n        continue;\n\n      const groupVal = computeGroupKey(row, grouping);\n      if (!acc[groupVal]) {\n        acc[groupVal] = [\n          {\n            [GROUP_HEADER_BRAND]: true,\n            group: getRowGroup(row),\n            identifier: groupVal,\n          } satisfies GroupHeader<T>,\n        ];\n      }\n\n      acc[groupVal].push(row);\n    }\n\n    return acc;\n  });\n\n  const grouped = computed<readonly GroupedTableRow<T>[]>(() => {\n    const result = get(sorted);\n    const groupByKey = get(groupKey);\n\n    if (!groupByKey)\n      return result;\n\n    const groups = get(mappedGroups);\n    const out: GroupedTableRow<T>[] = [];\n    for (const items of Object.values(groups)) {\n      for (const item of items)\n        out.push(item);\n    }\n    return out;\n  });\n\n  function getGroupRows(groupVal: string): T[] {\n    if (!get(isGrouped))\n      return [];\n\n    const groupRows = get(mappedGroups)[groupVal];\n    assert(groupRows);\n    return groupRows.filter(isRow);\n  }\n\n  function onToggleExpandGroup(groupPartial: Partial<T>, value?: string): void {\n    if (!value)\n      return;\n\n    const currentCollapsed = get(collapsedRows);\n\n    const groupExpanded = isExpandedGroup(groupPartial);\n\n    const groupRows = getGroupRows(value);\n\n    set(\n      collapsedRows,\n      groupExpanded\n        ? [...currentCollapsed, ...groupRows]\n        : currentCollapsed.filter(row => !compareGroupsFn(row, groupPartial)),\n    );\n\n    set(collapsed, get(collapsedRows));\n  }\n\n  function onUngroup(): void {\n    set(collapsedRows, []);\n\n    set(collapsed, []);\n    set(group, Array.isArray(get(group)) ? [] : undefined);\n  }\n\n  return {\n    groupKeys,\n    groupKey,\n    isGrouped,\n    mappedGroups,\n    grouped,\n    getRowGroup,\n    getGroupRows,\n    compareGroupsFn,\n    isExpandedGroup,\n    isHiddenRow,\n    onToggleExpandGroup,\n    onUngroup,\n  };\n}\n"],"mappings":"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"}

package/dist/composables/tables/data-table/pagination.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, Ref } from 'vue';
+import type { ComputedRef, DeepReadonly, Ref, ShallowRef } from 'vue';
 import type { TableSortData } from '../../../components/tables/RuiTableHead.vue';
 import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue';
 import type { TableOptions as TableDefaultOptions } from '../../../composables/defaults/table.js';
@@ -13,7 +13,7 @@ export interface UseTablePaginationOptions {
 }
 export interface UseTablePaginationDeps<T extends object> {
     pagination: Ref<TablePaginationData | undefined>;
-    grouped: ComputedRef<GroupedTableRow<T>[]>;
+    grouped: ComputedRef<readonly GroupedTableRow<T>[]>;
     isHiddenRow: (row: GroupedTableRow<T>) => boolean;
     sort: Ref<TableSortData<T>>;
     emitUpdateOptions: (options: {
@@ -25,9 +25,9 @@ export interface UseTablePaginationDeps<T extends object> {
 export interface UseTablePaginationReturn<T extends object> {
     paginationData: Ref<TablePaginationData>;
     filtered: ComputedRef<GroupedTableRow<T>[]>;
-    itemsLength: Ref<number>;
+    itemsLength: DeepReadonly<ShallowRef<number>>;
     globalItemsPerPageSettings: ComputedRef<boolean>;
-    setInternalTotal: (items: GroupedTableRow<T>[]) => void;
+    setInternalTotal: (items: readonly GroupedTableRow<T>[]) => void;
     resetPagination: () => void;
 }
 export declare function useTablePagination<T extends object>(options: UseTablePaginationOptions, deps: UseTablePaginationDeps<T>): UseTablePaginationReturn<T>;

package/dist/composables/tables/data-table/pagination.js

@@ -1,8 +1,62 @@
-import { assert } from "../../../utils/assert.js";
 import { isRow } from "./types.js";
-import { computed, ref, shallowRef, watch } from "vue";
+import { computed, readonly, ref, shallowRef, watch } from "vue";
 import { get, set } from "@vueuse/shared";
 //#region src/composables/tables/data-table/pagination.ts
+/**
+* Skip data rows until the page start offset, tracking the last group header seen.
+* Returns the index where collection should begin and the last group header before the slice.
+*/
+function skipToPageStart(result, start) {
+	let dataCount = 0;
+	let lastGroupHeader;
+	for (const [i, item] of result.entries()) if (isRow(item)) {
+		dataCount++;
+		if (dataCount > start) return {
+			startIndex: i,
+			dataCount,
+			lastGroupHeader
+		};
+	} else if (dataCount < start) lastGroupHeader = item;
+	else return {
+		startIndex: i,
+		dataCount,
+		lastGroupHeader
+	};
+	return {
+		startIndex: result.length,
+		dataCount,
+		lastGroupHeader
+	};
+}
+/**
+* Collect data rows (and interleaved group headers) for the current page.
+*/
+function collectPageRows(items, limit) {
+	const data = [];
+	let collected = 0;
+	for (const item of items) {
+		data.push(item);
+		if (isRow(item)) {
+			collected++;
+			if (collected >= limit) break;
+		}
+	}
+	return data;
+}
+/**
+* Single-pass pagination that counts only data rows while preserving group headers.
+* Prepends the nearest group header when a page starts mid-group, and removes
+* trailing group headers with no data rows after them.
+*/
+function paginateGroupedRows(result, start, limit) {
+	const { startIndex, lastGroupHeader } = skipToPageStart(result, start);
+	const data = collectPageRows(result.slice(startIndex), limit);
+	const firstItem = data[0];
+	if (firstItem && isRow(firstItem) && lastGroupHeader) data.unshift(lastGroupHeader);
+	const lastItem = data.at(-1);
+	if (lastItem && !isRow(lastItem)) data.pop();
+	return data;
+}
 function useTablePagination(options, deps) {
 	const { itemsPerPage, paginationModifiersExternal, globalItemsPerPage } = options;
 	const { pagination, grouped, isHiddenRow, sort, emitUpdateOptions, tableDefaults } = deps;
@@ -40,27 +94,15 @@ function useTablePagination(options, deps) {
 	const filtered = computed(() => {
 		const result = get(grouped);
 		const paginated = get(paginationData);
-		const limit = paginated.limit;
-		if (!paginationModifiersExternal) {
-			const start = (paginated.page - 1) * limit;
-			const end = start + limit;
-			const preGroups = result.slice(0, start + 1).filter((item) => !isRow(item));
-			const postGroups = result.slice(start + 1, end + preGroups.length).filter((item) => !isRow(item));
-			const data = result.slice(start + preGroups.length, end + preGroups.length + postGroups.length);
-			const nearestGroup = preGroups.at(-1);
-			if (data.length > 0) {
-				const firstItem = data[0];
-				assert(firstItem);
-				if (isRow(firstItem) && nearestGroup) data.unshift(nearestGroup);
-				const lastItem = data.at(-1);
-				if (lastItem && !isRow(lastItem)) data.pop();
-			}
-			return data.filter((row) => !isHiddenRow(row));
-		}
+		if (!paginationModifiersExternal) return paginateGroupedRows(result, (paginated.page - 1) * paginated.limit, paginated.limit).filter((row) => !isHiddenRow(row));
 		return result.filter((row) => !isHiddenRow(row));
 	});
 	function setInternalTotal(items) {
-		if (!paginationModifiersExternal) set(itemsLength, items.filter(isRow).length);
+		if (!paginationModifiersExternal) {
+			let count = 0;
+			for (const item of items) if (isRow(item)) count++;
+			set(itemsLength, count);
+		}
 	}
 	function resetPagination() {
 		set(paginationData, {
@@ -90,7 +132,7 @@ function useTablePagination(options, deps) {
 	return {
 		paginationData,
 		filtered,
-		itemsLength,
+		itemsLength: readonly(itemsLength),
 		globalItemsPerPageSettings,
 		setInternalTotal,
 		resetPagination

package/dist/composables/tables/data-table/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../../src/composables/tables/data-table/pagination.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport type { TableOptions as TableDefaultOptions } from '@/composables/defaults/table';\nimport { type GroupedTableRow, isRow } from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTablePaginationOptions {\n  /** The default number of items displayed per page. */\n  itemsPerPage: number;\n  /** Whether pagination is managed externally (e.g. server-side). */\n  paginationModifiersExternal: boolean | undefined;\n  /** Whether to share the items-per-page setting across all tables. */\n  globalItemsPerPage: boolean | undefined;\n}\n\nexport interface UseTablePaginationDeps<T extends object> {\n  pagination: Ref<TablePaginationData | undefined>;\n  grouped: ComputedRef<GroupedTableRow<T>[]>;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  sort: Ref<TableSortData<T>>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n  tableDefaults: TableDefaultOptions;\n}\n\nexport interface UseTablePaginationReturn<T extends object> {\n  paginationData: Ref<TablePaginationData>;\n  filtered: ComputedRef<GroupedTableRow<T>[]>;\n  itemsLength: Ref<number>;\n  globalItemsPerPageSettings: ComputedRef<boolean>;\n  setInternalTotal: (items: GroupedTableRow<T>[]) => void;\n  resetPagination: () => void;\n}\n\nexport function useTablePagination<T extends object>(\n  options: UseTablePaginationOptions,\n  deps: UseTablePaginationDeps<T>,\n): UseTablePaginationReturn<T> {\n  const { itemsPerPage, paginationModifiersExternal, globalItemsPerPage } = options;\n  const { pagination, grouped, isHiddenRow, sort, emitUpdateOptions, tableDefaults } = deps;\n\n  const itemsLength = shallowRef<number>(0);\n  const internalPaginationState: Ref<TablePaginationData | undefined> = ref();\n\n  const globalItemsPerPageSettings = computed<boolean>(() => {\n    if (globalItemsPerPage !== undefined)\n      return globalItemsPerPage;\n\n    return get(tableDefaults.globalItemsPerPage);\n  });\n\n  const paginationData: Ref<TablePaginationData> = computed({\n    get(): TablePaginationData {\n      const paginated = get(internalPaginationState);\n      if (!paginated) {\n        return {\n          total: get(itemsLength),\n          limit: itemsPerPage,\n          page: 1,\n        };\n      }\n\n      if (paginationModifiersExternal)\n        return paginated;\n\n      return {\n        total: get(itemsLength),\n        limit: paginated.limit,\n        page: paginated.page,\n        limits: paginated.limits,\n      };\n    },\n    set(value: TablePaginationData) {\n      set(internalPaginationState, value);\n      set(pagination, value);\n      emitUpdateOptions({\n        pagination: value,\n        sort: get(sort),\n      });\n    },\n  });\n\n  const filtered = computed<GroupedTableRow<T>[]>(() => {\n    const result = get(grouped);\n\n    const paginated = get(paginationData);\n    const limit = paginated.limit;\n    if (!paginationModifiersExternal) {\n      const start = (paginated.page - 1) * limit;\n      const end = start + limit;\n      const preGroups = result.slice(0, start + 1).filter(item => !isRow(item));\n      const postGroups = result\n        .slice(start + 1, end + preGroups.length)\n        .filter(item => !isRow(item));\n      const data = result.slice(\n        start + preGroups.length,\n        end + preGroups.length + postGroups.length,\n      );\n      const nearestGroup = preGroups.at(-1);\n      if (data.length > 0) {\n        const firstItem = data[0];\n        assert(firstItem);\n        if (isRow(firstItem) && nearestGroup)\n          data.unshift(nearestGroup);\n        const lastItem = data.at(-1);\n        if (lastItem && !isRow(lastItem))\n          data.pop();\n      }\n\n      return data.filter(row => !isHiddenRow(row));\n    }\n\n    return result.filter(row => !isHiddenRow(row));\n  });\n\n  function setInternalTotal(items: GroupedTableRow<T>[]): void {\n    if (!paginationModifiersExternal)\n      set(itemsLength, items.filter(isRow).length);\n  }\n\n  function resetPagination(): void {\n    set(paginationData, {\n      ...get(paginationData),\n      page: 1,\n    });\n  }\n\n  // Sync external pagination model to internal state\n  watch(pagination, val => set(internalPaginationState, val), { immediate: true });\n\n  // Sync pagination limit to global table defaults\n  watch(internalPaginationState, (paginationState) => {\n    if (paginationState?.limit && get(globalItemsPerPageSettings))\n      set(tableDefaults.itemsPerPage, paginationState.limit);\n  });\n\n  // Sync global table defaults to pagination limit\n  watch(\n    tableDefaults.itemsPerPage,\n    (perPage) => {\n      if (!get(globalItemsPerPageSettings))\n        return;\n\n      set(paginationData, {\n        ...get(paginationData),\n        limit: perPage,\n      });\n    },\n    { immediate: true },\n  );\n\n  // Auto-adjust page when current page exceeds max available pages\n  watch(paginationData, (paginationState) => {\n    const { total, limit, page } = paginationState;\n    const maxPages = Math.ceil(total / limit);\n\n    if (maxPages > 0 && page > maxPages) {\n      set(paginationData, {\n        ...paginationState,\n        page: maxPages,\n      });\n    }\n  });\n\n  return {\n    paginationData,\n    filtered,\n    itemsLength,\n    globalItemsPerPageSettings,\n    setInternalTotal,\n    resetPagination,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../../src/composables/tables/data-table/pagination.ts"],"sourcesContent":["import type { ComputedRef, DeepReadonly, Ref, ShallowRef } from 'vue';\nimport type { TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport type { TableOptions as TableDefaultOptions } from '@/composables/defaults/table';\nimport { type GroupedTableRow, isRow } from '@/composables/tables/data-table/types';\n\nexport interface UseTablePaginationOptions {\n  /** The default number of items displayed per page. */\n  itemsPerPage: number;\n  /** Whether pagination is managed externally (e.g. server-side). */\n  paginationModifiersExternal: boolean | undefined;\n  /** Whether to share the items-per-page setting across all tables. */\n  globalItemsPerPage: boolean | undefined;\n}\n\nexport interface UseTablePaginationDeps<T extends object> {\n  pagination: Ref<TablePaginationData | undefined>;\n  grouped: ComputedRef<readonly GroupedTableRow<T>[]>;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  sort: Ref<TableSortData<T>>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n  tableDefaults: TableDefaultOptions;\n}\n\nexport interface UseTablePaginationReturn<T extends object> {\n  paginationData: Ref<TablePaginationData>;\n  filtered: ComputedRef<GroupedTableRow<T>[]>;\n  itemsLength: DeepReadonly<ShallowRef<number>>;\n  globalItemsPerPageSettings: ComputedRef<boolean>;\n  setInternalTotal: (items: readonly GroupedTableRow<T>[]) => void;\n  resetPagination: () => void;\n}\n\n/**\n * Skip data rows until the page start offset, tracking the last group header seen.\n * Returns the index where collection should begin and the last group header before the slice.\n */\nfunction skipToPageStart<T extends object>(\n  result: readonly GroupedTableRow<T>[],\n  start: number,\n): { startIndex: number; dataCount: number; lastGroupHeader: GroupedTableRow<T> | undefined } {\n  let dataCount = 0;\n  let lastGroupHeader: GroupedTableRow<T> | undefined;\n\n  for (const [i, item] of result.entries()) {\n    if (isRow(item)) {\n      dataCount++;\n      if (dataCount > start)\n        return { startIndex: i, dataCount, lastGroupHeader };\n    }\n    else if (dataCount < start) {\n      lastGroupHeader = item;\n    }\n    else {\n      return { startIndex: i, dataCount, lastGroupHeader };\n    }\n  }\n\n  return { startIndex: result.length, dataCount, lastGroupHeader };\n}\n\n/**\n * Collect data rows (and interleaved group headers) for the current page.\n */\nfunction collectPageRows<T extends object>(\n  items: readonly GroupedTableRow<T>[],\n  limit: number,\n): GroupedTableRow<T>[] {\n  const data: GroupedTableRow<T>[] = [];\n  let collected = 0;\n\n  for (const item of items) {\n    data.push(item);\n\n    if (isRow(item)) {\n      collected++;\n      if (collected >= limit)\n        break;\n    }\n  }\n\n  return data;\n}\n\n/**\n * Single-pass pagination that counts only data rows while preserving group headers.\n * Prepends the nearest group header when a page starts mid-group, and removes\n * trailing group headers with no data rows after them.\n */\nfunction paginateGroupedRows<T extends object>(\n  result: readonly GroupedTableRow<T>[],\n  start: number,\n  limit: number,\n): GroupedTableRow<T>[] {\n  const { startIndex, lastGroupHeader } = skipToPageStart(result, start);\n  const data = collectPageRows(result.slice(startIndex), limit);\n\n  // Prepend the nearest group header if the first item is a data row\n  const firstItem = data[0];\n  if (firstItem && isRow(firstItem) && lastGroupHeader)\n    data.unshift(lastGroupHeader);\n\n  // Remove trailing group header with no data rows after it\n  const lastItem = data.at(-1);\n  if (lastItem && !isRow(lastItem))\n    data.pop();\n\n  return data;\n}\n\nexport function useTablePagination<T extends object>(\n  options: UseTablePaginationOptions,\n  deps: UseTablePaginationDeps<T>,\n): UseTablePaginationReturn<T> {\n  const { itemsPerPage, paginationModifiersExternal, globalItemsPerPage } = options;\n  const { pagination, grouped, isHiddenRow, sort, emitUpdateOptions, tableDefaults } = deps;\n\n  const itemsLength = shallowRef<number>(0);\n  const internalPaginationState: Ref<TablePaginationData | undefined> = ref();\n\n  const globalItemsPerPageSettings = computed<boolean>(() => {\n    if (globalItemsPerPage !== undefined)\n      return globalItemsPerPage;\n\n    return get(tableDefaults.globalItemsPerPage);\n  });\n\n  const paginationData: Ref<TablePaginationData> = computed({\n    get(): TablePaginationData {\n      const paginated = get(internalPaginationState);\n      if (!paginated) {\n        return {\n          total: get(itemsLength),\n          limit: itemsPerPage,\n          page: 1,\n        };\n      }\n\n      if (paginationModifiersExternal)\n        return paginated;\n\n      return {\n        total: get(itemsLength),\n        limit: paginated.limit,\n        page: paginated.page,\n        limits: paginated.limits,\n      };\n    },\n    set(value: TablePaginationData) {\n      set(internalPaginationState, value);\n      set(pagination, value);\n      emitUpdateOptions({\n        pagination: value,\n        sort: get(sort),\n      });\n    },\n  });\n\n  const filtered = computed<GroupedTableRow<T>[]>(() => {\n    const result = get(grouped);\n\n    const paginated = get(paginationData);\n    if (!paginationModifiersExternal) {\n      const start = (paginated.page - 1) * paginated.limit;\n      const data = paginateGroupedRows(result, start, paginated.limit);\n      return data.filter(row => !isHiddenRow(row));\n    }\n\n    return result.filter(row => !isHiddenRow(row));\n  });\n\n  function setInternalTotal(items: readonly GroupedTableRow<T>[]): void {\n    if (!paginationModifiersExternal) {\n      let count = 0;\n      for (const item of items) {\n        if (isRow(item))\n          count++;\n      }\n      set(itemsLength, count);\n    }\n  }\n\n  function resetPagination(): void {\n    set(paginationData, {\n      ...get(paginationData),\n      page: 1,\n    });\n  }\n\n  // Sync external pagination model to internal state\n  watch(pagination, val => set(internalPaginationState, val), { immediate: true });\n\n  // Sync pagination limit to global table defaults\n  watch(internalPaginationState, (paginationState) => {\n    if (paginationState?.limit && get(globalItemsPerPageSettings))\n      set(tableDefaults.itemsPerPage, paginationState.limit);\n  });\n\n  // Sync global table defaults to pagination limit\n  watch(\n    tableDefaults.itemsPerPage,\n    (perPage) => {\n      if (!get(globalItemsPerPageSettings))\n        return;\n\n      set(paginationData, {\n        ...get(paginationData),\n        limit: perPage,\n      });\n    },\n    { immediate: true },\n  );\n\n  // Auto-adjust page when current page exceeds max available pages\n  watch(paginationData, (paginationState) => {\n    const { total, limit, page } = paginationState;\n    const maxPages = Math.ceil(total / limit);\n\n    if (maxPages > 0 && page > maxPages) {\n      set(paginationData, {\n        ...paginationState,\n        page: maxPages,\n      });\n    }\n  });\n\n  return {\n    paginationData,\n    filtered,\n    itemsLength: readonly(itemsLength),\n    globalItemsPerPageSettings,\n    setInternalTotal,\n    resetPagination,\n  };\n}\n"],"mappings":"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"}

package/dist/composables/tables/data-table/selection.js

@@ -1,7 +1,7 @@
 import { assert } from "../../../utils/assert.js";
 import { useTimeoutManager } from "../../timeout-manager.js";
 import { isRow } from "./types.js";
-import { computed, ref, shallowRef, toValue, watch } from "vue";
+import { computed, shallowRef, toValue, watch } from "vue";
 import { isDefined } from "@vueuse/core";
 import { get as get$1, set as set$1 } from "@vueuse/shared";
 //#region src/composables/tables/data-table/selection.ts
@@ -10,9 +10,9 @@ function useTableSelection(options, deps) {
 	const { selectedData, filtered } = deps;
 	const shiftClicked = shallowRef(false);
 	const lastSelectedIndex = shallowRef(-1);
-	const internalSelectedData = ref([]);
+	const internalSelectedData = shallowRef([]);
 	const { create: scheduleShiftSelect } = useTimeoutManager();
-	watch(selectedData, (val) => set$1(internalSelectedData, val), { immediate: true });
+	watch(selectedData, (val) => set$1(internalSelectedData, val ?? []), { immediate: true });
 	const visibleIdentifiers = computed(() => get$1(filtered).filter(isRow).map((row) => row[rowAttr]));
 	const selectedSet = computed(() => new Set(get$1(selectedData) ?? []));
 	const disabledRowKeySet = computed(() => {
@@ -52,7 +52,7 @@ function useTableSelection(options, deps) {
 		if (!isDefined(selectedRows)) return;
 		if (!multiPageSelect) if (checked) set$1(selectedData, get$1(visibleIdentifiers).filter(isSelectable));
 		else set$1(selectedData, get$1(visibleIdentifiers).filter(mustSelect));
-		else if (checked) set$1(selectedData, Array.from(new Set([...selectedRows, ...get$1(visibleIdentifiers).filter(isSelectable)])));
+		else if (checked) set$1(selectedData, Array.from(/* @__PURE__ */ new Set([...selectedRows, ...get$1(visibleIdentifiers).filter(isSelectable)])));
 		else {
 			const visibleSet = new Set(get$1(visibleIdentifiers));
 			const mustSelectSet = new Set(get$1(visibleIdentifiers).filter(mustSelect));
@@ -65,7 +65,7 @@ function useTableSelection(options, deps) {
 		if (!selectedRows) return;
 		const selected = isSelected(value);
 		if (checked && !selected) set$1(internalSelectedData, [...selectedRows, value]);
-		else if (!checked && selected) set$1(internalSelectedData, [...selectedRows].filter((r) => r !== value));
+		else if (!checked && selected) set$1(internalSelectedData, selectedRows.filter((r) => r !== value));
 		if (userAction) set$1(selectedData, get$1(internalSelectedData));
 	}
 	function onCheckboxClick(event, value, index) {
@@ -88,10 +88,20 @@ function useTableSelection(options, deps) {
 				else {
 					const from = Math.min(lastIndex, index);
 					const to = Math.max(lastIndex, index);
+					const currentSelected = get$1(internalSelectedData);
+					const rangeIds = [];
 					for (let i = from; i <= to; i++) {
 						const currSelectedData = tableData[i];
 						assert(currSelectedData);
-						if (isRow(currSelectedData) && !isDisabledRow(currSelectedData[rowAttr])) onSelect(valueToApply, currSelectedData[rowAttr]);
+						if (isRow(currSelectedData) && !isDisabledRow(currSelectedData[rowAttr])) rangeIds.push(currSelectedData[rowAttr]);
+					}
+					if (valueToApply) {
+						const existing = new Set(currentSelected);
+						const toAdd = rangeIds.filter((id) => !existing.has(id));
+						set$1(internalSelectedData, [...currentSelected, ...toAdd]);
+					} else {
+						const toRemove = new Set(rangeIds);
+						set$1(internalSelectedData, currentSelected.filter((id) => !toRemove.has(id)));
 					}
 				}
 				set$1(lastSelectedIndex, index);

package/dist/composables/tables/data-table/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":[],"sources":["../../../../src/composables/tables/data-table/selection.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport { type GroupedTableRow, isRow } from '@/composables/tables/data-table/types';\nimport { useTimeoutManager } from '@/composables/timeout-manager';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableSelectionOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n  /** Whether selection persists across pages. */\n  multiPageSelect: boolean;\n  /** Rows that cannot be selected or deselected by the user. */\n  disabledRows: MaybeRefOrGetter<readonly T[] | undefined>;\n}\n\nexport interface UseTableSelectionDeps<T extends object, IdType extends keyof T> {\n  selectedData: Ref<T[IdType][] | undefined>;\n  filtered: ComputedRef<GroupedTableRow<T>[]>;\n}\n\nexport interface UseTableSelectionReturn<T extends object, IdType extends keyof T> {\n  visibleIdentifiers: ComputedRef<T[IdType][]>;\n  isAllSelected: ComputedRef<boolean>;\n  indeterminate: ComputedRef<boolean>;\n  isSelected: (identifier: T[IdType]) => boolean;\n  isDisabledRow: (rowKey: T[IdType]) => boolean;\n  isSelectable: (rowKey: T[IdType]) => boolean;\n  mustSelect: (rowKey: T[IdType]) => boolean;\n  onToggleAll: (checked: boolean) => void;\n  onSelect: (checked: boolean, value: T[IdType], userAction?: boolean) => void;\n  onCheckboxClick: (event: MouseEvent, value: T[IdType], index: number) => void;\n  deselectRemovedRows: () => void;\n  resetCheckboxShiftState: () => void;\n}\n\nexport function useTableSelection<T extends object, IdType extends keyof T>(\n  options: UseTableSelectionOptions<T, IdType>,\n  deps: UseTableSelectionDeps<T, IdType>,\n): UseTableSelectionReturn<T, IdType> {\n  const { rowAttr, multiPageSelect, disabledRows } = options;\n  const { selectedData, filtered } = deps;\n\n  const shiftClicked: Ref<boolean> = shallowRef(false);\n  const lastSelectedIndex: Ref<number> = shallowRef(-1);\n  const internalSelectedData: Ref<T[IdType][]> = ref([]);\n  const { create: scheduleShiftSelect } = useTimeoutManager();\n\n  // Sync external selection model to internal state\n  watch(selectedData, val => set(internalSelectedData, val), { immediate: true });\n\n  const visibleIdentifiers = computed<T[IdType][]>(() =>\n    get(filtered)\n      .filter(isRow)\n      .map(row => row[rowAttr]),\n  );\n\n  const selectedSet = computed<Set<T[IdType]>>(() => new Set(get(selectedData) ?? []));\n\n  const disabledRowKeySet = computed<Set<T[IdType]>>(() => {\n    const currentDisabledRows = toValue(disabledRows);\n    if (!currentDisabledRows || !rowAttr)\n      return new Set<T[IdType]>();\n    return new Set<T[IdType]>(currentDisabledRows.map((row: T) => row[rowAttr]));\n  });\n\n  const isAllSelected = computed<boolean>(() => {\n    const selectedRows = get(selectedData);\n    if (!selectedRows || selectedRows.length === 0)\n      return false;\n\n    const selected = get(selectedSet);\n    return get(visibleIdentifiers).every(id => selected.has(id));\n  });\n\n  const indeterminate = computed<boolean>(() => {\n    const selectedRows = get(selectedData);\n    if (!selectedRows)\n      return false;\n\n    return selectedRows.length > 0 && !get(isAllSelected);\n  });\n\n  function isSelected(identifier: T[IdType]): boolean {\n    return get(selectedSet).has(identifier);\n  }\n\n  function isDisabledRow(rowKey: T[IdType]): boolean {\n    return get(disabledRowKeySet).has(rowKey);\n  }\n\n  function isSelectable(rowKey: T[IdType]): boolean {\n    return isSelected(rowKey) || !isDisabledRow(rowKey);\n  }\n\n  function mustSelect(rowKey: T[IdType]): boolean {\n    return isSelected(rowKey) && isDisabledRow(rowKey);\n  }\n\n  function resetCheckboxShiftState(): void {\n    set(shiftClicked, false);\n    set(lastSelectedIndex, -1);\n  }\n\n  function onToggleAll(checked: boolean): void {\n    const selectedRows = get(selectedData);\n\n    if (!isDefined(selectedRows))\n      return;\n\n    if (!multiPageSelect) {\n      if (checked)\n        set(selectedData, get(visibleIdentifiers).filter(isSelectable));\n      else set(selectedData, get(visibleIdentifiers).filter(mustSelect));\n    }\n    else {\n      if (checked) {\n        set(\n          selectedData,\n          Array.from(new Set([...selectedRows, ...get(visibleIdentifiers).filter(isSelectable)])),\n        );\n      }\n      else {\n        const visibleSet = new Set(get(visibleIdentifiers));\n        const mustSelectSet = new Set(get(visibleIdentifiers).filter(mustSelect));\n        set(\n          selectedData,\n          selectedRows.filter(rowKey => !visibleSet.has(rowKey) || mustSelectSet.has(rowKey)),\n        );\n      }\n    }\n  }\n\n  function onSelect(checked: boolean, value: T[IdType], userAction: boolean = false): void {\n    if (get(shiftClicked) && userAction)\n      return;\n\n    const selectedRows = get(internalSelectedData);\n    if (!selectedRows)\n      return;\n\n    const selected = isSelected(value);\n\n    if (checked && !selected) {\n      set(internalSelectedData, [...selectedRows, value]);\n    }\n    else if (!checked && selected) {\n      set(\n        internalSelectedData,\n        [...selectedRows].filter(r => r !== value),\n      );\n    }\n\n    if (userAction)\n      set(selectedData, get(internalSelectedData));\n  }\n\n  function onCheckboxClick(event: MouseEvent, value: T[IdType], index: number): void {\n    const currentTarget = event.currentTarget;\n    if (!(currentTarget instanceof HTMLElement))\n      return;\n\n    const input = currentTarget.querySelector('input');\n    const target = event.target;\n    const nodeName = target instanceof HTMLElement ? target.nodeName : undefined;\n\n    const shiftKey = event.shiftKey;\n    set(shiftClicked, shiftKey);\n\n    if (input && nodeName !== 'INPUT') {\n      if (shiftKey) {\n        scheduleShiftSelect(() => {\n          let lastIndex = get(lastSelectedIndex);\n          if (lastIndex === -1)\n            lastIndex = index;\n          const tableData = get(filtered);\n          const lastSelectedData = tableData[lastIndex];\n          assert(lastSelectedData);\n\n          if (isRow(lastSelectedData)) {\n            const valueToApply = isSelected(lastSelectedData[rowAttr]);\n\n            if (lastIndex === index) {\n              onSelect(!valueToApply, value);\n            }\n            else {\n              const from = Math.min(lastIndex, index);\n              const to = Math.max(lastIndex, index);\n\n              for (let i = from; i <= to; i++) {\n                const currSelectedData = tableData[i];\n                assert(currSelectedData);\n                if (isRow(currSelectedData) && !isDisabledRow(currSelectedData[rowAttr]))\n                  onSelect(valueToApply, currSelectedData[rowAttr]);\n              }\n            }\n\n            set(lastSelectedIndex, index);\n            set(selectedData, get(internalSelectedData));\n          }\n        }, 1);\n      }\n      else {\n        set(lastSelectedIndex, index);\n      }\n    }\n  }\n\n  function deselectRemovedRows(): void {\n    const currentSelected = get(selectedData);\n    if (!currentSelected)\n      return;\n\n    const visibleSet = new Set(get(visibleIdentifiers));\n    const remaining = currentSelected.filter(key => visibleSet.has(key));\n\n    if (remaining.length !== currentSelected.length)\n      set(selectedData, remaining);\n  }\n\n  return {\n    visibleIdentifiers,\n    isAllSelected,\n    indeterminate,\n    isSelected,\n    isDisabledRow,\n    isSelectable,\n    mustSelect,\n    onToggleAll,\n    onSelect,\n    onCheckboxClick,\n    deselectRemovedRows,\n    resetCheckboxShiftState,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"selection.js","names":[],"sources":["../../../../src/composables/tables/data-table/selection.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport { type GroupedTableRow, isRow } from '@/composables/tables/data-table/types';\nimport { useTimeoutManager } from '@/composables/timeout-manager';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableSelectionOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n  /** Whether selection persists across pages. */\n  multiPageSelect: boolean;\n  /** Rows that cannot be selected or deselected by the user. */\n  disabledRows: MaybeRefOrGetter<readonly T[] | undefined>;\n}\n\nexport interface UseTableSelectionDeps<T extends object, IdType extends keyof T> {\n  selectedData: Ref<T[IdType][] | undefined>;\n  filtered: ComputedRef<GroupedTableRow<T>[]>;\n}\n\nexport interface UseTableSelectionReturn<T extends object, IdType extends keyof T> {\n  visibleIdentifiers: ComputedRef<T[IdType][]>;\n  isAllSelected: ComputedRef<boolean>;\n  indeterminate: ComputedRef<boolean>;\n  isSelected: (identifier: T[IdType]) => boolean;\n  isDisabledRow: (rowKey: T[IdType]) => boolean;\n  isSelectable: (rowKey: T[IdType]) => boolean;\n  mustSelect: (rowKey: T[IdType]) => boolean;\n  onToggleAll: (checked: boolean) => void;\n  onSelect: (checked: boolean, value: T[IdType], userAction?: boolean) => void;\n  onCheckboxClick: (event: MouseEvent, value: T[IdType], index: number) => void;\n  deselectRemovedRows: () => void;\n  resetCheckboxShiftState: () => void;\n}\n\nexport function useTableSelection<T extends object, IdType extends keyof T>(\n  options: UseTableSelectionOptions<T, IdType>,\n  deps: UseTableSelectionDeps<T, IdType>,\n): UseTableSelectionReturn<T, IdType> {\n  const { rowAttr, multiPageSelect, disabledRows } = options;\n  const { selectedData, filtered } = deps;\n\n  const shiftClicked: Ref<boolean> = shallowRef(false);\n  const lastSelectedIndex: Ref<number> = shallowRef(-1);\n  const internalSelectedData: Ref<T[IdType][]> = shallowRef([]);\n  const { create: scheduleShiftSelect } = useTimeoutManager();\n\n  // Sync external selection model to internal state\n  watch(selectedData, val => set(internalSelectedData, val ?? []), { immediate: true });\n\n  const visibleIdentifiers = computed<T[IdType][]>(() =>\n    get(filtered)\n      .filter(isRow)\n      .map(row => row[rowAttr]),\n  );\n\n  const selectedSet = computed<Set<T[IdType]>>(() => new Set(get(selectedData) ?? []));\n\n  const disabledRowKeySet = computed<Set<T[IdType]>>(() => {\n    const currentDisabledRows = toValue(disabledRows);\n    if (!currentDisabledRows || !rowAttr)\n      return new Set<T[IdType]>();\n    return new Set<T[IdType]>(currentDisabledRows.map((row: T) => row[rowAttr]));\n  });\n\n  const isAllSelected = computed<boolean>(() => {\n    const selectedRows = get(selectedData);\n    if (!selectedRows || selectedRows.length === 0)\n      return false;\n\n    const selected = get(selectedSet);\n    return get(visibleIdentifiers).every(id => selected.has(id));\n  });\n\n  const indeterminate = computed<boolean>(() => {\n    const selectedRows = get(selectedData);\n    if (!selectedRows)\n      return false;\n\n    return selectedRows.length > 0 && !get(isAllSelected);\n  });\n\n  function isSelected(identifier: T[IdType]): boolean {\n    return get(selectedSet).has(identifier);\n  }\n\n  function isDisabledRow(rowKey: T[IdType]): boolean {\n    return get(disabledRowKeySet).has(rowKey);\n  }\n\n  function isSelectable(rowKey: T[IdType]): boolean {\n    return isSelected(rowKey) || !isDisabledRow(rowKey);\n  }\n\n  function mustSelect(rowKey: T[IdType]): boolean {\n    return isSelected(rowKey) && isDisabledRow(rowKey);\n  }\n\n  function resetCheckboxShiftState(): void {\n    set(shiftClicked, false);\n    set(lastSelectedIndex, -1);\n  }\n\n  function onToggleAll(checked: boolean): void {\n    const selectedRows = get(selectedData);\n\n    if (!isDefined(selectedRows))\n      return;\n\n    if (!multiPageSelect) {\n      if (checked)\n        set(selectedData, get(visibleIdentifiers).filter(isSelectable));\n      else set(selectedData, get(visibleIdentifiers).filter(mustSelect));\n    }\n    else {\n      if (checked) {\n        set(\n          selectedData,\n          Array.from(new Set([...selectedRows, ...get(visibleIdentifiers).filter(isSelectable)])),\n        );\n      }\n      else {\n        const visibleSet = new Set(get(visibleIdentifiers));\n        const mustSelectSet = new Set(get(visibleIdentifiers).filter(mustSelect));\n        set(\n          selectedData,\n          selectedRows.filter(rowKey => !visibleSet.has(rowKey) || mustSelectSet.has(rowKey)),\n        );\n      }\n    }\n  }\n\n  function onSelect(checked: boolean, value: T[IdType], userAction: boolean = false): void {\n    if (get(shiftClicked) && userAction)\n      return;\n\n    const selectedRows = get(internalSelectedData);\n    if (!selectedRows)\n      return;\n\n    const selected = isSelected(value);\n\n    if (checked && !selected) {\n      set(internalSelectedData, [...selectedRows, value]);\n    }\n    else if (!checked && selected) {\n      set(\n        internalSelectedData,\n        selectedRows.filter(r => r !== value),\n      );\n    }\n\n    if (userAction)\n      set(selectedData, get(internalSelectedData));\n  }\n\n  function onCheckboxClick(event: MouseEvent, value: T[IdType], index: number): void {\n    const currentTarget = event.currentTarget;\n    if (!(currentTarget instanceof HTMLElement))\n      return;\n\n    const input = currentTarget.querySelector('input');\n    const target = event.target;\n    const nodeName = target instanceof HTMLElement ? target.nodeName : undefined;\n\n    const shiftKey = event.shiftKey;\n    set(shiftClicked, shiftKey);\n\n    if (input && nodeName !== 'INPUT') {\n      if (shiftKey) {\n        scheduleShiftSelect(() => {\n          let lastIndex = get(lastSelectedIndex);\n          if (lastIndex === -1)\n            lastIndex = index;\n          const tableData = get(filtered);\n          const lastSelectedData = tableData[lastIndex];\n          assert(lastSelectedData);\n\n          if (isRow(lastSelectedData)) {\n            const valueToApply = isSelected(lastSelectedData[rowAttr]);\n\n            if (lastIndex === index) {\n              onSelect(!valueToApply, value);\n            }\n            else {\n              const from = Math.min(lastIndex, index);\n              const to = Math.max(lastIndex, index);\n\n              // Batch: collect all IDs in range, then update once\n              const currentSelected = get(internalSelectedData);\n              const rangeIds: T[IdType][] = [];\n              for (let i = from; i <= to; i++) {\n                const currSelectedData = tableData[i];\n                assert(currSelectedData);\n                if (isRow(currSelectedData) && !isDisabledRow(currSelectedData[rowAttr]))\n                  rangeIds.push(currSelectedData[rowAttr]);\n              }\n\n              if (valueToApply) {\n                const existing = new Set(currentSelected);\n                const toAdd = rangeIds.filter(id => !existing.has(id));\n                set(internalSelectedData, [...currentSelected, ...toAdd]);\n              }\n              else {\n                const toRemove = new Set(rangeIds);\n                set(internalSelectedData, currentSelected.filter(id => !toRemove.has(id)));\n              }\n            }\n\n            set(lastSelectedIndex, index);\n            set(selectedData, get(internalSelectedData));\n          }\n        }, 1);\n      }\n      else {\n        set(lastSelectedIndex, index);\n      }\n    }\n  }\n\n  function deselectRemovedRows(): void {\n    const currentSelected = get(selectedData);\n    if (!currentSelected)\n      return;\n\n    const visibleSet = new Set(get(visibleIdentifiers));\n    const remaining = currentSelected.filter(key => visibleSet.has(key));\n\n    if (remaining.length !== currentSelected.length)\n      set(selectedData, remaining);\n  }\n\n  return {\n    visibleIdentifiers,\n    isAllSelected,\n    indeterminate,\n    isSelected,\n    isDisabledRow,\n    isSelectable,\n    mustSelect,\n    onToggleAll,\n    onSelect,\n    onCheckboxClick,\n    deselectRemovedRows,\n    resetCheckboxShiftState,\n  };\n}\n"],"mappings":"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"}

package/dist/composables/tables/data-table/sort.d.ts

@@ -1,6 +1,7 @@
 import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
 import type { SortColumn, TableRowKey, TableSortData } from '../../../components/tables/RuiTableHead.vue';
 import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue';
+import { SortDirection } from '../../../components/tables/table-props.js';
 export interface UseTableSortOptions<T extends object> {
     /** The data rows to sort. */
     rows: MaybeRefOrGetter<readonly T[]>;
@@ -20,13 +21,13 @@ export interface UseTableSortDeps<T extends object> {
 export interface UseTableSortReturn<T extends object> {
     sortData: ComputedRef<TableSortData<T>>;
     sortedMap: ComputedRef<Partial<Record<TableRowKey<T>, SortColumn<T>>>>;
-    searchData: ComputedRef<T[]>;
-    sorted: ComputedRef<T[]>;
+    searchData: ComputedRef<readonly T[]>;
+    sorted: ComputedRef<readonly T[]>;
     isSortedBy: (key: TableRowKey<T>) => boolean;
     getSortIndex: (key: TableRowKey<T>) => number;
     onSort: (payload: {
         key: TableRowKey<T>;
-        direction?: 'asc' | 'desc';
+        direction?: SortDirection;
     }) => void;
 }
 export declare function useTableSort<T extends object>(options: UseTableSortOptions<T>, deps: UseTableSortDeps<T>): UseTableSortReturn<T>;