fuma 1.0.21 → 2.0.0

package/dist/ui/drawer/Drawer.svelte.d.ts

@@ -1,70 +1,105 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        /** Key used in url query params */ key: string;
-        class?: string | undefined;
-        maxWidth?: string | undefined;
-        classHeader?: string | undefined;
-        classBody?: string | undefined;
-        duration?: number | undefined;
-        noOverlay?: boolean | undefined;
-        transitionX?: number | undefined;
-        zIndex?: number | undefined;
-        open?: ((value?: number, options?: {
+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 Drawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string;
+    /** Key used in url query params */ key: string;
+    class?: string;
+    maxWidth?: string;
+    classHeader?: string;
+    classBody?: string;
+    duration?: number;
+    noOverlay?: boolean;
+    transitionX?: number;
+    zIndex?: number;
+    open?: (value?: number, options?: {
+        replaceState?: boolean | undefined;
+        noScroll?: boolean | undefined;
+        keepFocus?: boolean | undefined;
+        invalidateAll?: boolean | undefined;
+        invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
+        state?: App.PageState | undefined;
+    } | undefined) => Promise<void>;
+    close?: (options?: {
+        replaceState?: boolean | undefined;
+        noScroll?: boolean | undefined;
+        keepFocus?: boolean | undefined;
+        invalidateAll?: boolean | undefined;
+        invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
+        state?: App.PageState | undefined;
+    } | undefined) => Promise<void>;
+}, {
+    default: {
+        open: (value?: number, options?: {
             replaceState?: boolean | undefined;
             noScroll?: boolean | undefined;
             keepFocus?: boolean | undefined;
             invalidateAll?: boolean | undefined;
+            invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
             state?: App.PageState | undefined;
-        } | undefined) => Promise<void>) | undefined;
-        close?: ((options?: {
+        } | undefined) => Promise<void>;
+        close: (options?: {
             replaceState?: boolean | undefined;
             noScroll?: boolean | undefined;
             keepFocus?: boolean | undefined;
             invalidateAll?: boolean | undefined;
+            invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
             state?: App.PageState | undefined;
-        } | undefined) => Promise<void>) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
+        } | undefined) => Promise<void>;
     };
-    slots: {
-        default: {
-            open: (value?: number, options?: {
-                replaceState?: boolean | undefined;
-                noScroll?: boolean | undefined;
-                keepFocus?: boolean | undefined;
-                invalidateAll?: boolean | undefined;
-                state?: App.PageState | undefined;
-            } | undefined) => Promise<void>;
-            close: (options?: {
-                replaceState?: boolean | undefined;
-                noScroll?: boolean | undefined;
-                keepFocus?: boolean | undefined;
-                invalidateAll?: boolean | undefined;
-                state?: App.PageState | undefined;
-            } | undefined) => Promise<void>;
-        };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        open: (value?: number, options?: {
+            replaceState?: boolean | undefined;
+            noScroll?: boolean | undefined;
+            keepFocus?: boolean | undefined;
+            invalidateAll?: boolean | undefined;
+            invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
+            state?: App.PageState | undefined;
+        } | undefined) => Promise<void>;
+        close: (options?: {
+            replaceState?: boolean | undefined;
+            noScroll?: boolean | undefined;
+            keepFocus?: boolean | undefined;
+            invalidateAll?: boolean | undefined;
+            invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
+            state?: App.PageState | undefined;
+        } | undefined) => Promise<void>;
     };
-};
-export type DrawerProps = typeof __propDef.props;
-export type DrawerEvents = typeof __propDef.events;
-export type DrawerSlots = typeof __propDef.slots;
-export default class Drawer extends SvelteComponent<DrawerProps, DrawerEvents, DrawerSlots> {
-    get open(): (value?: number, options?: {
+}, {
+    open: (value?: number, options?: {
         replaceState?: boolean | undefined;
         noScroll?: boolean | undefined;
         keepFocus?: boolean | undefined;
         invalidateAll?: boolean | undefined;
+        invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
         state?: App.PageState | undefined;
     } | undefined) => Promise<void>;
-    get close(): (options?: {
+    close: (options?: {
         replaceState?: boolean | undefined;
         noScroll?: boolean | undefined;
         keepFocus?: boolean | undefined;
         invalidateAll?: boolean | undefined;
+        invalidate?: (string | URL | ((url: URL) => boolean))[] | undefined;
         state?: App.PageState | undefined;
     } | undefined) => Promise<void>;
-}
-export {};
+}, string>;
+type Drawer = InstanceType<typeof Drawer>;
+export default Drawer;

package/dist/ui/drawer/drawerFly.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { FlyParams, TransitionConfig } from 'svelte/transition';
 export type DrawerFlyParams = FlyParams & {
     onTransition?: (pos: {

package/dist/ui/drawer/layers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Readable } from 'svelte/store';
 export declare function subscibeDrawerLayers(key: string): {
     isActive: Readable<boolean>;

package/dist/ui/form/Form.svelte

@@ -1,92 +1,111 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+	import type { z } from 'zod'
+	import type { FormDataInput } from './form.js'
+</script>
 
 <script
-
+	lang="ts"
 	generics="
 		Shape extends z.ZodRawShape,
 		ReturnData extends Record<string, unknown> = FormDataInput<Shape>,
 		Data extends FormDataInput<Shape> = FormDataInput<Shape>
 	"
->import { createEventDispatcher, onMount } from "svelte";
-import { fade } from "svelte/transition";
-import { page } from "$app/stores";
-import { contextContainer } from "../context.js";
-import {
-  initData,
-  getFieldType,
-  useHandleInput
-} from "./form.js";
-import ButtonDelete from "../button/ButtonDelete.svelte";
-import { useForm } from "../../validation/form.js";
-import FormInput from "./FormInput.svelte";
-import FormSection from "./FormSection.svelte";
-let klass = "";
-export { klass as class };
-export let classSection = "";
-export let classAction = "";
-export let model = void 0;
-export let fields = [];
-export let sections = [{}];
-export let action = "";
-export let actionCreate = "_create";
-export let actionDelete = "_delete";
-export let actionUpdate = "_update";
-export let simpleAction = false;
-export let options = {};
-let dataInput = initData(fields);
-export { dataInput as data };
-let data = dataInput;
-export function set(key, value) {
-  isDirty.set(true);
-  data[key] = value;
-}
-export function update(updater) {
-  isDirty.set(true);
-  data = updater(data);
-}
-const dispatch = createEventDispatcher();
-const { enhance, setError } = useForm({
-  ...options,
-  async onSuccess(url, data2) {
-    if (options.onSuccess)
-      await options.onSuccess(url, data2);
-    dispatch("success", { action: url, data: data2 });
-    const actionPath = url.pathname + url.search;
-    if (actionPath.includes(action + actionDelete))
-      dispatch("deleted");
-    if (!data2)
-      return;
-    if (actionPath.includes(action + actionCreate))
-      dispatch("created", data2);
-    if (actionPath.includes(action + actionUpdate))
-      dispatch("updated", data2);
-  }
-});
-const { handleInput, isDirty } = useHandleInput({ model, setError });
-onMount(lookupValueFromParams);
-$:
-  $isDirty ? dataInput = data : data = dataInput;
-function lookupValueFromParams() {
-  fields.flat().forEach(({ key }) => {
-    if (data[key])
-      return;
-    const value = $page.url.searchParams.get(key);
-    if (value && key in data)
-      data[key] = value;
-  });
-}
-const actionPadding = getActionPadding();
-function getActionPadding() {
-  const container = contextContainer.get();
-  if (container === "drawer")
-    return "bottom-0 -ml-8 -mr-4 pl-8 pr-4";
-  if (container === "card")
-    return "bottom-0 -mx-2 sm:-mx-8 px-2 sm:px-8";
-  if (container === "dialog")
-    return "-bottom-4 -mx-4 px-4";
-  return "bottom-0";
-}
-const getBoolean = (bool) => (_data) => typeof bool === "boolean" || bool === void 0 ? !!bool : !!bool(_data);
+>
+	import { createEventDispatcher, onMount } from 'svelte'
+	import { fade } from 'svelte/transition'
+	import { page } from '$app/stores'
+	import { contextContainer } from '../context.js'
+	import {
+		initData,
+		type FormField,
+		type FormSectionProps,
+		type BoolOrFunction,
+		type Nullable,
+		getFieldType,
+		useHandleInput
+	} from './form.js'
+	import ButtonDelete from '../button/ButtonDelete.svelte'
+
+	import { useForm, type UseFormOptions } from '../../validation/form.js'
+	import FormInput from './FormInput.svelte'
+	import FormSection from './FormSection.svelte'
+
+	let klass = ''
+	export { klass as class }
+	export let classSection = ''
+	export let classAction = ''
+	export let model: Shape | undefined = undefined
+	export let fields: FormField<Shape>[][] = []
+	export let sections: FormSectionProps<Shape>[] = [{}]
+	export let action = ''
+	export let actionCreate = '_create'
+	export let actionDelete = '_delete'
+	export let actionUpdate = '_update'
+	export let disabled = false
+
+	/** Ignore actionCreate, actionDelete and actionUpdate */
+	export let simpleAction = false
+
+	export let options: UseFormOptions<ReturnData> = {}
+	let dataInput: Nullable<Data> = initData<Shape, Data>(fields)
+	export { dataInput as data }
+
+	let data = dataInput
+
+	export function set<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) {
+		isDirty.set(true)
+		data[key] = value
+	}
+	export function update(updater: (currentData: Nullable<Data>) => Nullable<Data>) {
+		isDirty.set(true)
+		data = updater(data)
+	}
+
+	const dispatch = createEventDispatcher<{
+		success: { action: URL; data?: ReturnData }
+		created: ReturnData
+		updated: ReturnData
+		deleted: void
+	}>()
+
+	const { enhance, setError } = useForm<ReturnData>({
+		...options,
+		async onSuccess(url, data) {
+			if (options.onSuccess) await options.onSuccess(url, data)
+			dispatch('success', { action: url, data })
+			const actionPath = url.pathname + url.search
+			if (actionPath.includes(action + actionDelete)) dispatch('deleted')
+			if (!data) return
+			if (actionPath.includes(action + actionCreate)) dispatch('created', data)
+			if (actionPath.includes(action + actionUpdate)) dispatch('updated', data)
+		}
+	})
+	const { handleInput, isDirty } = useHandleInput({ model, setError })
+
+	onMount(lookupValueFromParams)
+	$: $isDirty ? (dataInput = data) : (data = dataInput)
+
+	function lookupValueFromParams() {
+		fields.flat().forEach(({ key }) => {
+			if (data[key]) return
+			const value = $page.url.searchParams.get(key)
+			// TODO: fix data[key] type
+			// @ts-ignore
+			if (value && key in data) data[key] = value
+		})
+	}
+
+	const actionPadding = getActionPadding()
+	function getActionPadding(): string {
+		const container = contextContainer.get()
+		if (container === 'drawer') return 'bottom-0 -ml-8 -mr-4 pl-8 pr-4'
+		if (container === 'card') return 'bottom-0 -mx-2 sm:-mx-8 px-2 sm:px-8'
+		if (container === 'dialog') return '-bottom-4 -mx-4 px-4'
+		return 'bottom-0'
+	}
+
+	const getBoolean = (bool?: BoolOrFunction<Shape>) => (_data: Nullable<Data>) =>
+		typeof bool === 'boolean' || bool === undefined ? !!bool : !!bool(_data)
 </script>
 
 <form
@@ -97,12 +116,12 @@ const getBoolean = (bool) => (_data) => typeof bool === "boolean" || bool === vo
 	use:enhance
 	on:input={handleInput}
 >
+	<slot />
+
 	{#if data?.id}
 		<input type="hidden" name="id" value={data.id} />
 	{/if}
 
-	<slot />
-
 	{#each fields as groupFields, groupIndex}
 		{@const section = sections[groupIndex] || {}}
 		{#if !getBoolean(section?.hide)(data)}
@@ -137,12 +156,12 @@ const getBoolean = (bool) => (_data) => typeof bool === "boolean" || bool === vo
 			sticky col-span-full mt-2 flex flex-row-reverse gap-2 border-t py-4 backdrop-blur-sm
 		"
 	>
-		<button class="btn btn-primary"> Valider </button>
-		<div class="grow" />
+		<button class="btn btn-primary" {disabled}> Valider </button>
+		<div class="grow"></div>
 		{#if !simpleAction && data.id && actionDelete}
 			{@const formaction = `${action}${actionDelete}`}
 			<slot name="delete" {formaction}>
-				<ButtonDelete {formaction}>Supprimer</ButtonDelete>
+				<ButtonDelete {formaction} {disabled}>Supprimer</ButtonDelete>
 			</slot>
 		{/if}
 	</div>

package/dist/ui/form/Form.svelte.d.ts

@@ -1,21 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { z } from 'zod';
 import type { FormDataInput } from './form.js';
 import { type FormField, type FormSectionProps, type Nullable } from './form.js';
 import { type UseFormOptions } from '../../validation/form.js';
 declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> {
     props(): {
-        class?: string | undefined;
-        classSection?: string | undefined;
-        classAction?: string | undefined;
+        class?: string;
+        classSection?: string;
+        classAction?: string;
         model?: Shape | undefined;
         fields?: FormField<Shape>[][] | undefined;
         sections?: FormSectionProps<Shape>[] | undefined;
-        action?: string | undefined;
-        actionCreate?: string | undefined;
-        actionDelete?: string | undefined;
-        actionUpdate?: string | undefined;
-        /** Ignore actionCreate, actionDelete and actionUpdate */ simpleAction?: boolean | undefined;
+        action?: string;
+        actionCreate?: string;
+        actionDelete?: string;
+        actionUpdate?: string;
+        disabled?: boolean;
+        /** Ignore actionCreate, actionDelete and actionUpdate */ simpleAction?: boolean;
         options?: UseFormOptions<ReturnData> | undefined;
         data?: Nullable<Data> | undefined;
         set?: (<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void) | undefined;
@@ -38,12 +38,25 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends
             formaction: any;
         };
     };
+    bindings(): string;
+    exports(): {
+        set: <K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void;
+        update: (updater: (currentData: Nullable<Data>) => Nullable<Data>) => void;
+    };
 }
-export type FormProps<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['props']>;
-export type FormEvents<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['events']>;
-export type FormSlots<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['slots']>;
-export default class Form<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> extends SvelteComponent<FormProps<Shape, ReturnData, Data>, FormEvents<Shape, ReturnData, Data>, FormSlots<Shape, ReturnData, Data>> {
-    get set(): <K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void;
-    get update(): (updater: (currentData: Nullable<Data>) => Nullable<Data>) => void;
+interface $$IsomorphicComponent {
+    new <Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Shape, ReturnData, Data>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Shape, ReturnData, Data>['props']>, ReturnType<__sveltets_Render<Shape, ReturnData, Data>['events']>, ReturnType<__sveltets_Render<Shape, ReturnData, Data>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Shape, ReturnData, Data>['bindings']>;
+    } & ReturnType<__sveltets_Render<Shape, ReturnData, Data>['exports']>;
+    <Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>>(internal: unknown, props: ReturnType<__sveltets_Render<Shape, ReturnData, Data>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<Shape, ReturnData, Data>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<Shape, ReturnData, Data>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<Shape, ReturnData, Data>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
 }
-export {};
+declare const Form: $$IsomorphicComponent;
+type Form<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = InstanceType<typeof Form<Shape, ReturnData, Data>>;
+export default Form;

package/dist/ui/form/FormInput.svelte

@@ -1,9 +1,15 @@
-<script generics="InputType extends FormInputsType">import { formInputs } from "./formInput.js";
-let inputType;
-export { inputType as type };
-export let value;
-$:
-  component = formInputs[inputType];
+<script lang="ts" generics="InputType extends FormInputsType">
+	import { formInputs, type FormInputProps, type FormInputsType } from './formInput.js'
+
+	type $$Props = FormInputProps<InputType> & {
+		type: InputType
+		value: FormInputProps<InputType>['value']
+	}
+
+	let inputType: InputType
+	export { inputType as type }
+	export let value: FormInputProps<InputType>['value']
+	$: component = formInputs[inputType] as any
 </script>
 
 <svelte:component this={component} bind:value {...$$restProps} />

package/dist/ui/form/FormSection.svelte

@@ -1,19 +1,26 @@
-<script>import { slide } from "svelte/transition";
-import { mdiChevronRight } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-export let title = "";
-export let isActive = false;
-export let isReducible = false;
-let klass = "";
-export { klass as class };
-export let contentClass = "";
-function open() {
-  isActive = true;
-}
-function toggle(event) {
-  event.stopPropagation();
-  isActive = !isActive;
-}
+<script lang="ts">
+	import { slide } from 'svelte/transition'
+	import { mdiChevronRight } from '@mdi/js'
+	import { Icon } from '../icon/index.js'
+	type Props = { isActive?: boolean; class?: string; contentClass?: string }
+	type $$Props = Props &
+		({ isReducible: true; title: string } | { isReducible?: false; title?: string })
+
+	export let title = ''
+	export let isActive = false
+	export let isReducible = false
+
+	let klass = ''
+	export { klass as class }
+	export let contentClass = ''
+
+	function open() {
+		isActive = true
+	}
+	function toggle(event: Event) {
+		event.stopPropagation()
+		isActive = !isActive
+	}
 </script>
 
 <div>
@@ -44,7 +51,7 @@ function toggle(event) {
 				{/if}
 			</slot>
 			{#if isReducible}
-				<div class="grow" />
+				<div class="grow"></div>
 				<button
 					type="button"
 					on:click={toggle}

package/dist/ui/form/FormSection.svelte.d.ts

@@ -1,27 +1,39 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        isActive?: boolean | undefined;
-        class?: string | undefined;
-        contentClass?: string | undefined;
-    } & ({
-        isReducible: true;
-        title: string;
-    } | {
-        isReducible?: false | undefined;
-        title?: string | undefined;
-    });
-    events: {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots: {
-        title: {};
-        default: {};
-    };
-};
-export type FormSectionProps = typeof __propDef.props;
-export type FormSectionEvents = typeof __propDef.events;
-export type FormSectionSlots = typeof __propDef.slots;
-export default class FormSection extends SvelteComponent<FormSectionProps, FormSectionEvents, FormSectionSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const FormSection: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    isActive?: boolean;
+    class?: string;
+    contentClass?: string;
+} & ({
+    isReducible: true;
+    title: string;
+} | {
+    isReducible?: false;
+    title?: string;
+}), {
+    title: {};
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    title: {};
+    default: {};
+}, {}, string>;
+type FormSection = InstanceType<typeof FormSection>;
+export default FormSection;