fuma 2.0.46 → 2.0.48

package/dist/private/Meta.svelte

@@ -1,77 +1,16 @@
 <script lang="ts">
-	import { type SvelteComponent } from 'svelte'
-	import { slide } from 'svelte/transition'
-	import { mdiEyeOffOutline, mdiEyeOutline } from '@mdi/js'
 	import { Card } from '../ui/card/index.js'
-	import { Table } from '../ui/table/index.js'
-	import { Icon } from '../ui/icon/index.js'
 
 	export let name = ''
 	export let description = ''
-	export let component: SvelteComponent
-
-	type Props = { id: string; value: string }[]
-	let props: Props = []
-	let isPropsVisible = false
-
-	$: initMeta(component)
-
-	function initMeta(c: SvelteComponent | undefined) {
-		if (!c) return
-		updateComponentMeta(c)
-		component.$$.after_update.push(() => updateComponentMeta(c))
-	}
-
-	function updateComponentMeta(c: SvelteComponent) {
-		const ctx = c.$$.ctx
-		const propsIndex = Object.entries<number>(c.$$.props)
-		props = propsIndex.map(([id, index]) => ({
-			id,
-			value: ctx[index] as string
-		}))
-	}
 </script>
 
 <Card class="mx-auto mb-6 max-w-4xl">
 	<div slot="title" class="flex items-center gap-4">
 		<span class="grow">{name}</span>
-		<button class="btn btn-square btn-sm" on:click={() => (isPropsVisible = !isPropsVisible)}>
-			<Icon
-				size={20}
-				title="Affichage des props"
-				path={isPropsVisible ? mdiEyeOutline : mdiEyeOffOutline}
-			/>
-		</button>
 	</div>
 
 	<svelte:fragment slot="subtitle">{description}</svelte:fragment>
 
 	<slot />
-
-	{#if isPropsVisible}
-		<div transition:slide class="pt-6">
-			<Table
-				items={props}
-				fields={[
-					{
-						key: 'name',
-						label: 'Prop',
-						cell: (p) => p.id,
-						locked: true
-					},
-					{
-						key: 'type',
-						label: 'Type',
-						cell: (p) => typeof p.value
-					},
-					{
-						key: 'value',
-						label: 'Value',
-						cell: (p) => p.value,
-						visible: true
-					}
-				]}
-			/>
-		</div>
-	{/if}
 </Card>

package/dist/private/Meta.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -20,7 +19,6 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 declare const Meta: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     name?: string;
     description?: string;
-    component: SvelteComponent;
 }, {
     default: {};
 }>, {

package/dist/ui/input/InputRelation.svelte

@@ -38,6 +38,7 @@
 	export let disabled = false
 	export let shortcutKey = ''
 	export let Icon: Component<{ class: string }> | undefined = undefined
+	export let debounceMs = 150
 
 	let klass = ''
 	export { klass as class }
@@ -90,7 +91,7 @@
 		}
 	}
 
-	const searchItemsDebounce = debounce(searchItems, 150)
+	const searchItemsDebounce = debounce(searchItems, debounceMs)
 
 	function handleFocus() {
 		isFocus = true
@@ -160,7 +161,7 @@
 		trigger={inputElement}
 		{isError}
 		{isLoading}
-		{focusIndex}
+		bind:focusIndex
 		let:index
 		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -29,6 +29,7 @@ declare class __sveltets_Render<RelationItem extends {
         Icon?: Component<{
             class: string;
         }, {}, string> | undefined;
+        debounceMs?: number;
         class?: string;
         classList?: string;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -27,6 +27,7 @@
 	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
 	export let input: HTMLInputAttributes | undefined = undefined
 	export let append: Snippet | undefined = undefined
+	export let debounceMs = 150
 
 	let klass = ''
 	export { klass as class }
@@ -82,7 +83,7 @@
 		}
 	}
 
-	const searchItemsDebounce = debounce(searchItems, 150)
+	const searchItemsDebounce = debounce(searchItems, debounceMs)
 
 	function handleFocus() {
 		searchItems()
@@ -155,7 +156,7 @@
 		items={proposedItems}
 		{isError}
 		{isLoading}
-		{focusIndex}
+		bind:focusIndex
 		let:index
 		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -18,6 +18,7 @@ declare class __sveltets_Render<RelationItem extends {
         slotSuggestion?: SnippetLike<[RelationItem]> | undefined;
         input?: HTMLInputAttributes | undefined;
         append?: Snippet | undefined;
+        debounceMs?: number;
         class?: string;
         classList?: string;
         value?: RelationItem[] | null | undefined;

package/dist/ui/input/SelectorList.svelte

@@ -36,7 +36,7 @@
 				role="menuitem"
 				on:click={() => dispatch('select', index)}
 				on:keydown={() => dispatch('select', index)}
-				class="flex cursor-pointer items-center justify-start gap-3 rounded px-3 py-2 hover:bg-base-200"
+				class="hover:bg-base-200 flex cursor-pointer items-center justify-start gap-3 rounded px-3 py-2"
 				class:bg-base-300={isFocused}
 			>
 				<slot {item} {index} />

package/package.json

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