fuma 2.0.49 → 2.1.0

package/dist/ui/input/InputOptions.svelte.d.ts

@@ -1,21 +0,0 @@
-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 InputOptions: $$__sveltets_2_IsomorphicComponent<{
-    key: string;
-    value?: string | undefined | null;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputOptions = InstanceType<typeof InputOptions>;
-export default InputOptions;

package/dist/ui/input/InputPassword.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { FormControl, type InputProps } from './index.js'
-
-	type $$Props = InputProps & { autocomplete?: string }
-	$: ({ input, value: _value, ...props } = $$props as $$Props)
-	export let value = _value
-	export let autocomplete = 'current-password'
-</script>
-
-<FormControl {...props}>
-	{#snippet children({ key })}
-		<input
-			bind:value
-			on:input
-			on:focus
-			on:blur
-			type="password"
-			name={key}
-			id={key}
-			class="input input-bordered"
-			{autocomplete}
-			{...input}
-		/>
-	{/snippet}
-</FormControl>

package/dist/ui/input/InputPassword.svelte.d.ts

@@ -1,45 +0,0 @@
-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 InputPassword: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-    classLabel?: string;
-    key?: string;
-    label?: import("svelte").Snippet | string;
-    labelAppend?: import("svelte").Snippet | null;
-    error?: string;
-    hint?: string;
-    prefix?: string | number;
-    prefixFor?: string | number;
-    enhanceDisabled?: boolean;
-    labelPosition?: "top" | "left" | "right";
-    children?: import("svelte").Snippet<[{
-        key: string;
-    }]> | undefined;
-} & {
-    input?: import("svelte/elements").HTMLInputAttributes;
-    inputElement?: HTMLInputElement;
-    classWrapper?: string;
-    value?: string | null | undefined;
-    bindWithParams?: boolean;
-} & {
-    autocomplete?: string;
-}, {
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputPassword = InstanceType<typeof InputPassword>;
-export default InputPassword;

package/dist/ui/input/InputRadio.svelte

@@ -1,84 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte'
-	import { slide } from 'svelte/transition'
-
-	import { type Options, parseOptions } from '../../utils/options.js'
-	import { formContext } from '../../validation/form.js'
-	import { FormControl, bindValueWithParams, type InputProps } from './index.js'
-
-	type $$Props = InputProps & { options: Options; optionsClass?: string }
-	$: ({
-		input,
-		value: _value,
-		error: _error,
-		options,
-		optionsClass = '',
-		hint,
-		class: klass,
-		...props
-	} = $$props as $$Props)
-	export let value = _value
-	export let error = _error
-
-	$: _options = parseOptions(options)
-
-	let formControl: HTMLDivElement
-	const { setError } = formContext.get()
-	onMount(() => {
-		if (props.key) setError[props.key] = (err) => (error = err)
-
-		const inputs = formControl.querySelectorAll('input')
-		const handleInput = () => (error = '')
-		inputs.forEach((input) => input.addEventListener('input', handleInput))
-		return () => {
-			inputs.forEach((input) => input.removeEventListener('input', handleInput))
-		}
-	})
-</script>
-
-<div class={klass} bind:this={formControl}>
-	{#if props.label}
-		<div class="label">
-			<span class="label-text">{props.label}</span>
-			<slot name="label_append" />
-		</div>
-	{/if}
-
-	<div class={optionsClass}>
-		{#each _options as option}
-			<FormControl
-				{...props}
-				enhanceDisabled
-				label={option.label}
-				prefixFor={option.value}
-				class="flex-row-reverse items-center justify-end gap-2"
-			>
-				{#snippet children({ key })}
-					<input
-						use:bindValueWithParams={{ bindEnable: props.bindWithParams }}
-						bind:group={value}
-						on:input
-						on:focus
-						on:blur
-						value={option.value}
-						type="radio"
-						name={key}
-						id="{option.value}{key}"
-						class="radio"
-						{...input}
-					/>
-				{/snippet}
-			</FormControl>
-		{/each}
-	</div>
-
-	{#if error}
-		<div class="label" transition:slide>
-			<span class="label-text-alt text-warning">{error}</span>
-		</div>
-	{:else if hint}
-		<div class="label" transition:slide>
-			<span class="label-text-alt text-info">{hint}</span>
-		</div>
-	{/if}
-</div>

package/dist/ui/input/InputRadio.svelte.d.ts

@@ -1,56 +0,0 @@
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const InputRadio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string;
-    classLabel?: string;
-    key?: string;
-    label?: import("svelte").Snippet | string;
-    labelAppend?: import("svelte").Snippet | null;
-    error?: string;
-    hint?: string;
-    prefix?: string | number;
-    prefixFor?: string | number;
-    enhanceDisabled?: boolean;
-    labelPosition?: "top" | "left" | "right";
-    children?: import("svelte").Snippet<[{
-        key: string;
-    }]> | undefined;
-} & {
-    input?: import("svelte/elements").HTMLInputAttributes;
-    inputElement?: HTMLInputElement;
-    classWrapper?: string;
-    value?: string | null | undefined;
-    bindWithParams?: boolean;
-} & {
-    options: Options;
-    optionsClass?: string;
-}, {
-    label_append: {};
-}>, {
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    label_append: {};
-}, {}, string>;
-type InputRadio = InstanceType<typeof InputRadio>;
-export default InputRadio;

package/dist/ui/input/InputRelation.svelte

@@ -1,171 +0,0 @@
-<script lang="ts" generics="RelationItem extends {id: string | number}">
-	import {
-		createEventDispatcher,
-		tick,
-		type Component,
-		type ComponentProps,
-		type Snippet
-	} from 'svelte'
-	import type { HTMLInputAttributes } from 'svelte/elements'
-	import debounce from 'debounce'
-	import { toast } from 'svelte-sonner'
-
-	import { USE_COERCE_JSON } from '../../utils/constant.js'
-	import { DropDown } from '../menu/index.js'
-	import { FormControl, SelectorList } from './index.js'
-	import type { TippyProps } from '../../utils/tippy.js'
-	import RelationAfter from './RelationAfter.svelte'
-	import type { SnippetLike } from '../table/type.js'
-
-	export let key = Math.random().toString()
-	export let label = ''
-	export let search: (q: string) => Promise<RelationItem[]>
-	export let createUrl = ''
-	export let createTitle = 'Nouveau'
-	export let createIcon: string | undefined = undefined
-	let item: RelationItem | null = null
-	export { item as value }
-	export let error = ''
-	export let placeholder = ''
-	export let tippyProps: Partial<TippyProps> = {}
-	export let dropdownProps: ComponentProps<DropDown> = {}
-	export let flatMode = false
-	export let noSlotItemWrapper = false
-	export let slotItem: SnippetLike<[RelationItem]>
-	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
-	export let input: HTMLInputAttributes | undefined = undefined
-	export let append: Snippet | undefined = undefined
-	export let disabled = false
-	export let shortcutKey = ''
-	export let Icon: Component<{ class: string }> | undefined = undefined
-	export let debounceMs = 150
-
-	let klass = ''
-	export { klass as class }
-	export let classList = ''
-	export let inputElement: HTMLInputElement | undefined = undefined
-	export let dropdown: DropDown | undefined = undefined
-
-	let proposedItems: RelationItem[] = []
-
-	let isLoading = false
-	let isError = false
-	let isFocus = false
-	let focusIndex = 0
-	let searchValue = ''
-
-	const dispatch = createEventDispatcher<{
-		input: { value: RelationItem | null }
-		blur: void
-	}>()
-
-	export async function clear() {
-		searchValue = ''
-		item = null
-		dispatch('input', { value: item })
-		await tick()
-		inputElement?.focus()
-	}
-
-	export async function select(index = focusIndex) {
-		item = proposedItems[index]
-		dispatch('input', { value: item })
-	}
-
-	export function focus() {
-		inputElement?.focus()
-	}
-
-	export async function searchItems(searchValue = '') {
-		try {
-			isLoading = true
-			isError = false
-			focusIndex = 0
-			proposedItems = await search(searchValue)
-		} catch (error) {
-			toast.error('Erreur')
-			isError = true
-			console.error(error)
-		} finally {
-			isLoading = false
-		}
-	}
-
-	const searchItemsDebounce = debounce(searchItems, debounceMs)
-
-	function handleFocus() {
-		isFocus = true
-		searchItems()
-	}
-	async function handleBlur() {
-		isFocus = false
-		searchValue = ''
-		dispatch('blur')
-	}
-</script>
-
-<DropDown bind:this={dropdown} {tippyProps} disable={flatMode} {...dropdownProps}>
-	<div class="contents" slot="activator">
-		<FormControl {key} {label} {error} class={klass}>
-			{#snippet children({ key })}
-				<label class="input w-full" class:hidden={item}>
-					<svelte:component this={Icon} class="h-5 w-5 shrink-0 opacity-70" />
-					<input
-						type="text"
-						id={key}
-						bind:this={inputElement}
-						bind:value={searchValue}
-						on:input={(e) => searchItemsDebounce(e.currentTarget.value)}
-						on:focus={handleFocus}
-						on:blur={handleBlur}
-						autocomplete="off"
-						{placeholder}
-						class="grow"
-						size={8}
-						{...input}
-					/>
-					<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
-					{#if shortcutKey && !isFocus}
-						<kbd class="kbd kbd-xs text-base-content/50 shrink-0">
-							{shortcutKey}
-						</kbd>
-					{/if}
-				</label>
-				{@render append?.()}
-
-				{#if item}
-					{#if noSlotItemWrapper}
-						{@render slotItem(item)}
-					{:else}
-						<button
-							type="button"
-							{disabled}
-							on:click|stopPropagation={() => clear()}
-							class="input h-auto min-h-10 w-full grow items-start pt-2 pr-2"
-						>
-							{@render slotItem(item)}
-						</button>
-					{/if}
-					<input
-						type="hidden"
-						name={key}
-						value="{USE_COERCE_JSON}{JSON.stringify({ id: item.id })}"
-					/>
-				{/if}
-			{/snippet}
-		</FormControl>
-	</div>
-
-	<SelectorList
-		items={proposedItems}
-		trigger={inputElement}
-		{isError}
-		{isLoading}
-		bind:focusIndex
-		let:index
-		class="w-full min-w-40 {classList}"
-		on:select={({ detail }) => select(detail)}
-	>
-		{@render slotSuggestion(proposedItems[index])}
-	</SelectorList>
-</DropDown>

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -1,76 +0,0 @@
-import { type Component, type ComponentProps, type Snippet } from 'svelte';
-import type { HTMLInputAttributes } from 'svelte/elements';
-import { DropDown } from '../menu/index.js';
-import type { TippyProps } from '../../utils/tippy.js';
-import type { SnippetLike } from '../table/type.js';
-declare class __sveltets_Render<RelationItem extends {
-    id: string | number;
-}> {
-    props(): {
-        key?: string;
-        label?: string;
-        search: (q: string) => Promise<RelationItem[]>;
-        createUrl?: string;
-        createTitle?: string;
-        createIcon?: string | undefined;
-        value?: RelationItem | null | undefined;
-        error?: string;
-        placeholder?: string;
-        tippyProps?: Partial<TippyProps>;
-        dropdownProps?: ComponentProps<DropDown>;
-        flatMode?: boolean;
-        noSlotItemWrapper?: boolean;
-        slotItem: SnippetLike<[RelationItem]>;
-        slotSuggestion?: SnippetLike<[RelationItem]> | undefined;
-        input?: HTMLInputAttributes | undefined;
-        append?: Snippet | undefined;
-        disabled?: boolean;
-        shortcutKey?: string;
-        Icon?: Component<{
-            class: string;
-        }, {}, string> | undefined;
-        debounceMs?: number;
-        class?: string;
-        classList?: string;
-        inputElement?: HTMLInputElement | undefined;
-        dropdown?: DropDown | undefined;
-        clear?: (() => Promise<void>) | undefined;
-        select?: ((index?: number) => Promise<void>) | undefined;
-        focus?: (() => void) | undefined;
-        searchItems?: ((searchValue?: string) => Promise<void>) | undefined;
-    };
-    events(): {
-        input: CustomEvent<{
-            value: RelationItem | null;
-        }>;
-        blur: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-    bindings(): string;
-    exports(): {
-        clear: () => Promise<void>;
-        select: (index?: number) => Promise<void>;
-        focus: () => void;
-        searchItems: (searchValue?: string) => Promise<void>;
-    };
-}
-interface $$IsomorphicComponent {
-    new <RelationItem extends {
-        id: string | number;
-    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<RelationItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<RelationItem>['props']>, ReturnType<__sveltets_Render<RelationItem>['events']>, ReturnType<__sveltets_Render<RelationItem>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<RelationItem>['bindings']>;
-    } & ReturnType<__sveltets_Render<RelationItem>['exports']>;
-    <RelationItem extends {
-        id: string | number;
-    }>(internal: unknown, props: ReturnType<__sveltets_Render<RelationItem>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<RelationItem>['events']>;
-    }): ReturnType<__sveltets_Render<RelationItem>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const InputRelation: $$IsomorphicComponent;
-type InputRelation<RelationItem extends {
-    id: string | number;
-}> = InstanceType<typeof InputRelation<RelationItem>>;
-export default InputRelation;

package/dist/ui/input/InputRelations.svelte

@@ -1,166 +0,0 @@
-<script lang="ts" generics="RelationItem extends {id: string | number}">
-	import type { HTMLInputAttributes } from 'svelte/elements'
-
-	import { createEventDispatcher, tick, type Snippet } from 'svelte'
-	import { slide } from 'svelte/transition'
-	import { toast } from 'svelte-sonner'
-	import { mdiClose } from '@mdi/js'
-	import debounce from 'debounce'
-
-	import { USE_COERCE_JSON } from '../../utils/constant.js'
-	import { Icon } from '../icon/index.js'
-	import { FormControl, SelectorList } from './index.js'
-	import { DropDown } from '../menu/index.js'
-	import RelationAfter from './RelationAfter.svelte'
-	import type { SnippetLike } from '../table/type.js'
-
-	export let key = ''
-	export let label = ''
-	export let search: (q: string) => Promise<RelationItem[]>
-	export let createUrl = ''
-	export let createTitle = ''
-	export let createIcon: string | undefined = undefined
-	export let error = ''
-	export let placeholder = ''
-	export let flatMode = false
-	export let slotItem: SnippetLike<[RelationItem]>
-	export let slotSuggestion: SnippetLike<[RelationItem]> = slotItem
-	export let input: HTMLInputAttributes | undefined = undefined
-	export let append: Snippet | undefined = undefined
-	export let debounceMs = 150
-
-	let klass = ''
-	export { klass as class }
-	export let classList = ''
-
-	let proposedItems: RelationItem[] = []
-	let items: RelationItem[] | null = null
-	export { items as value }
-
-	let isLoading = false
-	let isError = false
-	let focusIndex = 0
-	let searchValue = ''
-
-	let dropdown: DropDown
-	const dispatch = createEventDispatcher<{
-		input: { value: (string | number)[]; items: RelationItem[] }
-	}>()
-	let inputSearch: HTMLInputElement
-
-	async function select(index = focusIndex) {
-		const proposedItem = proposedItems[index]
-		if (!proposedItem) return
-		if (!items) items = [proposedItem]
-		else items = [...items, proposedItem]
-		dropdown.hide()
-		inputSearch.select()
-		proposedItems = [...proposedItems.slice(0, index), ...proposedItems.slice(index + 1)]
-		dispatch('input', { value: items.map(({ id }) => id), items })
-		await tick()
-		setTimeout(() => dropdown.show(), 200)
-	}
-
-	function remove(index: number) {
-		if (!items?.length) return
-		items = [...items.slice(0, index), ...items.slice(index + 1)]
-	}
-
-	async function searchItems(searchValue = '') {
-		try {
-			isLoading = true
-			isError = false
-			focusIndex = 0
-			const res = await search(searchValue)
-			const currentIds = items?.map(({ id }) => id) || []
-			proposedItems = res.filter(({ id }) => !currentIds.includes(id))
-		} catch (error) {
-			toast.error('Erreur')
-			isError = true
-			console.error(error)
-		} finally {
-			isLoading = false
-		}
-	}
-
-	const searchItemsDebounce = debounce(searchItems, debounceMs)
-
-	function handleFocus() {
-		searchItems()
-		// dropdown.show()
-	}
-	async function handleBlur() {
-		// dropdown.hide()
-		searchValue = ''
-	}
-</script>
-
-<DropDown bind:this={dropdown} disable={flatMode}>
-	<div slot="activator">
-		<FormControl {key} {label} {error} class={klass}>
-			<div class="flex flex-col gap-2">
-				{#if items && items.length}
-					<div class="flex flex-wrap gap-2">
-						{#each items || [] as item, index (item.id)}
-							<div
-								transition:slide|local={{ axis: 'x', duration: 200 }}
-								class="badge badge-outline badge-lg items-center pr-0 text-right whitespace-nowrap"
-							>
-								{@render slotItem(item)}
-								<div
-									class="btn btn-circle btn-ghost btn-xs mr-[2px] ml-1 h-[18px] min-h-[18px] w-[18px]"
-									role="button"
-									tabindex="0"
-									on:click={() => remove(index)}
-									on:keyup={(event) => event.key === 'Enter' && remove(index)}
-								>
-									<Icon path={mdiClose} size={16} />
-								</div>
-							</div>
-						{/each}
-					</div>
-				{/if}
-				<div class="flex grow gap-2">
-					<div class="input input-bordered flex grow items-center pr-2">
-						<input
-							type="text"
-							id={key}
-							bind:this={inputSearch}
-							bind:value={searchValue}
-							on:input={(e) => searchItemsDebounce(e.currentTarget.value)}
-							on:focus={handleFocus}
-							on:blur={handleBlur}
-							autocomplete="off"
-							{placeholder}
-							class="grow"
-							size={8}
-							{...input}
-						/>
-
-						<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
-					</div>
-					{@render append?.()}
-				</div>
-			</div>
-
-			<input
-				type="hidden"
-				name={key}
-				value="{USE_COERCE_JSON}{JSON.stringify(items?.map(({ id }) => ({ id })) || [])}"
-			/>
-		</FormControl>
-	</div>
-
-	<SelectorList
-		trigger={inputSearch}
-		items={proposedItems}
-		{isError}
-		{isLoading}
-		bind:focusIndex
-		let:index
-		class="w-full min-w-40 {classList}"
-		on:select={({ detail }) => select(detail)}
-	>
-		{@render slotSuggestion(proposedItems[index])}
-	</SelectorList>
-</DropDown>