fuma 2.0.3 → 2.0.4

package/dist/ui/table/head/TableHeadSelect.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="ts" generics="Item extends {id: string}">
 	import { derived } from 'svelte/store'
 	import { page } from '$app/stores'
 
@@ -10,7 +10,7 @@
 	import { urlParam } from '../../../store/param.js'
 	import { mdiOrderBoolAscendingVariant } from '@mdi/js'
 
-	export let field: TableField
+	export let field: TableField<Item>
 	export let options: Options
 	export let multiSelect = false
 	export let placeholder = 'No option'

package/dist/ui/table/head/TableHeadSelect.svelte.d.ts

@@ -1,25 +1,36 @@
 import type { TableField } from '../index.js';
 import { type Options } from '../../../utils/options.js';
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
+        options: Options;
+        multiSelect?: boolean;
+        placeholder?: string;
     };
-    z_$$bindings?: Bindings;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): string;
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Item extends {
+        id: string;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
+    } & ReturnType<__sveltets_Render<Item>['exports']>;
+    <Item extends {
+        id: string;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<Item>['events']>;
+    }): ReturnType<__sveltets_Render<Item>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-declare const TableHeadSelect: $$__sveltets_2_IsomorphicComponent<{
-    field: TableField;
-    options: Options;
-    multiSelect?: boolean;
-    placeholder?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TableHeadSelect = InstanceType<typeof TableHeadSelect>;
+declare const TableHeadSelect: $$IsomorphicComponent;
+type TableHeadSelect<Item extends {
+    id: string;
+}> = InstanceType<typeof TableHeadSelect<Item>>;
 export default TableHeadSelect;

package/dist/ui/table/head/TableHeadString.svelte

@@ -1,22 +1,21 @@
 <script lang="ts">
-	import type { TippyInstance } from '../../../utils/tippy.js'
 	import { mdiMagnify } from '@mdi/js'
-	import { page } from '$app/stores'
+	import { page } from '$app/state'
 
 	import { DropDown } from '../../menu/index.js'
 	import { Icon } from '../../icon/index.js'
 	import { InputSearch } from '../../input/index.js'
 	import type { TableField } from '../index.js'
+	import { goto } from '$app/navigation'
+	import { urlParam } from '../../../store/param.js'
+	let { field }: { field: TableField } = $props()
 
-	export let field: TableField
-
-	let tip: TippyInstance
-	let searchValue = $page.url.searchParams.get(field.key) || ''
+	let searchValue = $derived(page.url.searchParams.get(field.key) || '')
 </script>
 
 <th class="p-1">
 	<DropDown
-		bind:tip
+		let:tip
 		hideOnBlur
 		hideOnNav={false}
 		autofocus
@@ -41,8 +40,9 @@
 		<InputSearch
 			class="m-1"
 			key={field.key}
-			bind:value={searchValue}
-			on:keydown={(e) => e.key === 'Enter' && tip.hide()}
+			value={searchValue}
+			onkeydown={(e) => e.key === 'Enter' && tip?.hide()}
+			onclear={() => goto($urlParam.without(field.key))}
 		/>
 	</DropDown>
 </th>

package/dist/ui/table/head/TableHeadString.svelte.d.ts

@@ -1,21 +1,7 @@
 import type { TableField } from '../index.js';
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TableHeadString: $$__sveltets_2_IsomorphicComponent<{
+type $$ComponentProps = {
     field: TableField;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TableHeadString = InstanceType<typeof TableHeadString>;
+};
+declare const TableHeadString: import("svelte").Component<$$ComponentProps, {}, "">;
+type TableHeadString = ReturnType<typeof TableHeadString>;
 export default TableHeadString;

package/dist/ui/table/head/index.d.ts

@@ -0,0 +1,6 @@
+export { default as TableHeadSelect } from './TableHeadSelect.svelte';
+export { default as TableHeadDate } from './TableHeadDate.svelte';
+export { default as TableHeadBoolean } from './TableHeadBoolean.svelte';
+export { default as TableHeadNumber } from './TableHeadNumber.svelte';
+export { default as TableHeadString } from './TableHeadString.svelte';
+export { default as TableHeadDefault } from './TableHeadDefault.svelte';

package/dist/ui/table/head/index.js

@@ -1,22 +1,6 @@
-import { default as TableHeadSelect } from './TableHeadSelect.svelte';
-import { default as TableHeadDate } from './TableHeadDate.svelte';
-import { default as TableHeadBoolean } from './TableHeadBoolean.svelte';
-import { default as TableHeadNumber } from './TableHeadNumber.svelte';
-import { default as TableHeadString } from './TableHeadString.svelte';
-const tableHeadComponentRecord = {
-    boolean: TableHeadBoolean,
-    string: TableHeadString,
-    textarea: TableHeadString,
-    number: TableHeadNumber,
-    multiselect: TableHeadSelect,
-    select: TableHeadSelect,
-    date: TableHeadDate
-};
-export function tableHeadComponent(type, props) {
-    return (field) => {
-        const component = tableHeadComponentRecord[type];
-        if (type !== 'multiselect')
-            return { component, props: { ...props, field } };
-        return { component, props: { ...props, field, multiSelect: true } };
-    };
-}
+export { default as TableHeadSelect } from './TableHeadSelect.svelte';
+export { default as TableHeadDate } from './TableHeadDate.svelte';
+export { default as TableHeadBoolean } from './TableHeadBoolean.svelte';
+export { default as TableHeadNumber } from './TableHeadNumber.svelte';
+export { default as TableHeadString } from './TableHeadString.svelte';
+export { default as TableHeadDefault } from './TableHeadDefault.svelte';

package/dist/validation/zod.d.ts

@@ -83,11 +83,19 @@ export declare const z: {
         number: zod.ZodOptional<zod.ZodUnion<readonly [zod.ZodObject<{
             min: zod.ZodOptional<zod.ZodNumber>;
             max: zod.ZodOptional<zod.ZodNumber>;
+            order: zod.ZodOptional<zod.ZodEnum<{
+                desc: "desc";
+                asc: "asc";
+            }>>;
         }, zod.z.core.$strip>, zod.ZodPipe<zod.ZodPipe<zod.ZodString, zod.ZodTransform<zod.z.core.$RefinementCtx<string>, string>>, zod.z.core.$ZodType<any, zod.z.core.$RefinementCtx<string>, zod.z.core.$ZodTypeInternals<any, zod.z.core.$RefinementCtx<string>>>>]>>;
         multiselect: zod.ZodOptional<zod.ZodUnion<readonly [zod.ZodArray<zod.ZodString>, zod.ZodPipe<zod.ZodPipe<zod.ZodString, zod.ZodTransform<zod.z.core.$RefinementCtx<string>, string>>, zod.z.core.$ZodType<any, zod.z.core.$RefinementCtx<string>, zod.z.core.$ZodTypeInternals<any, zod.z.core.$RefinementCtx<string>>>>]>>;
         range: zod.ZodOptional<zod.ZodUnion<readonly [zod.ZodObject<{
             start: zod.ZodOptional<zod.z.ZodCoercedDate<unknown>>;
             end: zod.ZodOptional<zod.z.ZodCoercedDate<unknown>>;
+            order: zod.ZodOptional<zod.ZodEnum<{
+                desc: "desc";
+                asc: "asc";
+            }>>;
         }, zod.z.core.$strip>, zod.ZodPipe<zod.ZodPipe<zod.ZodString, zod.ZodTransform<zod.z.core.$RefinementCtx<string>, string>>, zod.z.core.$ZodType<any, zod.z.core.$RefinementCtx<string>, zod.z.core.$ZodTypeInternals<any, zod.z.core.$RefinementCtx<string>>>>]>>;
         boolean: zod.ZodOptional<zod.ZodPipe<zod.ZodEnum<{
             true: "true";

package/dist/validation/zod.js

@@ -59,12 +59,14 @@ const relations = {
 const filter = {
     number: json({
         min: zod.number().optional(),
-        max: zod.number().optional()
+        max: zod.number().optional(),
+        order: zod.enum(['asc', 'desc']).optional()
     }).optional(),
     multiselect: jsonArray(zod.string()).optional(),
     range: json({
         start: zod.coerce.date().optional(),
-        end: zod.coerce.date().optional()
+        end: zod.coerce.date().optional(),
+        order: zod.enum(['asc', 'desc']).optional()
     }).optional(),
     boolean: zod
         .enum(['true', 'false'])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",
@@ -55,13 +55,13 @@
   ],
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.43.5",
+    "@sveltejs/kit": "^2.43.8",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@tailwindcss/typography": "^0.5.19",
     "@types/debounce": "^1.2.4",
     "@types/eslint": "^8.56.12",
-    "@types/node": "^24.5.2",
+    "@types/node": "^24.6.2",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "autoprefixer": "^10.4.21",
@@ -77,16 +77,16 @@
     "prisma": "^5.22.0",
     "publint": "^0.1.16",
     "svelte-check": "^3.8.6",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.14",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "vitest": "^1.6.1"
   },
   "dependencies": {
     "@lucia-auth/adapter-prisma": "^4.0.1",
     "@mdi/js": "^7.4.47",
     "@prisma/client": "5.22.0",
-    "@tailwindcss/vite": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.14",
     "@tiptap/core": "^2.26.2",
     "@tiptap/extension-color": "^2.26.2",
     "@tiptap/extension-highlight": "^2.26.2",
@@ -109,12 +109,12 @@
     "lucia": "^3.2.2",
     "mode-watcher": "^0.5.1",
     "oslo": "^1.2.1",
-    "svelte": "^5.39.6",
+    "svelte": "^5.39.8",
     "svelte-easy-crop": "^3.0.1",
     "svelte-sonner": "^0.3.28",
     "tippy.js": "^6.3.7",
     "ts-node": "^10.9.2",
-    "vite": "^7.1.7",
+    "vite": "^7.1.9",
     "zod": "^4.1.11"
   },
   "scripts": {