@tanstack/svelte-table 9.0.0-beta.80 → 9.0.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.
- package/README.md +10 -10
- package/package.json +2 -2
- package/skills/create-table-hook/SKILL.md +1 -1
- package/skills/getting-started/SKILL.md +1 -1
- package/skills/migrate-v8-to-v9/SKILL.md +7 -7
- package/skills/table-state/SKILL.md +2 -2
- package/skills/with-tanstack-query/SKILL.md +1 -1
- package/skills/with-tanstack-virtual/SKILL.md +1 -1
package/README.md
CHANGED
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
> [!NOTE]
|
|
48
48
|
> You may know TanStack Table by the adapter names:
|
|
49
49
|
>
|
|
50
|
-
> - [Angular Table](https://tanstack.com/table/
|
|
51
|
-
> - [Lit Table](https://tanstack.com/table/
|
|
52
|
-
> - [Octane Table](https://tanstack.com/table/
|
|
53
|
-
> - [Preact Table](https://tanstack.com/table/
|
|
54
|
-
> - [React Table](https://tanstack.com/table/
|
|
55
|
-
> - [Solid Table](https://tanstack.com/table/
|
|
56
|
-
> - [Svelte Table](https://tanstack.com/table/
|
|
57
|
-
> - [Vue Table](https://tanstack.com/table/
|
|
58
|
-
> - [Alpine Table](https://tanstack.com/table/
|
|
59
|
-
> - [Ember Table](https://tanstack.com/table/
|
|
50
|
+
> - [Angular Table](https://tanstack.com/table/latest/docs/framework/angular/angular-table)
|
|
51
|
+
> - [Lit Table](https://tanstack.com/table/latest/docs/framework/lit/lit-table)
|
|
52
|
+
> - [Octane Table](https://tanstack.com/table/latest/docs/framework/octane/quick-start)
|
|
53
|
+
> - [Preact Table](https://tanstack.com/table/latest/docs/framework/preact/quick-start)
|
|
54
|
+
> - [React Table](https://tanstack.com/table/latest/docs/framework/react/react-table)
|
|
55
|
+
> - [Solid Table](https://tanstack.com/table/latest/docs/framework/solid/solid-table)
|
|
56
|
+
> - [Svelte Table](https://tanstack.com/table/latest/docs/framework/svelte/svelte-table)
|
|
57
|
+
> - [Vue Table](https://tanstack.com/table/latest/docs/framework/vue/vue-table)
|
|
58
|
+
> - [Alpine Table](https://tanstack.com/table/latest/docs/framework/alpine/alpine-table)
|
|
59
|
+
> - [Ember Table](https://tanstack.com/table/latest/docs/framework/ember/ember-table)
|
|
60
60
|
|
|
61
61
|
A headless table library for building powerful datagrids with full control over markup, styles, and behavior.
|
|
62
62
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/svelte-table",
|
|
3
|
-
"version": "9.0.0
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"description": "Headless UI for building powerful tables & datagrids for Svelte.",
|
|
5
5
|
"author": "Tanner Linsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
],
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@tanstack/svelte-store": "^0.12.0",
|
|
60
|
-
"@tanstack/table-core": "9.0.0
|
|
60
|
+
"@tanstack/table-core": "9.0.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@sveltejs/package": "^2.5.8",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: migrate-v8-to-v9
|
|
3
3
|
description: >
|
|
4
|
-
Complete Svelte v8-to-v9 migration reference: Svelte 5, createTable,
|
|
4
|
+
Complete Svelte v8-to-v9 migration reference: Svelte 5, createTable, selector-API removal, explicit features and row-model slots, atom/rune state, rendering helpers, prototype methods, type generics, sorting, sizing, selection, and logical pinning.
|
|
5
5
|
metadata:
|
|
6
6
|
type: lifecycle
|
|
7
7
|
library: '@tanstack/svelte-table'
|
|
8
8
|
framework: svelte
|
|
9
|
-
library_version: '9.0.0
|
|
9
|
+
library_version: '9.0.0'
|
|
10
10
|
requires:
|
|
11
11
|
- '@tanstack/table-core#migrate-v8-to-v9'
|
|
12
12
|
- getting-started
|
|
@@ -80,7 +80,7 @@ Factories take no arguments. Register `filterFns`, `sortFns`, and `aggregationFn
|
|
|
80
80
|
- Reactive option inputs must remain live: use getters for rune values such as `data` and controlled state slices.
|
|
81
81
|
- `table.getState().sorting` becomes the narrow `table.atoms.sorting.get()` read. Use `table.store.get()` when code intentionally needs the complete state.
|
|
82
82
|
- Table atom, store, and API reads become reactive inside templates, `$derived`, `$derived.by`, and `$effect`; use native `$derived` values for projections.
|
|
83
|
-
-
|
|
83
|
+
- Remove second-argument selectors from `createTable` and `createAppTable` (if present from an earlier v9 version), replace `table.state`, and remove `subscribeTable` / `SubscribeSource` imports.
|
|
84
84
|
- `SvelteTable` now has two generic parameters, `AppSvelteTable` has five, and `useTableContext` no longer accepts a selected-state generic.
|
|
85
85
|
- For Svelte-owned controlled slices, use `createTableState` and matching `onSortingChange`, `onPaginationChange`, and other per-slice callbacks.
|
|
86
86
|
- For shared ownership, provide atoms created by `@tanstack/svelte-store` through `atoms`. Never provide both `atoms.pagination` and `state.pagination`.
|
|
@@ -107,7 +107,7 @@ Row, cell, column, header, and related object methods now live on shared prototy
|
|
|
107
107
|
|
|
108
108
|
### Logical column pinning
|
|
109
109
|
|
|
110
|
-
|
|
110
|
+
V9 has no `left`/`right` aliases.
|
|
111
111
|
|
|
112
112
|
| old | new |
|
|
113
113
|
| -------------------------------------------------------------- | ------------------------------------------------------------- |
|
|
@@ -174,9 +174,9 @@ Register both the feature and its `create*RowModel()` slot. Leaving `get*RowMode
|
|
|
174
174
|
|
|
175
175
|
Use `get data() { return data }`; a one-time `data` snapshot does not remain reactive.
|
|
176
176
|
|
|
177
|
-
### HIGH: Keeping
|
|
177
|
+
### HIGH: Keeping removed Svelte selectors
|
|
178
178
|
|
|
179
|
-
Remove second arguments from `createTable` and `createAppTable`, replace selected `table.state` reads with `table.atoms.<slice>.get()` or `table.store.get()`, and remove `subscribeTable`, `SubscribeSource`, and selected-state generic parameters.
|
|
179
|
+
Remove second arguments from `createTable` and `createAppTable`, replace selected `table.state` reads with `table.atoms.<slice>.get()` or `table.store.get()`, and remove `subscribeTable`, `SubscribeSource`, and selected-state generic parameters. V9 intentionally has no compatibility layer for these APIs.
|
|
180
180
|
|
|
181
181
|
### HIGH: Destructuring instance methods
|
|
182
182
|
|
|
@@ -198,4 +198,4 @@ Keep calls bound to row/cell/column/header instances; shallow copies do not cont
|
|
|
198
198
|
|
|
199
199
|
## API Discovery
|
|
200
200
|
|
|
201
|
-
Verify the installed target in `node_modules/@tanstack/svelte-table/dist/index.d.ts` and its adapter sources. Verify feature slots and exact
|
|
201
|
+
Verify the installed target in `node_modules/@tanstack/svelte-table/dist/index.d.ts` and its adapter sources. Verify feature slots and the exact installed v9 APIs in `node_modules/@tanstack/table-core/dist/`; do not reconstruct v9 APIs from v8 memory.
|
|
@@ -6,7 +6,7 @@ metadata:
|
|
|
6
6
|
type: framework
|
|
7
7
|
library: '@tanstack/svelte-table'
|
|
8
8
|
framework: svelte
|
|
9
|
-
library_version: '9.0.0
|
|
9
|
+
library_version: '9.0.0'
|
|
10
10
|
requires:
|
|
11
11
|
- '@tanstack/table-core#core'
|
|
12
12
|
- getting-started
|
|
@@ -167,7 +167,7 @@ const table = createTable(options)
|
|
|
167
167
|
const pagination = $derived(table.atoms.pagination.get())
|
|
168
168
|
```
|
|
169
169
|
|
|
170
|
-
|
|
170
|
+
In v9, `createTable` and `createAppTable` take only options, `table.state` is absent, and `subscribeTable` and `SubscribeSource` are no longer exported. Use native tracked Svelte reads and `$derived` projections.
|
|
171
171
|
|
|
172
172
|
Source: `docs/framework/svelte/guide/migrating.md`
|
|
173
173
|
|