@svadmin/ui 0.32.10 → 0.33.0

package/dist/components/AutoTable.svelte

@@ -9,7 +9,13 @@
     type ColumnVisibilityState,
     type ExpandedState,
   } from '@tanstack/svelte-table';
-  import { createCoreRowModel } from '@tanstack/table-core';
+  import { 
+    createCoreRowModel, 
+    column_getCanSort, 
+    column_getIsSorted, 
+    column_toggleSorting, 
+    header_getSize 
+  } from '@tanstack/table-core';
 
   import { useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';
@@ -557,7 +563,7 @@
                   <Table.Head
                     {...dragProps}
                     class={cn("bg-transparent hover:bg-muted/10 border-b border-border/20 uppercase tracking-[0.12em] text-[10px] text-muted-foreground/70 font-semibold py-4", dragProps.class)}
-                    style={header.getSize?.() != null && header.getSize() !== 150 ? `width:${header.getSize()}px` : undefined}
+                    style={header_getSize(header) != null && header_getSize(header) !== 150 ? `width:${header_getSize(header)}px` : undefined}
                   >
                     {#if header.id === '_select'}
                       <Checkbox
@@ -568,17 +574,17 @@
                       <!-- empty -->
                     {:else if header.id === '_actions'}
                       <span class="text-right block">{t('common.actions')}</span>
-                    {:else if header.column.getCanSort()}
+                    {:else if column_getCanSort(header.column)}
                       <Button
                         variant="ghost"
                         size="sm"
                         class="flex items-center gap-1 hover:text-foreground -ml-2 h-auto py-1 px-2 uppercase tracking-wide text-[0.7rem] font-semibold"
-                        onclick={() => header.column.toggleSorting()}
+                        onclick={() => column_toggleSorting(header.column)}
                       >
                         {visibleFields.find(f => f.key === header.id)?.label ?? header.id}
                         <span class="text-xs opacity-50">
-                          {#if header.column.getIsSorted() === 'asc'}↑
-                          {:else if header.column.getIsSorted() === 'desc'}↓
+                          {#if column_getIsSorted(header.column) === 'asc'}↑
+                          {:else if column_getIsSorted(header.column) === 'desc'}↓
                           {:else}⇅
                           {/if}
                         </span>

package/dist/components/Sidebar.svelte

@@ -99,7 +99,7 @@
           items.push({
             path: `/${r.name}`,
             label: r.label,
-            Icon: iconMap[r.icon ?? r.name] ?? Settings,
+            Icon: (typeof r.icon === 'string' ? iconMap[r.icon] : r.icon) ?? iconMap[r.name] ?? Settings,
             group: r.group,
           });
         }

package/dist/components/SidebarItem.svelte

@@ -27,8 +27,9 @@
     folder: Folder,
   };
 
-  function getIcon(name?: string): typeof LayoutDashboard {
+  function getIcon(name?: string | any): typeof LayoutDashboard {
     if (!name) return depth === 0 ? Settings : Folder;
+    if (typeof name !== 'string') return name; // if it's already a component
     return iconMap[name] ?? Settings;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.32.10",
+  "version": "0.33.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -27,7 +27,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.23.6",
+    "@svadmin/core": "^0.24.0",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",