fuma 2.0.32 → 2.0.34

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/action/maxHeightScreen.d.ts

@@ -0,0 +1,3 @@
+export declare function maxHeightScreen(node: HTMLElement, { padding }?: {
+    padding?: number;
+}): void;

package/dist/action/maxHeightScreen.js

@@ -0,0 +1,3 @@
+export function maxHeightScreen(node, { padding = 16 } = {}) {
+    node.style.maxHeight = `${window.innerHeight - node.offsetTop - padding}px`;
+}

package/dist/ui/table/Table.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" generics="Item extends ItemBase">
 	import { afterNavigate } from '$app/navigation'
+	import { maxHeightScreen } from '../../action/maxHeightScreen.js'
 	import { Placeholder } from '../placeholder/index.js'
 
 	import {
@@ -23,7 +24,8 @@
 		classRow,
 		hideBody = false,
 		onCreateField,
-		onclick
+		onclick,
+		screenPadding = 16
 	}: {
 		key?: string
 		fields: TableField<Item>[]
@@ -35,6 +37,7 @@
 		hideBody?: boolean
 		onCreateField?: () => void
 		onclick?: (item?: Item) => void
+		screenPadding?: number
 	} = $props()
 
 	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key)
@@ -49,7 +52,11 @@
 	afterNavigate(initFields)
 </script>
 
-<div class="{klass} bg-base-100 overflow-x-auto rounded-lg border" class:min-h-[320px]={!hideBody}>
+<div
+	class="{klass} bg-base-100 overflow-x-auto rounded-lg border"
+	class:min-h-[320px]={!hideBody}
+	use:maxHeightScreen={{ padding: screenPadding }}
+>
 	<table class="relative table">
 		<TableHead {fields} {key} {onCreateField} />
 		{#if !hideBody && items.length}

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

@@ -12,6 +12,7 @@ declare function $$render<Item extends ItemBase>(): {
         hideBody?: boolean;
         onCreateField?: () => void;
         onclick?: (item?: Item) => void;
+        screenPadding?: number;
     };
     exports: {};
     bindings: "";

package/package.json

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