fuma 2.0.6 → 2.0.8

package/dist/ui/input/InputRelation.svelte

@@ -88,7 +88,7 @@
 		<FormControl {key} {label} {error} class={klass}>
 			{#snippet children({ key })}
 				<div class="flex grow gap-2" class:hidden={item}>
-					<div class="input input-bordered flex grow items-center pr-2">
+					<div class="input flex grow items-center pr-2">
 						<input
 							type="text"
 							id={key}
@@ -112,7 +112,7 @@
 					{#if noSlotItemWrapper}
 						{@render slotItem(item)}
 					{:else}
-						<div class="flex h-12 items-center gap-2 rounded-lg border bg-base-100 pl-4 pr-2">
+						<div class="bg-base-100 flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4">
 							<div class="grow">
 								{@render slotItem(item)}
 							</div>

package/dist/ui/input/InputSelect.svelte

@@ -43,12 +43,7 @@
 	<svelte:fragment slot="activator">
 		<FormControl {...props}>
 			{#snippet children({ key })}
-				<button
-					bind:this={button}
-					id={key}
-					type="button"
-					class="input-bordered flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2 hover:bg-base-200/50"
-				>
+				<button bind:this={button} id={key} type="button" class="input flex grow items-center pr-2">
 					{#if selectedOption}
 						{#if selectedOption.icon}
 							<Icon path={selectedOption.icon} size={21} class="opacity-70" />
@@ -77,6 +72,6 @@
 		{#if item.icon}
 			<Icon path={item.icon} size={18} class="opacity-70" />
 		{/if}
-		<span class="whitespace-nowrap pr-4">{item.label}</span>
+		<span class="pr-4 whitespace-nowrap">{item.label}</span>
 	</SelectorList>
 </DropDown>

package/dist/ui/table/TableCell.svelte

@@ -6,6 +6,7 @@
 		TableCellString
 	} from './cell/index.js'
 	import type { ItemBase, TableField } from './index.js'
+	import TableCellDate from './cell/TableCellDate.svelte'
 
 	let { item, field }: { item: Item; field: TableField<Item> } = $props()
 
@@ -19,7 +20,9 @@
 {:else if typeof cell === 'boolean'}
 	<TableCellBoolean {cell} />
 {:else if typeof cell === 'string'}
-	<TableCellString {cell} {field} />
+	<TableCellString {cell} />
+{:else if cell instanceof Date}
+	<TableCellDate {cell} />
 {:else if cell === undefined || cell === null}
 	<td>-</td>
 {:else}

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { cell }: { cell: (string | number | boolean)[] } = $props()
+	let { cell }: { cell: (string | number | boolean | Date)[] } = $props()
 </script>
 
 <td>

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

@@ -1,5 +1,5 @@
 type $$ComponentProps = {
-    cell: (string | number | boolean)[];
+    cell: (string | number | boolean | Date)[];
 };
 declare const TableCellArray: import("svelte").Component<$$ComponentProps, {}, "">;
 type TableCellArray = ReturnType<typeof TableCellArray>;

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+	let { cell }: { cell: Date } = $props()
+</script>
+
+<td>
+	<span>{cell.toLocaleDateString()}</span>
+</td>

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

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    cell: Date;
+};
+declare const TableCellDate: import("svelte").Component<$$ComponentProps, {}, "">;
+type TableCellDate = ReturnType<typeof TableCellDate>;
+export default TableCellDate;

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

@@ -1,10 +1,7 @@
-<script lang="ts" generics="Item extends ItemBase">
-	import type { ItemBase, TableField } from '../index.js'
-
-	let { cell, field }: { cell: string; field: TableField<Item> } = $props()
+<script lang="ts">
+	let { cell }: { cell: string } = $props()
 </script>
 
-<td data-field-key={field.key} data-field-type={field.type === 'textarea' ? 'textarea' : 'string'}>
-	<!-- TODO: Sanitize -->
-	<span>{@html cell}</span>
+<td>
+	<span>{cell}</span>
 </td>

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

@@ -1,28 +1,6 @@
-import type { ItemBase, TableField } from '../index.js';
-declare function $$render<Item extends ItemBase>(): {
-    props: {
-        cell: string;
-        field: TableField<Item>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type $$ComponentProps = {
+    cell: string;
 };
-declare class __sveltets_Render<Item extends ItemBase> {
-    props(): ReturnType<typeof $$render<Item>>['props'];
-    events(): ReturnType<typeof $$render<Item>>['events'];
-    slots(): ReturnType<typeof $$render<Item>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <Item extends ItemBase>(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 ItemBase>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {}): ReturnType<__sveltets_Render<Item>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const TableCellString: $$IsomorphicComponent;
-type TableCellString<Item extends ItemBase> = InstanceType<typeof TableCellString<Item>>;
+declare const TableCellString: import("svelte").Component<$$ComponentProps, {}, "">;
+type TableCellString = ReturnType<typeof TableCellString>;
 export default TableCellString;

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

@@ -2,3 +2,4 @@ export { default as TableCellArray } from './TableCellArray.svelte';
 export { default as TableCellBoolean } from './TableCellBoolean.svelte';
 export { default as TableCellNumber } from './TableCellNumber.svelte';
 export { default as TableCellString } from './TableCellString.svelte';
+export { default as TableCellDate } from './TableCellDate.svelte';

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

@@ -2,3 +2,4 @@ export { default as TableCellArray } from './TableCellArray.svelte';
 export { default as TableCellBoolean } from './TableCellBoolean.svelte';
 export { default as TableCellNumber } from './TableCellNumber.svelte';
 export { default as TableCellString } from './TableCellString.svelte';
+export { default as TableCellDate } from './TableCellDate.svelte';

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

@@ -1,8 +1,8 @@
 import type { Options } from '../../utils/options.js';
-import type { Primitive } from '../../utils/component.js';
 import type { SnippetLike } from './type.js';
+export type Primitive = string | number | boolean | Date;
 export type ItemBase = {
-    id: number | number;
+    id: string | number;
 };
 export type TableField<Item extends ItemBase> = (TableFieldCommon<Item> & TableFieldPrimitve) | (TableFieldCommon<Item> & TableFieldSelect);
 type TableFieldCommon<Item extends ItemBase> = {

package/dist/utils/component.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentProps, ComponentType } from 'svelte';
-export type Primitive = string | number | boolean;
 export type ComponentAndProps = {
     component: ComponentType;
     props: ComponentProps<InstanceType<ComponentType>>;

package/package.json

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