fuma 2.0.33 → 2.0.35

package/dist/action/index.d.ts

@@ -3,3 +3,4 @@ export * from './tip.js';
 export * from './portal.js';
 export * from './list/index.js';
 export * from './autoSubmit.js';
+export * from './maxHeightScreen.js';

package/dist/action/index.js

@@ -3,3 +3,4 @@ export * from './tip.js';
 export * from './portal.js';
 export * from './list/index.js';
 export * from './autoSubmit.js';
+export * from './maxHeightScreen.js';

package/dist/ui/table/Table.svelte

@@ -25,7 +25,7 @@
 		hideBody = false,
 		onCreateField,
 		onclick,
-		screenPadding = 16
+		screenPadding
 	}: {
 		key?: string
 		fields: TableField<Item>[]
@@ -52,15 +52,11 @@
 	afterNavigate(initFields)
 </script>
 
-<div
-	class="{klass} bg-base-100 overflow-x-auto rounded-lg border"
-	class:min-h-[320px]={!hideBody}
-	use:maxHeightScreen={{ padding: screenPadding }}
->
+<div class="{klass} bg-base-100 overflow-x-auto rounded-lg border" class:min-h-[320px]={!hideBody}>
 	<table class="relative table">
 		<TableHead {fields} {key} {onCreateField} />
 		{#if !hideBody && items.length}
-			<TableBody {fields} {items} {actions} {classRow} {onclick} />
+			<TableBody {fields} {items} {actions} {classRow} {onclick} {screenPadding} />
 		{/if}
 	</table>
 

package/dist/ui/table/TableBody.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" generics="Item extends ItemBase">
+	import { maxHeightScreen } from '../../action/maxHeightScreen.js'
 	import { TableCell, type ItemBase, type TableField } from './index.js'
 	import type { Snippet } from 'svelte'
 
@@ -7,19 +8,21 @@
 		fields,
 		actions,
 		classRow,
-		onclick
+		onclick,
+		screenPadding
 	}: {
 		items: Item[]
 		fields: TableField<Item>[]
 		actions?: Snippet<[item: Item]>
 		classRow?: string
 		onclick?: (item?: Item) => void
+		screenPadding?: number
 	} = $props()
 
 	let fieldsVisible = $derived(fields.filter((f) => f._visible))
 </script>
 
-<tbody>
+<tbody use:maxHeightScreen={{ padding: screenPadding }}>
 	{#each items as item (item.id)}
 		<tr class={classRow} onclick={() => onclick?.(item)}>
 			{#each fieldsVisible as field (field.key)}

package/dist/ui/table/TableBody.svelte.d.ts

@@ -7,6 +7,7 @@ declare function $$render<Item extends ItemBase>(): {
         actions?: Snippet<[item: Item]>;
         classRow?: string;
         onclick?: (item?: Item) => void;
+        screenPadding?: number;
     };
     exports: {};
     bindings: "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "2.0.33",
+  "version": "2.0.35",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",