updates

apps/dashboard/shared/data-view/resource-page/resource-page.tsx

@@ -50,6 +50,7 @@ export type ResourcePageProps<TClient extends ResourcePageClient> = UseResourceP
     paramKey?: string
     onRowClick?: (row: ResourceItem<TClient>) => void
     toolbar?: ReactNodeOrRender<TClient>
+    tableHeader?: ReactNodeOrRender<TClient>
 
 }
 
@@ -64,6 +65,7 @@ export function ResourcePage<TClient extends ResourcePageClient>({
     paramKey,
     onRowClick,
     toolbar,
+    tableHeader,
     extraParams,
 }: ResourcePageProps<TClient>) {
     type TItem = ResourceItem<TClient>
@@ -112,7 +114,8 @@ export function ResourcePage<TClient extends ResourcePageClient>({
             toolbar={resolvedToolbar}
         >
             <Card>
-                <CardContent>
+                <CardContent className="space-y-4">
+                    {tableHeader && (typeof tableHeader === "function" ? tableHeader(context) : tableHeader)}
                     <DataTable
                         columns={columns}
                         data={items}

apps/dashboard/shared/data-view/table-view/data-table.tsx

@@ -46,12 +46,12 @@ export function DataTable<TData>({
         },
         onSortingChange: (updater) => {
             const next = typeof updater === "function" ? updater(sorting) : updater
-            onChange({ type: "sorting", sorting: next })
+            onChange?.({ type: "sorting", sorting: next })
         },
         onPaginationChange: (updater) => {
             const current = { pageIndex: pagination.page - 1, pageSize: pagination.pageSize }
             const next = typeof updater === "function" ? updater(current) : updater
-            onChange({
+            onChange?.({
                 type: "pagination",
                 pagination: {
                     page: next.pageIndex + 1,

apps/dashboard/shared/data-view/table-view/data-view-context.tsx

@@ -6,7 +6,7 @@ import type { DataViewChangeEvent, DataViewPaginationState, DataViewSorting } fr
 type DataViewContextValue = {
     pagination: DataViewPaginationState
     sorting: DataViewSorting
-    onChange: (event: DataViewChangeEvent) => void
+    onChange?: (event: DataViewChangeEvent) => void
     isLoading: boolean
 }
 

apps/dashboard/shared/data-view/table-view/types.ts

@@ -31,7 +31,7 @@ export type DataViewProps<TData> = {
     data: TData[]
     pagination: DataViewPaginationState
     sorting?: DataViewSorting
-    onChange: (event: DataViewChangeEvent) => void
+    onChange?: (event: DataViewChangeEvent) => void
     isLoading?: boolean
     onRowClick?: (row: TData) => void
     slots?: DataViewSlots