@rotki/ui-library 2.21.0 → 2.22.0

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":";;;;;;AAqCA,IAAM,sBAAsB;AAE5B,SAAgB,iBACd,SACA,MAC2B;CAC3B,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,OAAO,WAAW,WAAW;CAErC,MAAM,gBAA0B,IAAI,CAAC,CAAC;CAEtC,MAAM,YAAW,UAAS,MAAI,eAAe,SAAS,CAAC,CAAC,GAAG,EAAE,WAAW,KAAK,CAAC;CAE9E,MAAM,YAA2C,eAAe;EAC9D,MAAM,UAAU,MAAI,KAAK;EAEzB,IAAI,CAAC,SACH,OAAO,CAAC;EAEV,IAAI,CAAC,MAAM,QAAQ,OAAO,GACxB,OAAO,CAAC,OAAO;EAEjB,OAAO;CACT,CAAC;CAED,MAAM,WAAW,eAAmC;EAElD,OADY,MAAI,SAAS,CAAC,CAAC,KAAK,GACzB,KAAO,KAAA;CAChB,CAAC;CAED,MAAM,YAAY,eAAwB,MAAI,QAAQ,MAAM,KAAA,CAAS;CAErE,MAAM,yBAAyB,eACvB,IAAI,IAAI,MAAI,aAAa,CAAC,CAAC,KAAI,QAAO,IAAI,QAAQ,CAAC,CAC3D;CAEA,MAAM,uBAAuB,eAA4B;EACvD,MAAM,WAAW,MAAI,SAAS;EAC9B,IAAI,SAAS,WAAW,GACtB,uBAAO,IAAI,IAAY;EAEzB,MAAM,uBAAO,IAAI,IAAY;EAC7B,KAAK,MAAM,OAAO,MAAI,aAAa,GACjC,KAAK,IAAI,gBAAgB,KAAK,QAAQ,CAAC;EACzC,OAAO;CACT,CAAC;CAED,SAAS,YAAY,KAAoB;EACvC,MAAM,SAAqB,CAAC;EAC5B,KAAK,MAAM,OAAO,MAAI,SAAS,GAC7B,OAAO,OAAO,IAAI;EAEpB,OAAO;CACT;CAEA,SAAS,gBAAgB,GAAM,GAAwB;EACrD,MAAM,WAAW,MAAI,SAAS;EAC9B,IAAI,SAAS,WAAW,GACtB,OAAO;EAET,OAAO,SAAS,OAAM,QAAO,EAAE,SAAS,EAAE,IAAI;CAChD;CAEA,SAAS,gBAAgB,OAA4B;EACnD,MAAM,WAAW,MAAI,SAAS;EAC9B,IAAI,WAAW;EACf,KAAK,MAAM,MAAM,UAAU;GACzB,IAAI,UACF,YAAY;GACd,MAAM,MAAM,MAAM;GAClB,YAAY,UAAU,GAAG,IAAI,MAAM;EACrC;EACA,OAAO,CAAC,MAAI,oBAAoB,CAAC,CAAC,IAAI,QAAQ;CAChD;CAEA,SAAS,YAAY,KAAkC;EACrD,IAAI,CAAC,MAAI,SAAS,GAChB,OAAO;EACT,IAAI,CAAC,MAAM,GAAG,GACZ,OAAO;EACT,OAAO,MAAI,sBAAsB,CAAC,CAAC,IAAI,IAAI,QAAQ;CACrD;CAEA,SAAS,gBAAgB,KAAQ,UAAoC;EACnE,IAAI,MAAM;EACV,KAAK,MAAM,MAAM,UAAU;GACzB,IAAI,KACF,OAAO;GACT,MAAM,MAAM,IAAI;GAChB,OAAO,UAAU,GAAG,IAAI,MAAM;EAChC;EACA,OAAO;CACT;CAEA,MAAM,eAAe,eAAqD;EACxE,MAAM,WAAW,MAAI,SAAS;EAC9B,IAAI,SAAS,WAAW,GACtB,OAAO,CAAC;EAEV,MAAM,SAAS,MAAI,MAAM;EACzB,MAAM,aAAa;EACnB,MAAM,MAA4C,CAAC;EAEnD,KAAK,MAAM,OAAO,QAAQ;GACxB,IAAI,CAAC,UAAU,IAAI,WAAW,KAAK,IAAI,gBAAgB,IACrD;GAEF,MAAM,WAAW,gBAAgB,KAAK,QAAQ;GAC9C,IAAI,CAAC,IAAI,WACP,IAAI,YAAY,CACd;KACG,qBAAqB;IACtB,OAAO,YAAY,GAAG;IACtB,YAAY;GACd,CACF;GAGF,IAAI,SAAS,CAAC,KAAK,GAAG;EACxB;EAEA,OAAO;CACT,CAAC;CAED,MAAM,UAAU,eAA8C;EAC5D,MAAM,SAAS,MAAI,MAAM;EAGzB,IAAI,CAFe,MAAI,QAElB,GACH,OAAO;EAET,MAAM,SAAS,MAAI,YAAY;EAC/B,MAAM,MAA4B,CAAC;EACnC,KAAK,MAAM,SAAS,OAAO,OAAO,MAAM,GACtC,KAAK,MAAM,QAAQ,OACjB,IAAI,KAAK,IAAI;EAEjB,OAAO;CACT,CAAC;CAED,SAAS,aAAa,UAAuB;EAC3C,IAAI,CAAC,MAAI,SAAS,GAChB,OAAO,CAAC;EAEV,MAAM,YAAY,MAAI,YAAY,CAAC,CAAC;EACpC,OAAO,SAAS;EAChB,OAAO,UAAU,OAAO,KAAK;CAC/B;CAEA,SAAS,oBAAoB,cAA0B,OAAsB;EAC3E,IAAI,CAAC,OACH;EAEF,MAAM,mBAAmB,MAAI,aAAa;EAE1C,MAAM,gBAAgB,gBAAgB,YAAY;EAElD,MAAM,YAAY,aAAa,KAAK;EAEpC,MACE,eACA,gBACI,CAAC,GAAG,kBAAkB,GAAG,SAAS,IAClC,iBAAiB,QAAO,QAAO,CAAC,gBAAgB,KAAK,YAAY,CAAC,CACxE;EAEA,MAAI,WAAW,MAAI,aAAa,CAAC;CACnC;CAEA,SAAS,YAAkB;EACzB,MAAI,eAAe,CAAC,CAAC;EAErB,MAAI,WAAW,CAAC,CAAC;EACjB,MAAI,OAAO,MAAM,QAAQ,MAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAA,CAAS;CACvD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

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>;

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

@@ -1,4 +1,6 @@
 import { assert } from "../../../utils/assert.js";
+import { SortDirection } from "../../../components/tables/table-props.js";
+import { getObjectKeys } from "./types.js";
 import { computed, toValue } from "vue";
 import { get, set } from "@vueuse/shared";
 //#region src/composables/tables/data-table/sort.ts
@@ -6,10 +8,26 @@ var SORT_COLLATOR = new Intl.Collator(void 0, {
 	sensitivity: "accent",
 	usage: "sort"
 });
+function toggleDirection(direction) {
+	return direction === SortDirection.asc ? SortDirection.desc : SortDirection.asc;
+}
+/**
+* Detect whether each column contains numeric data by sampling the first non-null value.
+*/
+function detectNumericColumns(activeColumns, data) {
+	const isNumericCol = /* @__PURE__ */ new Map();
+	for (const key of activeColumns) for (const row of data) {
+		const val = row[key];
+		if (val != null) {
+			isNumericCol.set(key, !Number.isNaN(Number(val)));
+			break;
+		}
+	}
+	return isNumericCol;
+}
 function useTableSort(options, deps) {
 	const { rows, search, sortModifiersExternal } = options;
 	const { sort, pagination, emitUpdateOptions } = deps;
-	const getKeys = (t) => Object.keys(t);
 	const sortData = computed({
 		get() {
 			return get(sort);
@@ -36,30 +54,47 @@ function useTableSort(options, deps) {
 			return acc;
 		}, mapped);
 	});
+	const searchIndex = computed(() => {
+		if (!toValue(search)) return /* @__PURE__ */ new Map();
+		const currentRows = toValue(rows);
+		const index = /* @__PURE__ */ new Map();
+		for (const row of currentRows) {
+			const parts = [];
+			for (const key of getObjectKeys(row)) parts.push(`${row[key]}`);
+			index.set(row, parts.join("\0").toLocaleLowerCase());
+		}
+		return index;
+	});
 	const searchData = computed(() => {
 		const currentRows = toValue(rows);
 		const query = toValue(search)?.toLocaleLowerCase();
-		if (!query) return [...currentRows];
-		return currentRows.filter((row) => getKeys(row).some((key) => `${row[key]}`.toLocaleLowerCase().includes(query)));
+		if (!query) return currentRows;
+		const index = get(searchIndex);
+		return currentRows.filter((row) => {
+			return index.get(row)?.includes(query) ?? false;
+		});
 	});
 	const sorted = computed(() => {
 		const sortBy = get(sortData);
 		if (!sortBy || sortModifiersExternal) return get(searchData);
 		const data = [...get(searchData)];
-		const sortFn = (by) => {
-			data.sort((a, b) => {
-				const column = by.column;
-				if (!column) return 0;
-				let [aValue, bValue] = [a[column], b[column]];
-				if (by.direction === "desc") [aValue, bValue] = [bValue, aValue];
-				const aNumber = Number(aValue);
-				const bNumber = Number(bValue);
-				if (!isNaN(aNumber) && !isNaN(bNumber)) return aNumber - bNumber;
-				return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);
-			});
-		};
-		if (!Array.isArray(sortBy)) sortFn(sortBy);
-		else [...sortBy].reverse().forEach(sortFn);
+		const sortColumns = Array.isArray(sortBy) ? sortBy : [sortBy];
+		const activeColumns = sortColumns.map((col) => col.column).filter((col) => !!col);
+		if (activeColumns.length === 0) return data;
+		const isNumericCol = detectNumericColumns(activeColumns, data);
+		const directionMap = /* @__PURE__ */ new Map();
+		for (const col of sortColumns) if (col.column) directionMap.set(col.column, col.direction ?? SortDirection.asc);
+		data.sort((a, b) => {
+			for (const key of activeColumns) {
+				let [aVal, bVal] = [a[key], b[key]];
+				if (directionMap.get(key) === SortDirection.desc) [aVal, bVal] = [bVal, aVal];
+				let result;
+				if (isNumericCol.get(key)) result = Number(aVal) - Number(bVal);
+				else result = SORT_COLLATOR.compare(`${aVal}`, `${bVal}`);
+				if (result !== 0) return result;
+			}
+			return 0;
+		});
 		return data;
 	});
 	function isSortedBy(key) {
@@ -70,42 +105,45 @@ function useTableSort(options, deps) {
 		if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key)) return -1;
 		return sortBy.findIndex((s) => s.column === key);
 	}
-	function onSort({ key, direction }) {
-		const sortBy = get(sortData);
-		if (!sortBy) return;
-		if (!Array.isArray(sortBy)) {
-			if (isSortedBy(key)) {
-				const newDirection = !direction || direction === "asc" ? "desc" : "asc";
-				if (sortBy.direction === newDirection) set(sortData, {
-					...sortBy,
-					column: void 0,
-					direction: "asc"
-				});
-				else set(sortData, {
-					...sortBy,
-					direction: sortBy.direction === "asc" ? "desc" : "asc"
-				});
-			} else set(sortData, {
-				column: key,
-				direction: direction || "asc"
+	function onSortSingle(sortBy, key, direction) {
+		if (isSortedBy(key)) {
+			const newDirection = toggleDirection(direction ?? SortDirection.asc);
+			if (sortBy.direction === newDirection) set(sortData, {
+				...sortBy,
+				column: void 0,
+				direction: SortDirection.asc
 			});
-			return;
-		}
+			else set(sortData, {
+				...sortBy,
+				direction: toggleDirection(sortBy.direction)
+			});
+		} else set(sortData, {
+			column: key,
+			direction: direction ?? SortDirection.asc
+		});
+	}
+	function onSortMulti(sortBy, key, direction) {
 		if (isSortedBy(key)) {
-			const newDirection = !direction || direction === "asc" ? "desc" : "asc";
+			const newDirection = toggleDirection(direction ?? SortDirection.asc);
 			const index = getSortIndex(key);
 			const sortByCol = sortBy[index];
 			assert(sortByCol);
 			if (sortByCol.direction === newDirection) set(sortData, sortBy.filter((_, i) => i !== index));
 			else set(sortData, sortBy.map((col, i) => i === index ? {
 				...col,
-				direction: col.direction === "asc" ? "desc" : "asc"
+				direction: toggleDirection(col.direction)
 			} : col));
 		} else set(sortData, [...sortBy, {
 			column: key,
-			direction: direction || "asc"
+			direction: direction ?? SortDirection.asc
 		}]);
 	}
+	function onSort({ key, direction }) {
+		const sortBy = get(sortData);
+		if (!sortBy) return;
+		if (Array.isArray(sortBy)) onSortMulti(sortBy, key, direction);
+		else onSortSingle(sortBy, key, direction);
+	}
 	return {
 		sortData,
 		sortedMap,

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

@@ -1 +1 @@
-{"version":3,"file":"sort.js","names":[],"sources":["../../../../src/composables/tables/data-table/sort.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type { SortColumn, TableRowKey, TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport { assert } from '@/utils/assert';\n\nconst SORT_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'accent', usage: 'sort' });\n\nexport interface UseTableSortOptions<T extends object> {\n  /** The data rows to sort. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** The current search query used to filter rows before sorting. */\n  search: MaybeRefOrGetter<string>;\n  /** Whether sorting is managed externally (e.g. server-side). */\n  sortModifiersExternal: boolean | undefined;\n}\n\nexport interface UseTableSortDeps<T extends object> {\n  sort: Ref<TableSortData<T>>;\n  pagination: Ref<TablePaginationData | undefined>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n}\n\nexport interface UseTableSortReturn<T extends object> {\n  sortData: ComputedRef<TableSortData<T>>;\n  sortedMap: ComputedRef<Partial<Record<TableRowKey<T>, SortColumn<T>>>>;\n  searchData: ComputedRef<T[]>;\n  sorted: ComputedRef<T[]>;\n  isSortedBy: (key: TableRowKey<T>) => boolean;\n  getSortIndex: (key: TableRowKey<T>) => number;\n  onSort: (payload: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }) => void;\n}\n\nexport function useTableSort<T extends object>(\n  options: UseTableSortOptions<T>,\n  deps: UseTableSortDeps<T>,\n): UseTableSortReturn<T> {\n  const { rows, search, sortModifiersExternal } = options;\n  const { sort, pagination, emitUpdateOptions } = deps;\n\n  const getKeys = <O extends object>(t: O): TableRowKey<O>[] => Object.keys(t) as TableRowKey<O>[];\n\n  const sortData = computed<TableSortData<T>>({\n    get(): TableSortData<T> {\n      return get(sort);\n    },\n    set(value: TableSortData<T>) {\n      set(sort, value);\n      emitUpdateOptions({\n        sort: value,\n        pagination: get(pagination),\n      });\n    },\n  });\n\n  const sortedMap = computed<Partial<Record<TableRowKey<T>, SortColumn<T>>>>(() => {\n    const mapped: Partial<Record<TableRowKey<T>, SortColumn<T>>> = {};\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return mapped;\n\n    if (!Array.isArray(sortBy)) {\n      if (sortBy.column)\n        mapped[sortBy.column] = sortBy;\n\n      return mapped;\n    }\n\n    return sortBy.reduce((acc, curr) => {\n      if (!curr.column)\n        return acc;\n\n      acc[curr.column] = curr;\n      return acc;\n    }, mapped);\n  });\n\n  const searchData = computed<T[]>(() => {\n    const currentRows = toValue(rows);\n    const query = toValue(search)?.toLocaleLowerCase();\n    if (!query)\n      return [...currentRows];\n\n    return currentRows.filter(row =>\n      getKeys(row).some(key => `${row[key]}`.toLocaleLowerCase().includes(query)),\n    );\n  });\n\n  const sorted: ComputedRef<T[]> = computed(() => {\n    const sortBy = get(sortData);\n    if (!sortBy || sortModifiersExternal)\n      return get(searchData);\n\n    const data = [...get(searchData)];\n\n    const sortFn = (by: SortColumn<T>): void => {\n      data.sort((a, b) => {\n        const column = by.column;\n        if (!column)\n          return 0;\n\n        let [aValue, bValue] = [a[column], b[column]];\n        if (by.direction === 'desc')\n          [aValue, bValue] = [bValue, aValue];\n\n        const aNumber = Number(aValue);\n        const bNumber = Number(bValue);\n        if (!isNaN(aNumber) && !isNaN(bNumber))\n          return aNumber - bNumber;\n\n        return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);\n      });\n    };\n\n    if (!Array.isArray(sortBy))\n      sortFn(sortBy);\n    else [...sortBy].reverse().forEach(sortFn);\n\n    return data;\n  });\n\n  function isSortedBy(key: TableRowKey<T>): boolean {\n    return key in get(sortedMap);\n  }\n\n  function getSortIndex(key: TableRowKey<T>): number {\n    const sortBy = get(sortData);\n\n    if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key))\n      return -1;\n\n    return sortBy.findIndex(s => s.column === key);\n  }\n\n  function onSort({ key, direction }: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }): void {\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return;\n\n    if (!Array.isArray(sortBy)) {\n      if (isSortedBy(key)) {\n        const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n        if (sortBy.direction === newDirection) {\n          set(sortData, { ...sortBy, column: undefined, direction: 'asc' });\n        }\n        else {\n          set(sortData, {\n            ...sortBy,\n            direction: sortBy.direction === 'asc' ? 'desc' : 'asc',\n          });\n        }\n      }\n      else {\n        set(sortData, { column: key, direction: direction || 'asc' });\n      }\n      return;\n    }\n\n    if (isSortedBy(key)) {\n      const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n      const index = getSortIndex(key);\n      const sortByCol = sortBy[index];\n      assert(sortByCol);\n\n      if (sortByCol.direction === newDirection) {\n        set(\n          sortData,\n          sortBy.filter((_, i) => i !== index),\n        );\n      }\n      else {\n        set(\n          sortData,\n          sortBy.map((col, i) =>\n            i === index ? { ...col, direction: col.direction === 'asc' ? 'desc' : 'asc' } : col,\n          ),\n        );\n      }\n    }\n    else {\n      set(sortData, [...sortBy, { column: key, direction: direction || 'asc' }]);\n    }\n  }\n\n  return {\n    sortData,\n    sortedMap,\n    searchData,\n    sorted,\n    isSortedBy,\n    getSortIndex,\n    onSort,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"sort.js","names":[],"sources":["../../../../src/composables/tables/data-table/sort.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type { SortColumn, TableRowKey, TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport { SortDirection } from '@/components/tables/table-props';\nimport { getObjectKeys } from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nconst SORT_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'accent', usage: 'sort' });\n\nfunction toggleDirection(direction: SortDirection): SortDirection {\n  return direction === SortDirection.asc ? SortDirection.desc : SortDirection.asc;\n}\n\nexport interface UseTableSortOptions<T extends object> {\n  /** The data rows to sort. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** The current search query used to filter rows before sorting. */\n  search: MaybeRefOrGetter<string>;\n  /** Whether sorting is managed externally (e.g. server-side). */\n  sortModifiersExternal: boolean | undefined;\n}\n\nexport interface UseTableSortDeps<T extends object> {\n  sort: Ref<TableSortData<T>>;\n  pagination: Ref<TablePaginationData | undefined>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n}\n\nexport interface UseTableSortReturn<T extends object> {\n  sortData: ComputedRef<TableSortData<T>>;\n  sortedMap: ComputedRef<Partial<Record<TableRowKey<T>, SortColumn<T>>>>;\n  searchData: ComputedRef<readonly T[]>;\n  sorted: ComputedRef<readonly T[]>;\n  isSortedBy: (key: TableRowKey<T>) => boolean;\n  getSortIndex: (key: TableRowKey<T>) => number;\n  onSort: (payload: { key: TableRowKey<T>; direction?: SortDirection }) => void;\n}\n\n/**\n * Detect whether each column contains numeric data by sampling the first non-null value.\n */\nfunction detectNumericColumns<T extends object>(\n  activeColumns: TableRowKey<T>[],\n  data: readonly T[],\n): Map<TableRowKey<T>, boolean> {\n  const isNumericCol = new Map<TableRowKey<T>, boolean>();\n  for (const key of activeColumns) {\n    for (const row of data) {\n      const val = row[key];\n      if (val != null) {\n        isNumericCol.set(key, !Number.isNaN(Number(val)));\n        break;\n      }\n    }\n  }\n  return isNumericCol;\n}\n\nexport function useTableSort<T extends object>(\n  options: UseTableSortOptions<T>,\n  deps: UseTableSortDeps<T>,\n): UseTableSortReturn<T> {\n  const { rows, search, sortModifiersExternal } = options;\n  const { sort, pagination, emitUpdateOptions } = deps;\n\n  const sortData = computed<TableSortData<T>>({\n    get(): TableSortData<T> {\n      return get(sort);\n    },\n    set(value: TableSortData<T>) {\n      set(sort, value);\n      emitUpdateOptions({\n        sort: value,\n        pagination: get(pagination),\n      });\n    },\n  });\n\n  const sortedMap = computed<Partial<Record<TableRowKey<T>, SortColumn<T>>>>(() => {\n    const mapped: Partial<Record<TableRowKey<T>, SortColumn<T>>> = {};\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return mapped;\n\n    if (!Array.isArray(sortBy)) {\n      if (sortBy.column)\n        mapped[sortBy.column] = sortBy;\n\n      return mapped;\n    }\n\n    return sortBy.reduce((acc, curr) => {\n      if (!curr.column)\n        return acc;\n\n      acc[curr.column] = curr;\n      return acc;\n    }, mapped);\n  });\n\n  // Pre-compute a single lowercased searchable string per row, recomputed only when rows change\n  const searchIndex = computed<Map<T, string>>(() => {\n    if (!toValue(search))\n      return new Map<T, string>();\n\n    const currentRows = toValue(rows);\n    const index = new Map<T, string>();\n    for (const row of currentRows) {\n      const parts: string[] = [];\n      for (const key of getObjectKeys(row))\n        parts.push(`${row[key]}`);\n      index.set(row, parts.join('\\0').toLocaleLowerCase());\n    }\n    return index;\n  });\n\n  const searchData = computed<readonly T[]>(() => {\n    const currentRows = toValue(rows);\n    const query = toValue(search)?.toLocaleLowerCase();\n    if (!query)\n      return currentRows;\n\n    const index = get(searchIndex);\n    return currentRows.filter((row) => {\n      const searchStr = index.get(row);\n      return searchStr?.includes(query) ?? false;\n    });\n  });\n\n  const sorted: ComputedRef<readonly T[]> = computed(() => {\n    const sortBy = get(sortData);\n    if (!sortBy || sortModifiersExternal)\n      return get(searchData);\n\n    const data = [...get(searchData)];\n    const sortColumns = Array.isArray(sortBy) ? sortBy : [sortBy];\n    const activeColumns = sortColumns\n      .map(col => col.column)\n      .filter((col): col is TableRowKey<T> => !!col);\n\n    if (activeColumns.length === 0)\n      return data;\n\n    const isNumericCol = detectNumericColumns(activeColumns, data);\n\n    // Build a lookup for direction per column\n    const directionMap = new Map<TableRowKey<T>, SortDirection>();\n    for (const col of sortColumns) {\n      if (col.column)\n        directionMap.set(col.column, col.direction ?? SortDirection.asc);\n    }\n\n    data.sort((a, b) => {\n      for (const key of activeColumns) {\n        let [aVal, bVal] = [a[key], b[key]];\n        if (directionMap.get(key) === SortDirection.desc)\n          [aVal, bVal] = [bVal, aVal];\n\n        let result: number;\n        if (isNumericCol.get(key))\n          result = Number(aVal) - Number(bVal);\n        else\n          result = SORT_COLLATOR.compare(`${aVal}`, `${bVal}`);\n\n        if (result !== 0)\n          return result;\n      }\n      return 0;\n    });\n\n    return data;\n  });\n\n  function isSortedBy(key: TableRowKey<T>): boolean {\n    return key in get(sortedMap);\n  }\n\n  function getSortIndex(key: TableRowKey<T>): number {\n    const sortBy = get(sortData);\n\n    if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key))\n      return -1;\n\n    return sortBy.findIndex(s => s.column === key);\n  }\n\n  function onSortSingle(\n    sortBy: SortColumn<T>,\n    key: TableRowKey<T>,\n    direction?: SortDirection,\n  ): void {\n    if (isSortedBy(key)) {\n      const newDirection = toggleDirection(direction ?? SortDirection.asc);\n\n      if (sortBy.direction === newDirection) {\n        set(sortData, { ...sortBy, column: undefined, direction: SortDirection.asc });\n      }\n      else {\n        set(sortData, {\n          ...sortBy,\n          direction: toggleDirection(sortBy.direction),\n        });\n      }\n    }\n    else {\n      set(sortData, { column: key, direction: direction ?? SortDirection.asc });\n    }\n  }\n\n  function onSortMulti(\n    sortBy: SortColumn<T>[],\n    key: TableRowKey<T>,\n    direction?: SortDirection,\n  ): void {\n    if (isSortedBy(key)) {\n      const newDirection = toggleDirection(direction ?? SortDirection.asc);\n\n      const index = getSortIndex(key);\n      const sortByCol = sortBy[index];\n      assert(sortByCol);\n\n      if (sortByCol.direction === newDirection) {\n        set(sortData, sortBy.filter((_, i) => i !== index));\n      }\n      else {\n        set(\n          sortData,\n          sortBy.map((col, i) =>\n            i === index ? { ...col, direction: toggleDirection(col.direction) } : col,\n          ),\n        );\n      }\n    }\n    else {\n      set(sortData, [...sortBy, { column: key, direction: direction ?? SortDirection.asc }]);\n    }\n  }\n\n  function onSort({ key, direction }: { key: TableRowKey<T>; direction?: SortDirection }): void {\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return;\n\n    if (Array.isArray(sortBy))\n      onSortMulti(sortBy, key, direction);\n    else\n      onSortSingle(sortBy, key, direction);\n  }\n\n  return {\n    sortData,\n    sortedMap,\n    searchData,\n    sorted,\n    isSortedBy,\n    getSortIndex,\n    onSort,\n  };\n}\n"],"mappings":"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"}

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

@@ -4,11 +4,13 @@ export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;
 }
+export declare const GROUP_HEADER_BRAND: unique symbol;
 export interface GroupHeader<T> {
-    __header__: true;
+    [GROUP_HEADER_BRAND]: true;
     identifier: string;
     group: Partial<T>;
 }
 export type GroupedTableRow<T> = T | GroupHeader<T>;
 export declare function isRow<T extends object>(item: GroupedTableRow<T>): item is T;
 export declare function isHeaderSlot(slotName: string): slotName is `header.${string}`;
+export declare function getObjectKeys<O extends object>(obj: O): (string & keyof O)[];