fuma 1.0.17 → 1.0.19

package/dist/ui/input/InputTime.svelte

@@ -3,6 +3,7 @@ import { FormControl } from "./index.js";
 import dayjs from "dayjs";
 export let value = void 0;
 export let input = {};
+export let getDefaultDate = () => /* @__PURE__ */ new Date(0);
 $:
   ({ class: inputClass = "", ...inputProps } = input);
 const dispatch = createEventDispatcher();
@@ -13,7 +14,7 @@ const onInput = ({ currentTarget }) => {
 function getDateTime(v) {
   if (!v)
     return value;
-  const date = new Date(value || 0);
+  const date = value ? new Date(value) : getDefaultDate();
   const dateString = [
     date.getFullYear().toString(),
     (date.getMonth() + 1).toString().padStart(2, "0"),

package/dist/ui/table/TableBody.svelte

@@ -6,7 +6,7 @@ export let action = void 0;
 export let classRow = "";
 const dispatch = createEventDispatcher();
 $:
-  _fields = fields.filter((f) => f.$visible);
+  _fields = fields.filter((f) => f._visible);
 function handleClickRow(event, item) {
   dispatch("click", item);
 }

package/dist/ui/table/TableFieldsEdition.svelte

@@ -100,7 +100,7 @@ function handleReorder(newFieldsOrder) {
 							<Icon path={mdiCheck} class="fill-base-content/50" size={21} />
 						{:else if $urlParam.has(field.key)}
 							<Icon path={mdiCheckCircleOutline} class="fill-primary" size={21} />
-						{:else if field.$visible}
+						{:else if field._visible}
 							<Icon path={mdiCheck} class="fill-success" size={21} />
 						{:else}
 							<Icon path={mdiCircleSmall} class="fill-base-content/50" size={21} />

package/dist/ui/table/TableHead.svelte

@@ -22,7 +22,7 @@ function getComponent(field) {
 
 <thead>
 	<tr class="shadow">
-		{#each fields.filter((f) => f.$visible) as field (field.key)}
+		{#each fields.filter((f) => f._visible) as field (field.key)}
 			{@const { component, props } = getComponent(field)}
 			<svelte:component this={component} {...props} />
 		{/each}

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

@@ -1,4 +1,4 @@
-<script>export let value;
+<script generics="Item extends {id: string}">export let value;
 export let field;
 </script>
 

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

@@ -1,18 +1,28 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare const __propDef: {
-    props: {
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
         value: string;
-        field: TableField;
+        field: TableField<Item>;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableCellStringProps = typeof __propDef.props;
-export type TableCellStringEvents = typeof __propDef.events;
-export type TableCellStringSlots = typeof __propDef.slots;
-export default class TableCellString extends SvelteComponent<TableCellStringProps, TableCellStringEvents, TableCellStringSlots> {
+    slots(): {};
+}
+export type TableCellStringProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableCellStringEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableCellStringSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableCellString<Item extends {
+    id: string;
+}> extends SvelteComponent<TableCellStringProps<Item>, TableCellStringEvents<Item>, TableCellStringSlots<Item>> {
 }
 export {};

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

@@ -1,7 +1,10 @@
 import type { ComponentAndProps, Primitive } from '../../utils/component.js';
 import type { Options } from '../../utils/options.js';
+export type ItemBase = {
+    id: string;
+};
 export type TableFieldType = 'string' | 'textarea' | 'number' | 'boolean' | 'select' | 'multiselect' | 'date';
-export type TableField<Item = any> = TableFieldCommon & (TableFieldUntyped<Item> | TableFieldPrimitive<Item> | TableFieldSelect<Item> | TableFieldMultiselect<Item>);
+export type TableField<Item extends ItemBase> = TableFieldCommon & (TableFieldUntyped<Item> | TableFieldPrimitive<Item> | TableFieldSelect<Item> | TableFieldMultiselect<Item>);
 type TableFieldCommon = {
     key: string;
     label: string;
@@ -10,23 +13,24 @@ type TableFieldCommon = {
     hint?: string;
     locked?: boolean;
     visible?: boolean;
+    sortable?: boolean;
     /** Internal usage */
-    $visible?: boolean;
+    _visible?: boolean;
 };
-type TableFieldUntyped<Item = any> = {
+type TableFieldUntyped<Item extends ItemBase> = {
     getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive[] | Primitive | undefined | null;
-    head?: ComponentAndProps | ((field: TableField) => ComponentAndProps);
+    head?: ComponentAndProps | ((field: TableField<Item>) => ComponentAndProps);
 };
-type TableFieldPrimitive<Item = any> = {
+type TableFieldPrimitive<Item extends ItemBase> = {
     type: Exclude<TableFieldType, 'select' | 'multiselect'>;
     getCell: (item: Item) => ComponentAndProps[] | ComponentAndProps | Primitive | undefined | null;
 };
-type TableFieldSelect<Item = any> = {
+type TableFieldSelect<Item extends ItemBase> = {
     type: 'select';
     getCell: (item: Item) => Primitive | undefined | null;
     options: Options;
 };
-type TableFieldMultiselect<Item = any> = {
+type TableFieldMultiselect<Item extends ItemBase> = {
     type: 'multiselect';
     getCell: (item: Item) => Primitive[] | undefined | null;
     options: Options;
@@ -34,8 +38,8 @@ type TableFieldMultiselect<Item = any> = {
 /**
  * Initialise fields from url query
  */
-export declare function syncFieldsWithParams(tablekey: string, fields: TableField[]): ({
-    $visible: boolean;
+export declare function syncFieldsWithParams<Item extends ItemBase>(tablekey: string, fields: TableField<Item>[]): ({
+    _visible: boolean;
     key: string;
     label: string;
     type?: TableFieldType | undefined;
@@ -43,10 +47,11 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive | ComponentAndProps | ComponentAndProps[] | Primitive[] | null | undefined;
-    head?: ComponentAndProps | ((field: TableField<any>) => ComponentAndProps) | undefined;
+    sortable?: boolean | undefined;
+    getCell: (item: Item) => Primitive | ComponentAndProps | ComponentAndProps[] | Primitive[] | null | undefined;
+    head?: ComponentAndProps | ((field: TableField<Item>) => ComponentAndProps) | undefined;
 } | {
-    $visible: boolean;
+    _visible: boolean;
     key: string;
     label: string;
     type: "string" | "number" | "boolean" | "textarea" | "date";
@@ -54,9 +59,10 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive | ComponentAndProps | ComponentAndProps[] | null | undefined;
+    sortable?: boolean | undefined;
+    getCell: (item: Item) => Primitive | ComponentAndProps | ComponentAndProps[] | null | undefined;
 } | {
-    $visible: boolean;
+    _visible: boolean;
     key: string;
     label: string;
     type: "select";
@@ -64,9 +70,10 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive | null | undefined;
+    sortable?: boolean | undefined;
+    getCell: (item: Item) => Primitive | null | undefined;
 } | {
-    $visible: boolean;
+    _visible: boolean;
     key: string;
     label: string;
     type: "multiselect";
@@ -74,6 +81,7 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     hint?: string | undefined;
     locked?: boolean | undefined;
     visible?: boolean | undefined;
-    getCell: (item: any) => Primitive[] | null | undefined;
+    sortable?: boolean | undefined;
+    getCell: (item: Item) => Primitive[] | null | undefined;
 })[];
 export {};

package/dist/ui/table/field.js

@@ -14,7 +14,7 @@ export function syncFieldsWithParams(tablekey, fields) {
     // Init correct visible prop
     const _fields = fields.map((field) => ({
         ...field,
-        $visible: field.locked ||
+        _visible: field.locked ||
             (field.visible ? !fieldsHidden.includes(field.key) : fieldsVisible.includes(field.key))
     }));
     // Init correct order fields

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

@@ -1,4 +1,4 @@
-<script>import { mdiCheck, mdiClose } from "@mdi/js";
+<script generics="Item extends {id: string}">import { mdiCheck, mdiClose } from "@mdi/js";
 import TableHeadSelect from "./TableHeadSelect.svelte";
 export let field;
 </script>

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

@@ -1,17 +1,27 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadBooleanProps = typeof __propDef.props;
-export type TableHeadBooleanEvents = typeof __propDef.events;
-export type TableHeadBooleanSlots = typeof __propDef.slots;
-export default class TableHeadBoolean extends SvelteComponent<TableHeadBooleanProps, TableHeadBooleanEvents, TableHeadBooleanSlots> {
+    slots(): {};
+}
+export type TableHeadBooleanProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadBooleanEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadBooleanSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadBoolean<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadBooleanProps<Item>, TableHeadBooleanEvents<Item>, TableHeadBooleanSlots<Item>> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-<script>import { goto } from "$app/navigation";
+<script generics="Item extends {id: string}">import { goto } from "$app/navigation";
 import { page } from "$app/stores";
 import {
   mdiCalendarFilterOutline,
@@ -96,20 +96,23 @@ function handleReset() {
 			{/if}
 		</button>
 
-		<OrderButtons
-			bind:order
-			on:change={() => {
-				updateUrl()
-				dropDown.hide()
-			}}
-			iconAsc={mdiSortClockAscendingOutline}
-			iconDesc={mdiSortClockDescendingOutline}
-		/>
+		{#if field.sortable !== false}
+			<OrderButtons
+				bind:order
+				on:change={() => {
+					updateUrl()
+					dropDown.hide()
+				}}
+				iconAsc={mdiSortClockAscendingOutline}
+				iconDesc={mdiSortClockDescendingOutline}
+			/>
+		{/if}
 
 		<form
-			class="mt-6 flex flex-col font-normal"
 			on:submit|preventDefault={() => dropDown.hide()}
 			data-sveltekit-replacestate
+			class="flex flex-col font-normal"
+			class:mt-6={field.sortable !== false}
 		>
 			<RangePicker
 				bind:this={rangePicker}

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

@@ -1,17 +1,27 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare const __propDef: {
-    props: {
-        field: Omit<TableField, 'getCell' | 'type'>;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: Omit<TableField<Item>, "type" | "getCell">;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadDateProps = typeof __propDef.props;
-export type TableHeadDateEvents = typeof __propDef.events;
-export type TableHeadDateSlots = typeof __propDef.slots;
-export default class TableHeadDate extends SvelteComponent<TableHeadDateProps, TableHeadDateEvents, TableHeadDateSlots> {
+    slots(): {};
+}
+export type TableHeadDateProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadDateEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadDateSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadDate<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadDateProps<Item>, TableHeadDateEvents<Item>, TableHeadDateSlots<Item>> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-<script>import { tip } from "../../../action/tip.js";
+<script generics="Item extends {id: string}">import { tip } from "../../../action/tip.js";
 export let field;
 </script>
 

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

@@ -1,17 +1,27 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadDefaultProps = typeof __propDef.props;
-export type TableHeadDefaultEvents = typeof __propDef.events;
-export type TableHeadDefaultSlots = typeof __propDef.slots;
-export default class TableHeadDefault extends SvelteComponent<TableHeadDefaultProps, TableHeadDefaultEvents, TableHeadDefaultSlots> {
+    slots(): {};
+}
+export type TableHeadDefaultProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadDefaultEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadDefaultSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadDefault<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadDefaultProps<Item>, TableHeadDefaultEvents<Item>, TableHeadDefaultSlots<Item>> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-<script>import { onMount } from "svelte";
+<script generics="Item extends {id: string}">import { onMount } from "svelte";
 import debounce from "debounce";
 import { goto } from "$app/navigation";
 import { page } from "$app/stores";
@@ -92,17 +92,17 @@ $:
 			{/if}
 		</button>
 
-		<OrderButtons
-			bind:order
-			on:change={() => {
-				updateUrl()
-				tip.hide()
-			}}
-		/>
-
-		<div class="divider"></div>
-
-		<span class="p-1 py-1 text-sm font-semibold opacity-70">Filtre:</span>
+		{#if field.sortable !== false}
+			<OrderButtons
+				bind:order
+				on:change={() => {
+					updateUrl()
+					tip.hide()
+				}}
+			/>
+			<div class="divider"></div>
+			<span class="p-1 py-1 text-sm font-semibold opacity-70">Filtre:</span>
+		{/if}
 		<form class="grid grid-cols-2 gap-2 p-1" on:submit|preventDefault={() => tip.hide()}>
 			<InputNumber bind:value={min} on:input={updateUrl} input={{ placeholder: 'Min' }} />
 			<InputNumber

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

@@ -1,17 +1,27 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../field.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadNumberProps = typeof __propDef.props;
-export type TableHeadNumberEvents = typeof __propDef.events;
-export type TableHeadNumberSlots = typeof __propDef.slots;
-export default class TableHeadNumber extends SvelteComponent<TableHeadNumberProps, TableHeadNumberEvents, TableHeadNumberSlots> {
+    slots(): {};
+}
+export type TableHeadNumberProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadNumberEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadNumberSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadNumber<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadNumberProps<Item>, TableHeadNumberEvents<Item>, TableHeadNumberSlots<Item>> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-<script>import { derived } from "svelte/store";
+<script generics="Item extends {id: string}">import { derived } from "svelte/store";
 import { page } from "$app/stores";
 import { jsonParse } from "../../../utils/jsonParse.js";
 import { DropDown } from "../../menu/index.js";

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

@@ -1,21 +1,31 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
 import { type Options } from '../../../utils/options.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
         options: Options;
         multiSelect?: boolean | undefined;
         placeholder?: string | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadSelectProps = typeof __propDef.props;
-export type TableHeadSelectEvents = typeof __propDef.events;
-export type TableHeadSelectSlots = typeof __propDef.slots;
-export default class TableHeadSelect extends SvelteComponent<TableHeadSelectProps, TableHeadSelectEvents, TableHeadSelectSlots> {
+    slots(): {};
+}
+export type TableHeadSelectProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadSelectEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadSelectSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadSelect<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadSelectProps<Item>, TableHeadSelectEvents<Item>, TableHeadSelectSlots<Item>> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-<script>import { mdiMagnify } from "@mdi/js";
+<script generics="Item extends {id: string}">import { mdiMagnify } from "@mdi/js";
 import { page } from "$app/stores";
 import { DropDown } from "../../menu/index.js";
 import { Icon } from "../../icon/index.js";

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

@@ -1,17 +1,27 @@
 import { SvelteComponent } from "svelte";
 import type { TableField } from '../index.js';
-declare const __propDef: {
-    props: {
-        field: TableField;
+declare class __sveltets_Render<Item extends {
+    id: string;
+}> {
+    props(): {
+        field: TableField<Item>;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TableHeadStringProps = typeof __propDef.props;
-export type TableHeadStringEvents = typeof __propDef.events;
-export type TableHeadStringSlots = typeof __propDef.slots;
-export default class TableHeadString extends SvelteComponent<TableHeadStringProps, TableHeadStringEvents, TableHeadStringSlots> {
+    slots(): {};
+}
+export type TableHeadStringProps<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['props']>;
+export type TableHeadStringEvents<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['events']>;
+export type TableHeadStringSlots<Item extends {
+    id: string;
+}> = ReturnType<__sveltets_Render<Item>['slots']>;
+export default class TableHeadString<Item extends {
+    id: string;
+}> extends SvelteComponent<TableHeadStringProps<Item>, TableHeadStringEvents<Item>, TableHeadStringSlots<Item>> {
 }
 export {};

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

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'svelte';
 import type { ComponentAndProps } from '../../../utils/component.js';
-import type { TableField, TableFieldType } from '../field.js';
+import type { ItemBase, TableField, TableFieldType } from '../field.js';
 import { default as TableHeadSelect } from './TableHeadSelect.svelte';
 import { default as TableHeadDate } from './TableHeadDate.svelte';
 import { default as TableHeadBoolean } from './TableHeadBoolean.svelte';
@@ -15,5 +15,5 @@ declare const tableHeadComponentRecord: {
     select: typeof TableHeadSelect;
     date: typeof TableHeadDate;
 };
-export declare function tableHeadComponent<T extends TableFieldType>(type: T, props: Omit<ComponentProps<InstanceType<(typeof tableHeadComponentRecord)[T]>>, 'field'>): (field: TableField) => ComponentAndProps;
+export declare function tableHeadComponent<T extends TableFieldType>(type: T, props: Omit<ComponentProps<InstanceType<(typeof tableHeadComponentRecord)[T]>>, 'field'>): <Item extends ItemBase>(field: TableField<Item>) => ComponentAndProps;
 export {};

package/package.json

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