Pass id to PaginatedTable

temporalio · Jan 7, 2025 · 3a044a4 · 3a044a4
1 parent efcb4a7
commit 3a044a4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/lib/holocene/table/paginated-table/api-paginated.svelte b/src/lib/holocene/table/paginated-table/api-paginated.svelte
@@ -26,6 +26,7 @@
 
   type T = $$Generic;
   type $$Props = HTMLAttributes<HTMLDivElement> & {
+    id?: string;
     onError?: (error: Error | unknown) => void | undefined;
     onFetch: () => Promise<PaginatedRequest<T>>;
     onShiftUp?: (event: KeyboardEvent) => void | undefined;
@@ -43,6 +44,7 @@
     pageSizeOptions?: string[];
   };
 
+  export let id: string = null;
   export let onError: (error: Error) => void | undefined = undefined;
   export let onFetch: () => Promise<PaginatedRequest<T>>;
   export let onShiftUp: (event: KeyboardEvent) => void | undefined = undefined;
@@ -169,7 +171,11 @@
 
 <slot name="header" visibleItems={$store.visibleItems} />
 
-<PaginatedTable updating={$store.updating} visibleItems={$store.visibleItems}>
+<PaginatedTable
+  updating={$store.updating}
+  visibleItems={$store.visibleItems}
+  {id}
+>
   <slot name="caption" slot="caption" />
   <slot name="headers" slot="headers" visibleItems={$store.visibleItems} />
 

diff --git a/src/lib/holocene/table/paginated-table/index.svelte b/src/lib/holocene/table/paginated-table/index.svelte
@@ -25,6 +25,7 @@
     class="paginated-table"
     class:table-fixed={fixed}
     class:table-auto={!fixed}
+    {...$$restProps}
   >
     <slot name="caption" />
     <thead class="paginated-table-header">

diff --git a/src/lib/holocene/table/paginated-table/paginated.svelte b/src/lib/holocene/table/paginated-table/paginated.svelte
@@ -18,6 +18,7 @@
 
   type Item = $$Generic;
 
+  export let id: string = null;
   export let items: Item[];
   export let variant: 'primary' | 'split' = 'primary';
   export let updating = false;
@@ -94,6 +95,7 @@
   {maxHeight}
   visibleItems={$store.items}
   {fixed}
+  {id}
 >
   <slot name="caption" slot="caption" />
   <slot name="headers" slot="headers" visibleItems={$store.items} />