@svadmin/ui 0.34.6 → 0.34.8

package/dist/components/AutoTable.svelte

@@ -4,6 +4,13 @@
   import {
     createTable,
     createCoreRowModel,
+    type ColumnDef,
+    type SortingState,
+    type RowSelectionState,
+    type ColumnVisibilityState,
+    type ExpandedState,
+  } from '@tanstack/svelte-table';
+  import {
     column_getCanSort,
     column_getIsSorted,
     column_toggleSorting,
@@ -21,12 +28,7 @@
     row_getIsExpanded,
     row_toggleExpanded,
     cell_getValue,
-    type ColumnDef,
-    type SortingState,
-    type RowSelectionState,
-    type ColumnVisibilityState,
-    type ExpandedState,
-  } from '@tanstack/svelte-table';
+  } from '@tanstack/svelte-table/static-functions';
 
   import { useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';
@@ -235,25 +237,19 @@
     }
   });
 
-  // Sync TanStack sorting → server sorters
+  // Sync external sorters ? local sorting state (controlled mode only)
   $effect(() => {
-    const newSorters: Sort[] = sorting.map(s => ({
-      field: s.id,
-      order: s.desc ? 'desc' as const : 'asc' as const,
-    }));
-    if (JSON.stringify(newSorters) !== JSON.stringify(sorters)) {
-      sorters = newSorters;
+    if (!externalSorters) return;
+    if (JSON.stringify(externalSorters) !== JSON.stringify(sorters)) {
+      sorters = externalSorters;
     }
-  });
-
-  // Sync external sorters → TanStack sorting state
-  $effect(() => {
-    const newSorting = sorters.map(s => ({ id: s.field, desc: s.order === 'desc' }));
-    if (JSON.stringify(newSorting) !== JSON.stringify(sorting)) {
-      sorting = newSorting;
+    const nextSorting = externalSorters.map(s => ({ id: s.field, desc: s.order === 'desc' }));
+    if (JSON.stringify(nextSorting) !== JSON.stringify(sorting)) {
+      sorting = nextSorting;
     }
   });
 
+
   // ─── Auto-generate columns from resource fields ──────────────
   const visibleFields = $derived(
     resource.fields.filter(f => f.showInList !== false)
@@ -309,7 +305,21 @@
       get columnOrder() { return columnOrder; },
     },
     onSortingChange: (updater: any) => {
-      sorting = typeof updater === 'function' ? updater(sorting) : updater;
+      const nextSorting = typeof updater === 'function' ? updater(sorting) : updater;
+      sorting = nextSorting;
+
+      const nextSorters: Sort[] = nextSorting.map((s: any) => ({
+        field: s.id,
+        order: s.desc ? 'desc' as const : 'asc' as const,
+      }));
+
+      if (JSON.stringify(nextSorters) !== JSON.stringify(sorters)) {
+        sorters = nextSorters;
+      }
+
+      if ((pagination.current ?? 1) !== 1) {
+        pagination = { ...pagination, current: 1 };
+      }
     },
     onColumnVisibilityChange: (updater: any) => {
       columnVisibility = typeof updater === 'function' ? updater(columnVisibility) : updater;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.34.6",
+  "version": "0.34.8",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -33,8 +33,8 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.25.3",
-    "@tanstack/svelte-query": "^6.0.0",
+    "@svadmin/core": "^0.25.4",
+    "@tanstack/svelte-query": "^6.1.29",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
     "marked": "^17.0.5",
@@ -69,7 +69,8 @@
   },
   "dependencies": {
     "@lucide/svelte": "^1.7.0",
-    "@tanstack/svelte-table": "9.0.0-alpha.32",
+    "@tanstack/svelte-table": "9.0.0-alpha.45",
+    "@tanstack/table-core": "9.0.0-alpha.43",
     "bits-ui": "^2.17.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",