fuma 0.3.26 → 0.3.28

package/dist/action/list/trigger.d.ts

@@ -3,7 +3,7 @@ import type { DragHandler } from './handlers.js';
 export declare function mouseDragTrigger(element: HTMLElement, handler: DragHandler): {
     destroy(): void;
 };
-/** Gestion du cycle de vie des évènements de la souris */
+/** Gestion du cycle de vie des évènements de l'écran tactile */
 export declare function touchDragTrigger(element: HTMLElement, handler: DragHandler): {
     destroy(): void;
 };

package/dist/action/list/trigger.js

@@ -24,7 +24,7 @@ export function mouseDragTrigger(element, handler) {
         }
     };
 }
-/** Gestion du cycle de vie des évènements de la souris */
+/** Gestion du cycle de vie des évènements de l'écran tactile */
 export function touchDragTrigger(element, handler) {
     let onDrag = false;
     function startHandler(event) {

package/dist/ui/badge/Badge.svelte

@@ -0,0 +1,8 @@
+<script>let klass = "";
+export { klass as class };
+export let content;
+</script>
+
+<span class="badge mr-1 whitespace-nowrap {klass}">
+	{content}
+</span>

package/dist/ui/badge/Badge.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string | undefined;
+        content: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BadgeProps = typeof __propDef.props;
+export type BadgeEvents = typeof __propDef.events;
+export type BadgeSlots = typeof __propDef.slots;
+export default class Badge extends SvelteComponent<BadgeProps, BadgeEvents, BadgeSlots> {
+}
+export {};

package/dist/ui/badge/index.d.ts

@@ -0,0 +1 @@
+export { default as Badge } from './Badge.svelte';

package/dist/ui/badge/index.js

@@ -0,0 +1 @@
+export { default as Badge } from './Badge.svelte';

package/dist/ui/index.d.ts

@@ -14,3 +14,4 @@ export * from './login/index.js';
 export * from './slot/index.js';
 export * from './pagination/index.js';
 export * from './mode/index.js';
+export * from './badge/index.js';

package/dist/ui/index.js

@@ -14,3 +14,4 @@ export * from './login/index.js';
 export * from './slot/index.js';
 export * from './pagination/index.js';
 export * from './mode/index.js';
+export * from './badge/index.js';

package/dist/ui/table/cell/TableCellArray.svelte

@@ -1,10 +1,12 @@
-<script>export let value;
+<script>import { Badge } from "../../badge/index.js";
+import { component } from "../../../utils/component.js";
+export let value;
 </script>
 
 <td>
 	{#each value as v}
-		<span class="badge mr-1 whitespace-nowrap">
-			{v}
-		</span>
+		{@const componentAndProps =
+			typeof v === 'object' ? v : component(Badge, { content: String(v) })}
+		<svelte:component this={componentAndProps.component} {...componentAndProps.props} />
 	{/each}
 </td>

package/dist/ui/table/cell/TableCellArray.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
+import { type ComponentAndProps } from '../../../utils/component.js';
 declare const __propDef: {
     props: {
-        value: (string | number | boolean)[];
+        value: (ComponentAndProps | string | number | boolean)[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/table/field.d.ts

@@ -14,12 +14,12 @@ type TableFieldCommon = {
     $visible?: boolean;
 };
 type TableFieldUntyped<Item = any> = {
-    getCell: (item: Item) => ComponentAndProps | Primitive[] | Primitive | undefined | null;
+    getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive[] | Primitive | undefined | null;
     head?: ComponentAndProps | ((field: TableField) => ComponentAndProps);
 };
 type TableFieldPrimitive<Item = any> = {
     type: Exclude<TableFieldType, 'select' | 'multiselect'>;
-    getCell: (item: Item) => ComponentAndProps | Primitive | undefined | null;
+    getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive | undefined | null;
 };
 type TableFieldSelect<Item = any> = {
     type: 'select';
@@ -43,7 +43,7 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive | ComponentAndProps | Primitive[] | null | undefined;
+    getCell: (item: any) => Primitive | ComponentAndProps | ComponentAndProps[] | Primitive[] | null | undefined;
     head?: ComponentAndProps | ((field: TableField<any>) => ComponentAndProps) | undefined;
 } | {
     $visible: boolean;
@@ -54,7 +54,7 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive | ComponentAndProps | null | undefined;
+    getCell: (item: any) => Primitive | ComponentAndProps | ComponentAndProps[] | null | undefined;
 } | {
     $visible: boolean;
     key: string;

package/dist/validation/zod.js

@@ -63,8 +63,8 @@ const filter = {
     }).optional(),
     multiselect: array(zod.string()).optional(),
     range: json({
-        start: zod.date().optional(),
-        end: zod.date().optional()
+        start: zod.coerce.date().optional(),
+        end: zod.coerce.date().optional()
     }).optional(),
     boolean: zod
         .enum(['true', 'false'])

package/package.json

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