@kayord/ui 0.12.12 → 0.12.13
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
|
-
import { type ColumnDef, type Table as
|
|
2
|
+
import { type ColumnDef, type Table as TableType } from "@tanstack/table-core";
|
|
3
3
|
import { FlexRender, renderComponent } from "../../ui/data-table";
|
|
4
4
|
import { Skeleton, Table } from "../../ui";
|
|
5
5
|
import Pagination from "./Pagination.svelte";
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import DataTableHeader from "./DataTableHeader.svelte";
|
|
18
18
|
|
|
19
19
|
interface Props<T> {
|
|
20
|
-
table:
|
|
20
|
+
table: TableType<T>;
|
|
21
21
|
columns: ColumnDef<T>[];
|
|
22
22
|
isLoading?: boolean;
|
|
23
23
|
header?: Snippet;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { type ColumnDef, type Table as
|
|
1
|
+
import { type ColumnDef, type Table as TableType } from "@tanstack/table-core";
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
3
|
declare class __sveltets_Render<T> {
|
|
4
4
|
props(): {
|
|
5
|
-
table:
|
|
5
|
+
table: TableType<T>;
|
|
6
6
|
columns: ColumnDef<T>[];
|
|
7
7
|
isLoading?: boolean;
|
|
8
8
|
header?: Snippet;
|
|
@@ -11,33 +11,12 @@
|
|
|
11
11
|
let { header, table }: Props<T> = $props();
|
|
12
12
|
|
|
13
13
|
const isSortingEnabled = $derived(table.options.getSortedRowModel !== undefined);
|
|
14
|
-
const isFilteringEnabled = table.options.getFilteredRowModel !== undefined;
|
|
15
14
|
</script>
|
|
16
15
|
|
|
17
16
|
<Table.Head colspan={header.colSpan}>
|
|
18
17
|
{#if !header.isPlaceholder}
|
|
19
18
|
<div class="flex items-center gap-1">
|
|
20
19
|
<FlexRender content={header.column.columnDef.header} context={header.getContext()} />
|
|
21
|
-
{#if isFilteringEnabled}
|
|
22
|
-
<Popover.Root>
|
|
23
|
-
<Popover.Trigger>
|
|
24
|
-
<FilterIcon class="size-3" />
|
|
25
|
-
</Popover.Trigger>
|
|
26
|
-
<Popover.Content>
|
|
27
|
-
<div class="flex items-center">
|
|
28
|
-
<Input
|
|
29
|
-
type="text"
|
|
30
|
-
value={header.column.getFilterValue()}
|
|
31
|
-
onchange={(e) => header.column.setFilterValue(e.currentTarget.value)}
|
|
32
|
-
oninput={(e) => header.column.setFilterValue(e.currentTarget.value)}
|
|
33
|
-
/>
|
|
34
|
-
<Popover.Close onclick={() => header.column.setFilterValue(undefined)} class="fixed right-6">
|
|
35
|
-
<XIcon class="size-4" />
|
|
36
|
-
</Popover.Close>
|
|
37
|
-
</div>
|
|
38
|
-
</Popover.Content>
|
|
39
|
-
</Popover.Root>
|
|
40
|
-
{/if}
|
|
41
20
|
{#if isSortingEnabled}
|
|
42
21
|
<button onclick={header.column.getToggleSortingHandler()}>
|
|
43
22
|
{#if header.column.getIsSorted() == "asc"}
|