compote-ui 0.58.3 → 0.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/data-table-v9/create-table.svelte.d.ts +62 -11
  2. package/dist/components/data-table-v9/create-table.svelte.js +1 -8
  3. package/dist/components/data-table-v9/data-table-utils.d.ts +62 -11
  4. package/dist/components/data-table-v9/data-table-utils.js +2 -0
  5. package/dist/components/data-table-v9/features.d.ts +61 -9
  6. package/dist/components/data-table-v9/features.js +12 -2
  7. package/dist/components/data-table-v9/table-view-state.svelte.d.ts +249 -45
  8. package/dist/components/tree-view/tree-view.svelte +0 -4
  9. package/dist/utils/collections.d.ts +0 -1
  10. package/package.json +6 -7
package/dist/components/data-table-v9/create-table.svelte.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { type ColumnPinningState, type ColumnResizeMode, type ColumnSizingState, type ColumnVisibilityState, type Row, type RowData, type RowSelectionState } from '@tanstack/svelte-table';
2
2
  import { type DataTableFeatures } from './features';
3
3
  import { type DataTableInstance } from './data-table-utils';
4
- import type { DataTableColumn, DataTableLeafColumn } from './types';
4
+ import type { DataTableColumn, DataTableLeafColumn, DataTableColumnMeta } from './types';
5
5
  export type { DataTableInstance };
6
6
  export type CreateDataTableOptions<T extends RowData> = {
7
7
  data: T[];
@@ -29,14 +29,65 @@ export type CreateDataTableOptions<T extends RowData> = {
29
29
  onColumnVisibilityChange?: (visibility: ColumnVisibilityState) => void;
30
30
  };
31
31
  export declare function createTable<T extends RowData>(options: CreateDataTableOptions<T>): import("@tanstack/svelte-table").SvelteTable<{
32
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
33
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
34
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
35
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
36
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
37
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
38
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
39
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
40
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
41
- }, T, import("@tanstack/svelte-table").TableState_ColumnFiltering & import("@tanstack/svelte-table").TableState_ColumnPinning & import("@tanstack/svelte-table").TableState_ColumnResizing & import("@tanstack/svelte-table").TableState_ColumnSizing & import("@tanstack/svelte-table").TableState_ColumnVisibility & import("@tanstack/svelte-table").TableState_GlobalFiltering & import("@tanstack/svelte-table").TableState_RowSelection & import("@tanstack/svelte-table").TableState_RowSorting>;
32
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
33
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
34
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
35
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
36
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
37
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
38
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
39
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
40
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
41
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
42
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
43
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
44
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
45
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
46
+ sortFns: {
47
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => number;
48
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => number;
49
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
50
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
51
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
52
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
53
+ };
54
+ filterFns: {
55
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
56
+ autoRemove: (val: any) => boolean;
57
+ };
58
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
59
+ autoRemove: (val: any) => boolean;
60
+ };
61
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
62
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
63
+ autoRemove: (val: any) => boolean;
64
+ };
65
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
66
+ autoRemove: (val: any) => boolean;
67
+ };
68
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
69
+ autoRemove: (val: any) => boolean;
70
+ };
71
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
72
+ autoRemove: (val: any) => boolean;
73
+ };
74
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
75
+ autoRemove: (val: any) => boolean;
76
+ };
77
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
78
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
79
+ autoRemove: (val: any) => boolean;
80
+ };
81
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
82
+ autoRemove: (val: any) => boolean;
83
+ };
84
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
85
+ autoRemove: (val: any) => boolean;
86
+ };
87
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
88
+ autoRemove: (val: any) => boolean;
89
+ };
90
+ };
91
+ columnMeta: DataTableColumnMeta;
92
+ }, T, import("@tanstack/table-core").TableState_ColumnFiltering & import("@tanstack/table-core").TableState_ColumnPinning & import("@tanstack/table-core").TableState_ColumnResizing & import("@tanstack/table-core").TableState_ColumnSizing & import("@tanstack/table-core").TableState_ColumnVisibility & import("@tanstack/table-core").TableState_GlobalFiltering & import("@tanstack/table-core").TableState_RowSelection & import("@tanstack/table-core").TableState_RowSorting>;
42
93
  export declare function getColumnId<T extends RowData>(column: DataTableLeafColumn<T>): string;
package/dist/components/data-table-v9/create-table.svelte.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createTable as createSvelteTable, createSortedRowModel, createFilteredRowModel, createFacetedRowModel, createFacetedUniqueValues, createFacetedMinMaxValues, sortFns, filterFns } from '@tanstack/svelte-table';
1
+ import { createTable as createSvelteTable } from '@tanstack/svelte-table';
2
2
  import { useLocaleContext } from '@ark-ui/svelte/locale';
3
3
  import { onDestroy, untrack } from 'svelte';
4
4
  import { renderComponent, renderSnippet } from '@tanstack/svelte-table';
@@ -21,13 +21,6 @@ export function createTable(options) {
21
21
  const columnDefs = $derived(createColumns(options.columns, localeCtx));
22
22
  const table = createSvelteTable({
23
23
  features: dataTableFeatures,
24
- rowModels: {
25
- sortedRowModel: createSortedRowModel(sortFns),
26
- filteredRowModel: createFilteredRowModel(filterFns),
27
- facetedRowModel: createFacetedRowModel(),
28
- facetedUniqueValues: createFacetedUniqueValues(),
29
- facetedMinMaxValues: createFacetedMinMaxValues()
30
- },
31
24
  get data() {
32
25
  return options.data;
33
26
  },
package/dist/components/data-table-v9/data-table-utils.d.ts CHANGED
@@ -22,16 +22,67 @@ export declare function resizeHandleStyle<T extends RowData>(table: DataTableIns
22
22
  export declare function resizeHandleClass(headerIndex: number, headerCount: number): import("tailwind-variants").CnReturn;
23
23
  export declare function getHeaderSortLabel(sortDirection: false | 'asc' | 'desc'): "Sorted ascending" | "Sorted descending" | "Not sorted";
24
24
  export declare function getHeaderAriaSort(sortDirection: false | 'asc' | 'desc'): "none" | "ascending" | "descending";
25
- export declare function getRowCells<T extends RowData>(row: Row<DataTableFeatures, T>, state: DataTableTrackedState): import("@tanstack/svelte-table").Cell_Core<{
26
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
27
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
28
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
29
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
30
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
31
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
32
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
33
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
34
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
25
+ export declare function getRowCells<T extends RowData>(row: Row<DataTableFeatures, T>, state: DataTableTrackedState): import("@tanstack/table-core").Cell_Core<{
26
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
27
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
28
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
29
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
30
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
31
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
32
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
33
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
34
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
35
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
36
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
37
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
38
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
39
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
40
+ sortFns: {
41
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => number;
42
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => number;
43
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
44
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
45
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
46
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: Row<TFeatures, TData>, rowB: Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
47
+ };
48
+ filterFns: {
49
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
50
+ autoRemove: (val: any) => boolean;
51
+ };
52
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
53
+ autoRemove: (val: any) => boolean;
54
+ };
55
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
56
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
57
+ autoRemove: (val: any) => boolean;
58
+ };
59
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
60
+ autoRemove: (val: any) => boolean;
61
+ };
62
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
63
+ autoRemove: (val: any) => boolean;
64
+ };
65
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
66
+ autoRemove: (val: any) => boolean;
67
+ };
68
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
69
+ autoRemove: (val: any) => boolean;
70
+ };
71
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
72
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
73
+ autoRemove: (val: any) => boolean;
74
+ };
75
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
76
+ autoRemove: (val: any) => boolean;
77
+ };
78
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
79
+ autoRemove: (val: any) => boolean;
80
+ };
81
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
82
+ autoRemove: (val: any) => boolean;
83
+ };
84
+ };
85
+ columnMeta: DataTableColumnMeta;
35
86
  }, T, unknown>[];
36
87
  export declare function getBooleanCellValue(value: unknown): boolean | undefined;
37
88
  export declare function getPinningStyle<T extends RowData>(column: Column<DataTableFeatures, T, unknown>, table: DataTableInstance<T>, state: DataTableTrackedState, isHeader?: boolean, isRowSelectionEnabled?: boolean): string | undefined;
@@ -46,7 +97,7 @@ export declare function getGroupPinningStyle<T extends RowData>(header: Header<D
46
97
  export declare function getUrlCellValue(value: unknown): string | undefined;
47
98
  export declare function openUrlCell(value: string): void;
48
99
  export declare function getColumnMeta(columnDef: {
49
- meta?: unknown;
100
+ meta?: DataTableColumnMeta;
50
101
  }): DataTableColumnMeta | undefined;
51
102
  export declare function joinStyles(...styles: Array<string | undefined>): string;
52
103
  export declare const TYPE_NUMBER_FORMAT_DEFAULTS: Partial<Record<string, Intl.NumberFormatOptions>>;
package/dist/components/data-table-v9/data-table-utils.js CHANGED
@@ -146,6 +146,8 @@ export function getUrlCellValue(value) {
146
146
  export function openUrlCell(value) {
147
147
  window.open(value, '_blank', 'noopener,noreferrer');
148
148
  }
149
+ // `columnDef.meta` is natively typed as DataTableColumnMeta via the `columnMeta`
150
+ // type-only slot in features.ts; this accessor just narrows the columnDef shape.
149
151
  export function getColumnMeta(columnDef) {
150
152
  return columnDef.meta;
151
153
  }
package/dist/components/data-table-v9/features.d.ts CHANGED
@@ -1,12 +1,64 @@
1
+ import type { DataTableColumnMeta } from './types';
1
2
  export declare const dataTableFeatures: {
2
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
3
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
4
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
5
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
6
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
7
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
8
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
9
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
10
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
3
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
4
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
5
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
6
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
7
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
8
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
9
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
10
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
11
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
12
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
13
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
14
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
15
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
16
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
17
+ sortFns: {
18
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
19
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
20
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
21
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
22
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
23
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
24
+ };
25
+ filterFns: {
26
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
27
+ autoRemove: (val: any) => boolean;
28
+ };
29
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
30
+ autoRemove: (val: any) => boolean;
31
+ };
32
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
33
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
34
+ autoRemove: (val: any) => boolean;
35
+ };
36
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
37
+ autoRemove: (val: any) => boolean;
38
+ };
39
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
40
+ autoRemove: (val: any) => boolean;
41
+ };
42
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
43
+ autoRemove: (val: any) => boolean;
44
+ };
45
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
46
+ autoRemove: (val: any) => boolean;
47
+ };
48
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
49
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
50
+ autoRemove: (val: any) => boolean;
51
+ };
52
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
53
+ autoRemove: (val: any) => boolean;
54
+ };
55
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
56
+ autoRemove: (val: any) => boolean;
57
+ };
58
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends import("@tanstack/table-core").RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
59
+ autoRemove: (val: any) => boolean;
60
+ };
61
+ };
62
+ columnMeta: DataTableColumnMeta;
11
63
  };
12
64
  export type DataTableFeatures = typeof dataTableFeatures;
package/dist/components/data-table-v9/features.js CHANGED
@@ -1,4 +1,4 @@
1
- import { tableFeatures, rowSortingFeature, rowSelectionFeature, columnFilteringFeature, columnFacetingFeature, globalFilteringFeature, columnVisibilityFeature, columnPinningFeature, columnSizingFeature, columnResizingFeature } from '@tanstack/svelte-table';
1
+ import { tableFeatures, metaHelper, rowSortingFeature, rowSelectionFeature, columnFilteringFeature, columnFacetingFeature, globalFilteringFeature, columnVisibilityFeature, columnPinningFeature, columnSizingFeature, columnResizingFeature, createSortedRowModel, createFilteredRowModel, createFacetedRowModel, createFacetedUniqueValues, createFacetedMinMaxValues, sortFns, filterFns } from '@tanstack/svelte-table';
2
2
  // Fixed feature registry for the data table. Declared once at module scope so the
3
3
  // reference is stable across instances (v9 requires a stable `features` object).
4
4
  export const dataTableFeatures = tableFeatures({
@@ -10,5 +10,15 @@ export const dataTableFeatures = tableFeatures({
10
10
  columnVisibilityFeature,
11
11
  columnPinningFeature,
12
12
  columnSizingFeature,
13
- columnResizingFeature
13
+ columnResizingFeature,
14
+ sortedRowModel: createSortedRowModel(),
15
+ filteredRowModel: createFilteredRowModel(),
16
+ facetedRowModel: createFacetedRowModel(),
17
+ facetedUniqueValues: createFacetedUniqueValues(),
18
+ facetedMinMaxValues: createFacetedMinMaxValues(),
19
+ sortFns,
20
+ filterFns,
21
+ // Type-only slot: types `columnDef.meta` as DataTableColumnMeta wherever
22
+ // DataTableFeatures flows. Stripped at runtime by constructTable.
23
+ columnMeta: metaHelper()
14
24
  });
package/dist/components/data-table-v9/table-view-state.svelte.d.ts CHANGED
@@ -13,56 +13,260 @@ export type DataTableHeaderSection = 'left' | 'center' | 'right';
13
13
  */
14
14
  export declare function createTableViewState<T extends RowData>(getTable: () => DataTableInstance<T>): {
15
15
  readonly table: DataTableInstance<T>;
16
- readonly columnPinning: import("@tanstack/svelte-table").ColumnPinningState;
17
- readonly columnResizing: import("@tanstack/svelte-table").columnResizingState;
18
- readonly columnSizing: import("@tanstack/svelte-table").ColumnSizingState;
19
- readonly columnVisibility: import("@tanstack/svelte-table").ColumnVisibilityState;
20
- readonly rowSelection: import("@tanstack/svelte-table").RowSelectionState;
21
- readonly sorting: import("@tanstack/svelte-table").SortingState;
22
- readonly rowModel: import("@tanstack/svelte-table").RowModel<{
23
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
24
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
25
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
26
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
27
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
28
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
29
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
30
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
31
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
16
+ readonly columnPinning: import("@tanstack/table-core").ColumnPinningState;
17
+ readonly columnResizing: import("@tanstack/table-core").columnResizingState;
18
+ readonly columnSizing: import("@tanstack/table-core").ColumnSizingState;
19
+ readonly columnVisibility: import("@tanstack/table-core").ColumnVisibilityState;
20
+ readonly rowSelection: import("@tanstack/table-core").RowSelectionState;
21
+ readonly sorting: import("@tanstack/table-core").SortingState;
22
+ readonly rowModel: import("@tanstack/table-core").RowModel<{
23
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
24
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
25
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
26
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
27
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
28
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
29
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
30
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
31
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
32
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
33
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
34
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
35
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
36
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
37
+ sortFns: {
38
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
39
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
40
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
41
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
42
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
43
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
44
+ };
45
+ filterFns: {
46
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
47
+ autoRemove: (val: any) => boolean;
48
+ };
49
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
50
+ autoRemove: (val: any) => boolean;
51
+ };
52
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
53
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
54
+ autoRemove: (val: any) => boolean;
55
+ };
56
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
57
+ autoRemove: (val: any) => boolean;
58
+ };
59
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
60
+ autoRemove: (val: any) => boolean;
61
+ };
62
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
63
+ autoRemove: (val: any) => boolean;
64
+ };
65
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
66
+ autoRemove: (val: any) => boolean;
67
+ };
68
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
69
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
70
+ autoRemove: (val: any) => boolean;
71
+ };
72
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
73
+ autoRemove: (val: any) => boolean;
74
+ };
75
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
76
+ autoRemove: (val: any) => boolean;
77
+ };
78
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
79
+ autoRemove: (val: any) => boolean;
80
+ };
81
+ };
82
+ columnMeta: import("./types").DataTableColumnMeta;
32
83
  }, T>;
33
84
  readonly headerGroups: HeaderGroup<{
34
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
35
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
36
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
37
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
38
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
39
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
40
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
41
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
42
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
85
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
86
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
87
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
88
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
89
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
90
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
91
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
92
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
93
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
94
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
95
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
96
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
97
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
98
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
99
+ sortFns: {
100
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
101
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
102
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
103
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
104
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
105
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
106
+ };
107
+ filterFns: {
108
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
109
+ autoRemove: (val: any) => boolean;
110
+ };
111
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
112
+ autoRemove: (val: any) => boolean;
113
+ };
114
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
115
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
116
+ autoRemove: (val: any) => boolean;
117
+ };
118
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
119
+ autoRemove: (val: any) => boolean;
120
+ };
121
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
122
+ autoRemove: (val: any) => boolean;
123
+ };
124
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
125
+ autoRemove: (val: any) => boolean;
126
+ };
127
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
128
+ autoRemove: (val: any) => boolean;
129
+ };
130
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
131
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
132
+ autoRemove: (val: any) => boolean;
133
+ };
134
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
135
+ autoRemove: (val: any) => boolean;
136
+ };
137
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
138
+ autoRemove: (val: any) => boolean;
139
+ };
140
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
141
+ autoRemove: (val: any) => boolean;
142
+ };
143
+ };
144
+ columnMeta: import("./types").DataTableColumnMeta;
43
145
  }, T>[];
44
146
  getHeaderSection(header: Header<DataTableFeatures, T, unknown>): DataTableHeaderSection | undefined;
45
- readonly visibleLeafColumns: import("@tanstack/svelte-table").Column<{
46
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
47
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
48
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
49
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
50
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
51
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
52
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
53
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
54
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
147
+ readonly visibleLeafColumns: import("@tanstack/table-core").Column<{
148
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
149
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
150
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
151
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
152
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
153
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
154
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
155
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
156
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
157
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
158
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
159
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
160
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
161
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
162
+ sortFns: {
163
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
164
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
165
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
166
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
167
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
168
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
169
+ };
170
+ filterFns: {
171
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
172
+ autoRemove: (val: any) => boolean;
173
+ };
174
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
175
+ autoRemove: (val: any) => boolean;
176
+ };
177
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
178
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
179
+ autoRemove: (val: any) => boolean;
180
+ };
181
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
182
+ autoRemove: (val: any) => boolean;
183
+ };
184
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
185
+ autoRemove: (val: any) => boolean;
186
+ };
187
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
188
+ autoRemove: (val: any) => boolean;
189
+ };
190
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
191
+ autoRemove: (val: any) => boolean;
192
+ };
193
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
194
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
195
+ autoRemove: (val: any) => boolean;
196
+ };
197
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
198
+ autoRemove: (val: any) => boolean;
199
+ };
200
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
201
+ autoRemove: (val: any) => boolean;
202
+ };
203
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
204
+ autoRemove: (val: any) => boolean;
205
+ };
206
+ };
207
+ columnMeta: import("./types").DataTableColumnMeta;
55
208
  }, T, unknown>[];
56
- readonly growColumn: import("@tanstack/svelte-table").Column<{
57
- rowSortingFeature: import("@tanstack/svelte-table").TableFeature;
58
- rowSelectionFeature: import("@tanstack/svelte-table").TableFeature;
59
- columnFilteringFeature: import("@tanstack/svelte-table").TableFeature;
60
- columnFacetingFeature: import("@tanstack/svelte-table").TableFeature;
61
- globalFilteringFeature: import("@tanstack/svelte-table").TableFeature;
62
- columnVisibilityFeature: import("@tanstack/svelte-table").TableFeature;
63
- columnPinningFeature: import("@tanstack/svelte-table").TableFeature;
64
- columnSizingFeature: import("@tanstack/svelte-table").TableFeature;
65
- columnResizingFeature: import("@tanstack/svelte-table").TableFeature;
209
+ readonly growColumn: import("@tanstack/table-core").Column<{
210
+ rowSortingFeature: import("@tanstack/table-core").TableFeature;
211
+ rowSelectionFeature: import("@tanstack/table-core").TableFeature;
212
+ columnFilteringFeature: import("@tanstack/table-core").TableFeature;
213
+ columnFacetingFeature: import("@tanstack/table-core").TableFeature;
214
+ globalFilteringFeature: import("@tanstack/table-core").TableFeature;
215
+ columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
216
+ columnPinningFeature: import("@tanstack/table-core").TableFeature;
217
+ columnSizingFeature: import("@tanstack/table-core").TableFeature;
218
+ columnResizingFeature: import("@tanstack/table-core").TableFeature;
219
+ sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
220
+ filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
221
+ facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
222
+ facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
223
+ facetedMinMaxValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => undefined | [number, number];
224
+ sortFns: {
225
+ alphanumeric: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
226
+ alphanumericCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => number;
227
+ basic: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
228
+ datetime: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
229
+ text: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
230
+ textCaseSensitive: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(rowA: import("@tanstack/table-core").Row<TFeatures, TData>, rowB: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string) => 0 | 1 | -1;
231
+ };
232
+ filterFns: {
233
+ arrIncludes: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
234
+ autoRemove: (val: any) => boolean;
235
+ };
236
+ arrIncludesAll: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
237
+ autoRemove: (val: any) => boolean;
238
+ };
239
+ arrHas: <TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean;
240
+ arrIncludesSome: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: Array<unknown>) => boolean) & {
241
+ autoRemove: (val: any) => boolean;
242
+ };
243
+ between: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
244
+ autoRemove: (val: any) => boolean;
245
+ };
246
+ betweenInclusive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValues: [unknown, unknown]) => boolean) & {
247
+ autoRemove: (val: any) => boolean;
248
+ };
249
+ equals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
250
+ autoRemove: (val: any) => boolean;
251
+ };
252
+ equalsString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
253
+ autoRemove: (val: any) => boolean;
254
+ };
255
+ inNumberRange: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: [number, number]) => boolean) & {
256
+ resolveFilterValue: (val: [any, any]) => readonly [number, number];
257
+ autoRemove: (val: any) => boolean;
258
+ };
259
+ includesString: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
260
+ autoRemove: (val: any) => boolean;
261
+ };
262
+ includesStringSensitive: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
263
+ autoRemove: (val: any) => boolean;
264
+ };
265
+ weakEquals: (<TFeatures extends import("@tanstack/table-core").TableFeatures, TData extends RowData>(row: import("@tanstack/table-core").Row<TFeatures, TData>, columnId: string, filterValue: unknown) => boolean) & {
266
+ autoRemove: (val: any) => boolean;
267
+ };
268
+ };
269
+ columnMeta: import("./types").DataTableColumnMeta;
66
270
  }, T, unknown> | undefined;
67
271
  readonly hasGrowColumn: boolean;
68
272
  readonly isRowSelectionEnabled: boolean;
package/dist/components/tree-view/tree-view.svelte CHANGED
@@ -15,8 +15,6 @@
15
15
  import { Button, Field, ScrollArea } from '../..';
16
16
  import { SvelteSet } from 'svelte/reactivity';
17
17
 
18
- import Icon from '@iconify/svelte';
19
-
20
18
  let {
21
19
  items = [],
22
20
  label,
@@ -189,7 +187,6 @@
189
187
  >
190
188
  <PhCaretRight class="size-3.5" />
191
189
  </TreeView.BranchIndicator>
192
- {#if node.icon}<Icon icon={node.icon} class="size-4 shrink-0" />{/if}
193
190
  <TreeView.BranchText class="flex-1 truncate">
194
191
  {node.label}
195
192
  </TreeView.BranchText>
@@ -209,7 +206,6 @@
209
206
  {#if selectionMode === 'multiple'}
210
207
  {@render nodeCheckbox()}
211
208
  {/if}
212
- {#if node.icon}<Icon icon={node.icon} class="size-4 shrink-0" />{/if}
213
209
  <TreeView.ItemText class="flex-1 truncate">
214
210
  {node.label}
215
211
  </TreeView.ItemText>
package/dist/utils/collections.d.ts CHANGED
@@ -9,7 +9,6 @@ export interface TreeItem {
9
9
  value: number | string;
10
10
  label: string;
11
11
  disabled?: boolean;
12
- icon?: string;
13
12
  children?: TreeItem[];
14
13
  }
15
14
  export declare function createListCollection<T extends ListItem>(items: T[]): ListCollection<T>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.58.3",
3
+ "version": "0.60.0",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev --open",
@@ -43,7 +43,7 @@
43
43
  "./theme.css": "./dist/theme.css"
44
44
  },
45
45
  "peerDependencies": {
46
- "@tanstack/svelte-table": ">=9.0.0-beta.6 <10",
46
+ "@tanstack/svelte-table": ">=9.0.0-beta.11 <10",
47
47
  "@tanstack/svelte-virtual": ">=3.0.0",
48
48
  "svelte": "^5.0.0"
49
49
  },
@@ -61,11 +61,11 @@
61
61
  "@sveltejs/kit": "^2.65.0",
62
62
  "@sveltejs/package": "^2.5.8",
63
63
  "@sveltejs/vite-plugin-svelte": "7.1.2",
64
- "@tailwindcss/vite": "^4.2.4",
65
- "@tanstack/svelte-table": "9.0.0-beta.6",
64
+ "@tailwindcss/vite": "^4.3.1",
65
+ "@tanstack/svelte-table": "^9.0.0-beta.11",
66
66
  "@tanstack/svelte-virtual": "^3.13.28",
67
67
  "@types/node": "^22.19.18",
68
- "eslint": "^10.4.1",
68
+ "eslint": "^10.5.0",
69
69
  "eslint-config-prettier": "^10.1.8",
70
70
  "eslint-plugin-svelte": "^3.19.0",
71
71
  "globals": "^17.5.0",
@@ -75,7 +75,7 @@
75
75
  "publint": "^0.3.21",
76
76
  "svelte": "^5.56.3",
77
77
  "svelte-check": "^4.6.0",
78
- "tailwindcss": "^4.2.4",
78
+ "tailwindcss": "^4.3.1",
79
79
  "tw-animate-css": "^1.4.0",
80
80
  "typescript": "^6.0.3",
81
81
  "typescript-eslint": "^8.61.0",
@@ -88,7 +88,6 @@
88
88
  "dependencies": {
89
89
  "@ark-ui/svelte": "^5.22.1",
90
90
  "@fontsource-variable/nunito-sans": "^5.2.7",
91
- "@iconify/svelte": "^5.2.1",
92
91
  "@internationalized/date": "^3.12.2",
93
92
  "runed": "^0.37.1",
94
93
  "tailwind-merge": "^3.6.0",