310f37a682
* runs on svelte 5 * Line component from svelte-chartjs * Replaced all svelte-chartjs occurrences with custom wrapper * Fix props mistake * Fix illegal table structures * self-closing-tags fix * aria labels * Fixed trivial warnings and errors * @tanstack/svelte-table fix * upgrade to vite 6 * svelte-kit sync before running svelte-check * Remove on:clear which is actually on:removeAll and already handled by on:change * fix worker tags not displaying in Autoscaling * Try to fix svelte-kit sync not working during CI * remove warnings * Fix add flow page crashing * access worldStore before assignment fix * fix infinite recursions in App Editor * Replaced JSON.stringify with proper deepEqual * component mount api changed (no longer classes) * fix ci errors * Fix infinite loops in background runnable panel * factored effect on deep equal logic in onObjChange * fix "Add" not working in AgGrid Table * Replaced legacy component.$set api * Fix multiselect infinite value reaction * Fix flow input fields resetting when opening their edit tab * fix date input resetting when typing year * Remove !p-0 affecting subgrid dotted borders * fix missing debounceTemplate causing hundreds of updates * Fix AgGrid action refreshes and disppearing * resolve getItems generating random ids every rerun * fix cannot access items before init * fix sort lambda arguments being undefined * Revert "Remove !p-0 affecting subgrid dotted borders" This reverts commit c62809bb45d682a48376b071680645ed4e1c601b. * fix input not updating in decision tree editor * Update frontend/src/lib/components/schema/EditableSchemaWrapper.svelte Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com> * Re-added padding affecting subgrid dotted borders (#5479) * remove !p-0 in preset components * removed extra padding on accordion tabs subgrid * Fix non-reactive SchemaForm * dirty fix for the oneOf bug * Fix warnings and update svelte-exmarkdown for svelte 5 * fix dnd not working * don't mount component like objects --------- Co-authored-by: Diego Imbert <diegoimbert@protonmail.com> Co-authored-by: Diego Imbert <70353967+diegoimbert@users.noreply.github.com> Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>
57 lines
1.4 KiB
Svelte
57 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import DropdownV2 from './DropdownV2.svelte'
|
|
import Cell from './table/Cell.svelte'
|
|
import DataTable from './table/DataTable.svelte'
|
|
import Head from './table/Head.svelte'
|
|
|
|
export let headers: string[] | undefined
|
|
export let data: any[] | undefined // Object containing the data
|
|
export let keys: string[]
|
|
export let size: 'sm' | 'md' | 'lg' = 'md'
|
|
|
|
export let getRowActions: ((row: any) => any[]) | undefined = undefined
|
|
</script>
|
|
|
|
<div class="mt-2 w-full">
|
|
<DataTable {size}>
|
|
<Head>
|
|
<tr>
|
|
{#if headers}
|
|
{#each headers as header, i}
|
|
<Cell first={i == 0} last={i == headers.length - 1} head class="max-w-96">{header}</Cell
|
|
>
|
|
{/each}
|
|
{#if getRowActions !== undefined}
|
|
<Cell head last />
|
|
{/if}
|
|
{/if}
|
|
</tr>
|
|
</Head>
|
|
<tbody class="divide-y">
|
|
{#if data && keys && data.length > 0}
|
|
{#each data as row}
|
|
{@const rowActions = getRowActions?.(row)}
|
|
<tr>
|
|
{#each keys as key, i}
|
|
<Cell
|
|
first={i == 0}
|
|
last={i == keys.length - 1}
|
|
class="max-w-96 whitespace-pre-wrap overflow-hidden text-ellipsis"
|
|
>
|
|
{row[key] ?? ''}
|
|
</Cell>
|
|
{/each}
|
|
{#if rowActions && rowActions.length > 0}
|
|
<Cell last shouldStopPropagation>
|
|
<DropdownV2 items={rowActions} />
|
|
</Cell>
|
|
{/if}
|
|
</tr>
|
|
{/each}
|
|
{:else}
|
|
<tr><td>Loading...</td></tr>
|
|
{/if}
|
|
</tbody>
|
|
</DataTable>
|
|
</div>
|