fuma 1.0.20 → 2.0.0

package/dist/ui/table/Table.svelte

@@ -1,31 +1,38 @@
-<script generics="Item extends {id: string}">import { afterNavigate } from "$app/navigation";
-import { Placeholder } from "../placeholder/index.js";
-import {
-  TableHead,
-  TableBody,
-  context,
-  createKeys,
-  syncFieldsWithParams
-} from "./index.js";
-export let key = "table";
-export let fields;
-export let items;
-export let slotAction = void 0;
-export let placholder = "Aucun \xE9l\xE9ment trouv\xE9";
-let klass = "";
-export { klass as class };
-export let classRow = "";
-export let hideBody = false;
-export let onCreateField = void 0;
-const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key);
-context.set(key, {
-  KEY_FIELDS_VISIBLE,
-  KEY_FIELDS_HIDDEN,
-  KEY_FIELDS_ORDER
-});
-const initFields = () => fields = syncFieldsWithParams(key, fields);
-initFields();
-afterNavigate(initFields);
+<script lang="ts" generics="Item extends {id: string}">
+	import { afterNavigate } from '$app/navigation'
+	import { Placeholder } from '../placeholder/index.js'
+	import type { ComponentAndProps } from '../../utils/component.js'
+
+	import {
+		type TableField,
+		TableHead,
+		TableBody,
+		context,
+		createKeys,
+		syncFieldsWithParams
+	} from './index.js'
+
+	export let key = 'table'
+	export let fields: TableField<Item>[]
+	export let items: Item[]
+	export let slotAction: ((item: Item) => ComponentAndProps) | undefined = undefined
+	export let placholder = 'Aucun élément trouvé'
+	let klass = ''
+	export {klass as class}
+	export let classRow = ''
+	export let hideBody = false
+	export let onCreateField: (() => void) | undefined = undefined
+
+	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = createKeys(key)
+	context.set(key, {
+		KEY_FIELDS_VISIBLE,
+		KEY_FIELDS_HIDDEN,
+		KEY_FIELDS_ORDER
+	})
+
+	const initFields = () => (fields = syncFieldsWithParams(key, fields))
+	initFields()
+	afterNavigate(initFields)
 </script>
 
 <div class="{klass} overflow-x-auto rounded-lg border bg-base-100" class:min-h-[320px]={!hideBody}>

package/dist/ui/table/Table.svelte.d.ts

@@ -1,18 +1,17 @@
-import { SvelteComponent } from "svelte";
 import type { ComponentAndProps } from '../../utils/component.js';
 import { type TableField } from './index.js';
 declare class __sveltets_Render<Item extends {
     id: string;
 }> {
     props(): {
-        key?: string | undefined;
+        key?: string;
         fields: TableField<Item>[];
         items: Item[];
         slotAction?: ((item: Item) => ComponentAndProps) | undefined;
-        placholder?: string | undefined;
-        class?: string | undefined;
-        classRow?: string | undefined;
-        hideBody?: boolean | undefined;
+        placholder?: string;
+        class?: string;
+        classRow?: string;
+        hideBody?: boolean;
         onCreateField?: (() => void) | undefined;
     };
     events(): {
@@ -23,18 +22,24 @@ declare class __sveltets_Render<Item extends {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type TableProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class Table<Item extends {
-    id: string;
-}> extends SvelteComponent<TableProps<Item>, TableEvents<Item>, TableSlots<Item>> {
+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']>;
 }
-export {};
+declare const Table: $$IsomorphicComponent;
+type Table<Item extends {
+    id: string;
+}> = InstanceType<typeof Table<Item>>;
+export default Table;

package/dist/ui/table/TableBody.svelte

@@ -1,15 +1,21 @@
-<script generics="Item extends {id: string}">import { createEventDispatcher } from "svelte";
-import { TableCell } from "./index.js";
-export let items;
-export let fields;
-export let action = void 0;
-export let classRow = "";
-const dispatch = createEventDispatcher();
-$:
-  _fields = fields.filter((f) => f._visible);
-function handleClickRow(event, item) {
-  dispatch("click", item);
-}
+<script lang="ts" generics="Item extends {id: string}">
+	import { createEventDispatcher } from 'svelte'
+
+	import { TableCell, type TableField } from './index.js'
+	import type { ComponentAndProps } from '../../utils/component.js'
+
+	export let items: Item[]
+	export let fields: TableField<Item>[]
+	export let action: ((item: Item) => ComponentAndProps) | undefined = undefined
+	export let classRow = ''
+
+	const dispatch = createEventDispatcher<{ click: Item }>()
+
+	$: _fields = fields.filter((f) => f.$visible)
+
+	function handleClickRow(event: MouseEvent, item: Item) {
+		dispatch('click', item)
+	}
 </script>
 
 <tbody>

package/dist/ui/table/TableBody.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import { type TableField } from './index.js';
 import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<Item extends {
@@ -8,7 +7,7 @@ declare class __sveltets_Render<Item extends {
         items: Item[];
         fields: TableField<Item>[];
         action?: ((item: Item) => ComponentAndProps) | undefined;
-        classRow?: string | undefined;
+        classRow?: string;
     };
     events(): {
         click: CustomEvent<Item>;
@@ -16,18 +15,24 @@ declare class __sveltets_Render<Item extends {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type TableBodyProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableBodyEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableBodySlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableBody<Item extends {
-    id: string;
-}> extends SvelteComponent<TableBodyProps<Item>, TableBodyEvents<Item>, TableBodySlots<Item>> {
+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']>;
 }
-export {};
+declare const TableBody: $$IsomorphicComponent;
+type TableBody<Item extends {
+    id: string;
+}> = InstanceType<typeof TableBody<Item>>;
+export default TableBody;

package/dist/ui/table/TableCell.svelte

@@ -1,13 +1,16 @@
-<script generics="Item extends {id: string}">import {
-  TableCellArray,
-  TableCellBoolean,
-  TableCellNumber,
-  TableCellString
-} from "./cell/index.js";
-export let item;
-export let field;
-$:
-  value = field.getCell(item);
+<script lang="ts" generics="Item extends {id: string}">
+	import {
+		TableCellArray,
+		TableCellBoolean,
+		TableCellNumber,
+		TableCellString
+	} from './cell/index.js'
+	import type { TableField } from './index.js'
+
+	export let item: Item
+	export let field: TableField<Item>
+
+	$: value = field.getCell(item)
 </script>
 
 {#if Array.isArray(value)}

package/dist/ui/table/TableCell.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { TableField } from './index.js';
 declare class __sveltets_Render<Item extends {
     id: string;
@@ -11,18 +10,24 @@ declare class __sveltets_Render<Item extends {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type TableCellProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableCellEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableCellSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableCell<Item extends {
-    id: string;
-}> extends SvelteComponent<TableCellProps<Item>, TableCellEvents<Item>, TableCellSlots<Item>> {
+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']>;
 }
-export {};
+declare const TableCell: $$IsomorphicComponent;
+type TableCell<Item extends {
+    id: string;
+}> = InstanceType<typeof TableCell<Item>>;
+export default TableCell;

package/dist/ui/table/TableFieldsEdition.svelte

@@ -1,54 +1,60 @@
-<script generics="Item extends {id: string}">import {
-  mdiCheck,
-  mdiCheckCircleOutline,
-  mdiCircleSmall,
-  mdiDotsHorizontal,
-  mdiDrag,
-  mdiPlus
-} from "@mdi/js";
-import { goto } from "$app/navigation";
-import { page } from "$app/stores";
-import { urlParam } from "../../store/param.js";
-import { listEditable } from "../../action/list/index.js";
-import { jsonParse } from "../../utils/jsonParse.js";
-import { context } from "./context.js";
-import { Icon } from "../icon/index.js";
-import { DropDown } from "../menu/index.js";
-export let fields;
-export let key;
-export let onCreateField = void 0;
-let tip;
-const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key);
-function getFieldHref(field) {
-  if (field.locked)
-    return;
-  const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key);
-  if (url.searchParams.has(field.key)) {
-    url.searchParams.delete(field.key);
-    url.searchParams.delete("skip");
-    url.searchParams.delete("take");
-  }
-  return url.pathname + url.search;
-}
-function toggleParam(paramKey, fieldKey) {
-  const url = new URL($page.url);
-  const fieldsKeys = jsonParse($page.url.searchParams.get(paramKey), []);
-  if (!fieldsKeys.includes(fieldKey))
-    fieldsKeys.push(fieldKey);
-  else
-    fieldsKeys.splice(fieldsKeys.indexOf(fieldKey), 1);
-  if (fieldsKeys.length)
-    url.searchParams.set(paramKey, JSON.stringify(fieldsKeys));
-  else
-    url.searchParams.delete(paramKey);
-  return url;
-}
-function handleReorder(newFieldsOrder) {
-  fields = newFieldsOrder;
-  const fieldsOrder = fields.map((f) => f.key);
-  const newUrl = $urlParam.with({ [KEY_FIELDS_ORDER]: JSON.stringify(fieldsOrder) });
-  goto(newUrl, { replaceState: true, noScroll: true, keepFocus: true });
-}
+<script lang="ts" generics="Item extends {id: string}">
+	import {
+		mdiCheck,
+		mdiCheckCircleOutline,
+		mdiCircleSmall,
+		mdiDotsHorizontal,
+		mdiDrag,
+		mdiPlus
+	} from '@mdi/js'
+	import type { TippyInstance } from '../../utils/tippy.js'
+	import { goto } from '$app/navigation'
+	import { page } from '$app/stores'
+	import { urlParam } from '../../store/param.js'
+	import { listEditable } from '../../action/list/index.js'
+	import { jsonParse } from '../../utils/jsonParse.js'
+	import { context } from './context.js'
+	import { Icon } from '../icon/index.js'
+	import { DropDown } from '../menu/index.js'
+	import type { TableField } from './index.js'
+
+	export let fields: TableField<Item>[]
+	export let key: string
+	export let onCreateField: (() => void) | undefined = undefined
+
+	let tip: TippyInstance
+
+	const { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = context.get(key)
+
+	function getFieldHref(field: TableField) {
+		if (field.locked) return
+		const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
+		if (url.searchParams.has(field.key)) {
+			url.searchParams.delete(field.key)
+			url.searchParams.delete('skip')
+			url.searchParams.delete('take')
+		}
+		return url.pathname + url.search
+	}
+
+	function toggleParam(paramKey: string, fieldKey: string): URL {
+		const url = new URL($page.url)
+		const fieldsKeys = jsonParse<string[]>($page.url.searchParams.get(paramKey), [])
+		if (!fieldsKeys.includes(fieldKey)) fieldsKeys.push(fieldKey)
+		else fieldsKeys.splice(fieldsKeys.indexOf(fieldKey), 1)
+
+		if (fieldsKeys.length) url.searchParams.set(paramKey, JSON.stringify(fieldsKeys))
+		else url.searchParams.delete(paramKey)
+
+		return url
+	}
+
+	function handleReorder(newFieldsOrder: TableField<Item>[]) {
+		fields = newFieldsOrder
+		const fieldsOrder = fields.map((f) => f.key)
+		const newUrl = $urlParam.with({ [KEY_FIELDS_ORDER]: JSON.stringify(fieldsOrder) })
+		goto(newUrl, { replaceState: true, noScroll: true, keepFocus: true })
+	}
 </script>
 
 <th class="sticky right-0 z-10 p-0 px-1" align="right">
@@ -100,7 +106,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/TableFieldsEdition.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { TableField } from './index.js';
 declare class __sveltets_Render<Item extends {
     id: string;
@@ -9,23 +8,29 @@ declare class __sveltets_Render<Item extends {
         onCreateField?: (() => void) | undefined;
     };
     events(): {
-        click: MouseEvent;
+        click: PointerEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type TableFieldsEditionProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableFieldsEditionEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableFieldsEditionSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableFieldsEdition<Item extends {
-    id: string;
-}> extends SvelteComponent<TableFieldsEditionProps<Item>, TableFieldsEditionEvents<Item>, TableFieldsEditionSlots<Item>> {
+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']>;
 }
-export {};
+declare const TableFieldsEdition: $$IsomorphicComponent;
+type TableFieldsEdition<Item extends {
+    id: string;
+}> = InstanceType<typeof TableFieldsEdition<Item>>;
+export default TableFieldsEdition;

package/dist/ui/table/TableHead.svelte

@@ -1,28 +1,27 @@
-<script generics="Item extends {id: string}">import { component } from "../../utils/component.js";
-import { TableFieldsEdition } from "./index.js";
-import { tableHeadComponent } from "./head/index.js";
-import TableHeadDefault from "./head/TableHeadDefault.svelte";
-export let fields;
-export let key;
-export let onCreateField = void 0;
-function getComponent(field) {
-  if (field.type === "select" || field.type === "multiselect")
-    return tableHeadComponent(field.type, { options: field.options || [] })(field);
-  if (field.type)
-    return tableHeadComponent(field.type, {})(field);
-  if (!field.head)
-    return component(TableHeadDefault, { field });
-  if (typeof field.head === "function")
-    return field.head(field);
-  if (typeof field.head === "string")
-    return tableHeadComponent(field.head, {})(field);
-  return field.head;
-}
+<script lang="ts" generics="Item extends {id: string}">
+	import { component, type ComponentAndProps } from '../../utils/component.js'
+	import { type TableField, TableFieldsEdition } from './index.js'
+	import { tableHeadComponent } from './head/index.js'
+	import TableHeadDefault from './head/TableHeadDefault.svelte'
+
+	export let fields: TableField<Item>[]
+	export let key: string
+	export let onCreateField: (() => void) | undefined = undefined
+
+	function getComponent(field: TableField): ComponentAndProps {
+		if (field.type === 'select' || field.type === 'multiselect')
+			return tableHeadComponent(field.type, { options: field.options || [] })(field)
+		if (field.type) return tableHeadComponent(field.type, {})(field)
+		if (!field.head) return component(TableHeadDefault, { field })
+		if (typeof field.head === 'function') return field.head(field)
+		if (typeof field.head === 'string') return tableHeadComponent(field.head, {})(field)
+		return field.head
+	}
 </script>
 
 <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/TableHead.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import { type TableField } from './index.js';
 declare class __sveltets_Render<Item extends {
     id: string;
@@ -12,18 +11,24 @@ declare class __sveltets_Render<Item extends {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type TableHeadProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type TableHeadEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type TableHeadSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class TableHead<Item extends {
-    id: string;
-}> extends SvelteComponent<TableHeadProps<Item>, TableHeadEvents<Item>, TableHeadSlots<Item>> {
+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']>;
 }
-export {};
+declare const TableHead: $$IsomorphicComponent;
+type TableHead<Item extends {
+    id: string;
+}> = InstanceType<typeof TableHead<Item>>;
+export default TableHead;