fuma 0.2.6 → 0.3.3

package/dist/ui/input/InputNumber.svelte

@@ -1,24 +1,25 @@
-<script>import { FormControl } from "./index.js";
-$:
-  ({ input, value: _value, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
+<script>import { USE_COERCE_NUMBER } from "../../utils/constant.js";
+import { FormControl } from "./index.js";
+export let value = void 0;
+export let input = void 0;
+export let inputElement = void 0;
 </script>
 
-<FormControl {...props} let:key>
+<FormControl {...$$restProps} let:key>
 	<slot name="label_append" slot="label_append" />
 	<input
 		bind:value
-		bind:this={props.inputElement}
+		bind:this={inputElement}
 		on:input
 		on:focus
 		on:blur
 		type="number"
-		name={key}
 		id={key}
 		inputmode="numeric"
-		class="input input-bordered {inputClass || ''}"
-		{...inputProps}
+		class="input input-bordered"
+		{...input}
 	/>
+	{#if value !== undefined}
+		<input type="hidden" name={key} value="{USE_COERCE_NUMBER}{value}" />
+	{/if}
 </FormControl>

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps;
+    props: InputProps<number>;
     events: {
         input: Event;
         focus: FocusEvent;

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

@@ -10,12 +10,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string | undefined;
+        value?: string | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         autocomplete?: string | undefined;

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

@@ -11,12 +11,12 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;
         wrapperClass?: string | undefined;
-        value?: string | undefined;
+        value?: string | null | undefined;
         bindWithParams?: boolean | undefined;
     } & {
         options: Options;

package/dist/ui/input/InputRelation.svelte

@@ -2,6 +2,7 @@
 import debounce from "debounce";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
+import { USE_COERCE_JSON } from "../../utils/constant.js";
 import { Icon } from "../icon/index.js";
 import { Slot } from "../slot/index.js";
 import { DropDown } from "../menu/index.js";
@@ -21,6 +22,7 @@ export let tippyProps = {};
 export let flatMode = false;
 export let slotItem = null;
 export let slotSuggestion = slotItem;
+export let input = void 0;
 let klass = "";
 export { klass as class };
 export let classList = "";
@@ -71,7 +73,6 @@ async function handleBlur() {
 				<div class="input input-bordered flex grow items-center pr-2">
 					<input
 						type="text"
-						name={key}
 						id={key}
 						bind:this={inputElement}
 						bind:value={searchValue}
@@ -81,6 +82,8 @@ async function handleBlur() {
 						autocomplete="off"
 						{placeholder}
 						class="grow"
+						size={8}
+						{...input}
 					/>
 
 					<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
@@ -101,7 +104,11 @@ async function handleBlur() {
 						<Icon path={mdiClose} />
 					</button>
 				</div>
-				<input type="hidden" name={key} value={item.id} />
+				<input
+					type="hidden"
+					name={key}
+					value="{USE_COERCE_JSON}{JSON.stringify({ id: item.id })}"
+				/>
 			{/if}
 		</FormControl>
 	</div>
@@ -113,7 +120,7 @@ async function handleBlur() {
 		{isLoading}
 		{focusIndex}
 		let:index
-		class="w-full {classList}"
+		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}
 	>
 		<slot name="suggestion" item={proposedItems[index]}>

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { TippyProps } from '../../utils/tippy.js';
 import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
@@ -18,6 +19,7 @@ declare class __sveltets_Render<RelationItem extends {
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        input?: HTMLInputAttributes | undefined;
         class?: string | undefined;
         classList?: string | undefined;
         clear?: (() => Promise<void>) | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -3,6 +3,7 @@ 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 { Slot } from "../slot/index.js";
 import { FormControl, SelectorList } from "./index.js";
@@ -19,6 +20,7 @@ export let placeholder = "";
 export let flatMode = false;
 export let slotItem = null;
 export let slotSuggestion = slotItem;
+export let input = void 0;
 let klass = "";
 export { klass as class };
 export let classList = "";
@@ -111,7 +113,6 @@ async function handleBlur() {
 						<input
 							type="text"
 							id={key}
-							name={key}
 							bind:this={inputSearch}
 							bind:value={searchValue}
 							on:input={(e) => searchItemsDebounce(e.currentTarget.value)}
@@ -120,6 +121,8 @@ async function handleBlur() {
 							autocomplete="off"
 							{placeholder}
 							class="grow"
+							size={8}
+							{...input}
 						/>
 
 						<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
@@ -128,7 +131,11 @@ async function handleBlur() {
 				</div>
 			</div>
 
-			<input type="hidden" name={key} value={JSON.stringify(items?.map(({ id }) => id) || [])} />
+			<input
+				type="hidden"
+				name={key}
+				value="{USE_COERCE_JSON}{JSON.stringify(items?.map(({ id }) => ({ id })) || [])}"
+			/>
 		</FormControl>
 	</div>
 
@@ -139,7 +146,7 @@ async function handleBlur() {
 		{isLoading}
 		{focusIndex}
 		let:index
-		class="w-full {classList}"
+		class="w-full min-w-40 {classList}"
 		on:select={({ detail }) => select(detail)}
 	>
 		<slot name="suggestion" item={proposedItems[index]}>

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string;
@@ -15,6 +16,7 @@ declare class __sveltets_Render<RelationItem extends {
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        input?: HTMLInputAttributes | undefined;
         class?: string | undefined;
         classList?: string | undefined;
         value?: RelationItem[] | null | undefined;

package/dist/ui/input/InputSelect.svelte

@@ -34,7 +34,7 @@ function onSelect(index) {
 				bind:this={button}
 				id={key}
 				type="button"
-				class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2"
+				class="input-bordered flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2 hover:bg-base-200/50"
 			>
 				{#if selectedOption}
 					{#if selectedOption.icon}
@@ -46,7 +46,9 @@ function onSelect(index) {
 				{/if}
 				<Icon class="ml-auto" path={mdiUnfoldMoreHorizontal} size={18} />
 			</button>
-			<input type="hidden" name={key} {value} />
+			{#if value !== undefined}
+				<input type="hidden" name={key} {value} />
+			{/if}
 		</FormControl>
 	</svelte:fragment>
 

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

@@ -16,10 +16,10 @@ declare const __propDef: {
             slot: string;
         };
         prepend: {
-            value: string | undefined;
+            value: string | null | undefined;
         };
         append: {
-            value: string | undefined;
+            value: string | null | undefined;
         };
     };
 };

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "right" | "left") | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         value?: string | undefined;
         classToolbar?: string | undefined;

package/dist/ui/input/textRich/extensions.js

@@ -27,7 +27,7 @@ export const extensions = [
         alignments: ['left', 'center', 'right']
     }),
     Placeholder.configure({
-        placeholder: 'Rédige ta page ici ...'
+        placeholder: 'Write here ...'
     }),
     Indent,
     Image.configure({

package/dist/ui/input/types.d.ts

@@ -5,11 +5,11 @@ export type InputProps<T = string> = ComponentProps<FormControl> & {
     input?: HTMLInputAttributes;
     inputElement?: HTMLInputElement;
     wrapperClass?: string;
-    value?: T;
+    value?: T | null;
     bindWithParams?: boolean;
 };
 export type TextareaProps = ComponentProps<FormControl> & {
     textarea?: HTMLTextareaAttributes;
-    value?: string;
+    value?: string | null;
     bindWithParams?: boolean;
 };

package/dist/ui/login/Login.svelte

@@ -36,7 +36,7 @@ let recorverDialog;
 			<span
 				role="button"
 				tabindex="0"
-				class="tab-lg tab grow rounded-t-2xl"
+				class="tab-lg tab h-10 grow"
 				class:tab-active={state === 'login'}
 				on:click={() => (state = 'login')}
 				on:keyup={() => (state = 'login')}
@@ -46,7 +46,7 @@ let recorverDialog;
 			<span
 				role="button"
 				tabindex="0"
-				class="tab-lg tab-lifted tab grow rounded-t-2xl"
+				class="tab-lg tab h-10 grow"
 				class:tab-active={state === 'register'}
 				on:click={() => (state = 'register')}
 				on:keyup={() => (state = 'register')}
@@ -55,7 +55,11 @@ let recorverDialog;
 			</span>
 		</div>
 
-		<form class="card-body border border-t-0 border-base-300 bg-base-100" method="post" use:enhance>
+		<form
+			class="card-body rounded-b-lg border border-t-0 border-base-300 bg-base-100"
+			method="post"
+			use:enhance
+		>
 			<InputText key="username" label="Nom d'utilisateur" input={{ autocomplete: 'username' }} />
 
 			{#if state === 'register'}

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

@@ -49,7 +49,7 @@ export declare function syncFieldsWithParams(tablekey: string, fields: TableFiel
     $visible: boolean;
     key: string;
     label: string;
-    type: "string" | "number" | "boolean" | "textarea" | "date";
+    type: "string" | "number" | "boolean" | "date" | "textarea";
     options?: Options | undefined;
     hint?: string | undefined;
     locked?: boolean | undefined;

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

@@ -33,7 +33,7 @@ function handleReset() {
   goto($urlParam.without(field.key, "skip", "take"), { noScroll: true, keepFocus: true });
 }
 function isDefined(v) {
-  return v !== void 0 && v !== null;
+  return typeof v === "number";
 }
 $:
   isNegatifRange = isDefined(min) && isDefined(max) && max < min;

package/dist/utils/constant.d.ts

@@ -0,0 +1,4 @@
+export declare const USE_COERCE_JSON = "I_LOVE_YOU_nXFVwk03nRbmhFukfyZLuzkddEd43LXIKs_";
+export declare const USE_COERCE_DATE = "I_LOVE_YOU_TOO_nXFVwk03nRbmhFuskfyZLuzkEd43LXIKs_";
+export declare const USE_COERCE_NUMBER = "HOHO_nXFVwk03nRbmhFukfyZaaLuzkEd43LXIKs_";
+export declare const USE_COERCE_BOOLEAN = "YEP_nXFVwk04nRbmhFukfyZbaLuzkEd43LXIKs_";

package/dist/utils/constant.js

@@ -0,0 +1,4 @@
+export const USE_COERCE_JSON = 'I_LOVE_YOU_nXFVwk03nRbmhFukfyZLuzkddEd43LXIKs_';
+export const USE_COERCE_DATE = 'I_LOVE_YOU_TOO_nXFVwk03nRbmhFuskfyZLuzkEd43LXIKs_';
+export const USE_COERCE_NUMBER = 'HOHO_nXFVwk03nRbmhFukfyZaaLuzkEd43LXIKs_';
+export const USE_COERCE_BOOLEAN = 'YEP_nXFVwk04nRbmhFukfyZbaLuzkEd43LXIKs_';

package/dist/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './options.js';
 export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
+export * from './constant.js';

package/dist/utils/index.js

@@ -6,3 +6,4 @@ export * from './options.js';
 export * from './avatar.js';
 export * from './tippy.js';
 export * from './nestedPaths.js';
+export * from './constant.js';

package/dist/utils/jsonParse.d.ts

@@ -1 +1 @@
-export declare function jsonParse<Type>(text: string | null | undefined, defaultValue: Type): Type;
+export declare function jsonParse<Type>(content: string | null | undefined | Type, defaultValue: Type): Type;

package/dist/utils/jsonParse.js

@@ -1,8 +1,10 @@
-export function jsonParse(text, defaultValue) {
+export function jsonParse(content, defaultValue) {
     try {
-        if (!text)
+        if (!content)
             return defaultValue;
-        return JSON.parse(text);
+        if (typeof content !== 'string')
+            return content;
+        return JSON.parse(content);
     }
     catch {
         return defaultValue;

package/dist/utils/options.d.ts

@@ -3,5 +3,6 @@ export type Option = {
     label: string;
     icon?: string;
 };
-export type Options = string | string[] | Option[] | Record<string, string> | Record<string, Omit<Option, 'value'>>;
+export type OptionRecord<Values extends string> = Record<Values, Omit<Option, 'value'>>;
+export type Options = string | string[] | Option[] | Record<string, string> | OptionRecord<string>;
 export declare function parseOptions(options: Options): Option[];

package/dist/validation/form.d.ts

@@ -8,14 +8,15 @@ export type FormContext = {
 export declare const formContext: {
     get: () => FormContext;
 };
+type MaybePromise<T> = T | Promise<T>;
 type SuccessMessage = false | string | ((action: URL) => string);
 type BooleanOrFunction = boolean | ((action: URL) => boolean);
 export type UseFormOptions<ReturnData> = {
-    onSubmit?: (...args: Parameters<SubmitFunction>) => any;
-    onSuccess?: (action: URL, data?: ReturnData) => any;
+    onSubmit?: (...args: Parameters<SubmitFunction>) => MaybePromise<any>;
+    onSuccess?: (action: URL, data?: ReturnData) => MaybePromise<any>;
     onResetError?: () => unknown;
-    onError?: (err: any) => unknown;
-    onFail?: (failure: Record<string, any> | undefined) => unknown;
+    onError?: (err: any) => MaybePromise<unknown>;
+    onFail?: (failure: Record<string, any> | undefined) => MaybePromise<unknown>;
     successUpdate?: BooleanOrFunction;
     successReset?: BooleanOrFunction;
     successMessage?: SuccessMessage;
@@ -25,7 +26,7 @@ export declare function useForm<ReturnData extends Record<string, unknown>>({ on
         destroy(): void;
     };
     submit: SubmitFunction<ReturnData>;
-    resetErrors: () => void;
+    resetErrors: () => Promise<void>;
     setError(key: string, value: string): void;
 };
 export {};

package/dist/validation/form.js

@@ -12,7 +12,7 @@ export const formContext = {
 };
 export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, successUpdate = true, successReset = true, successMessage = 'Succès' } = {}) {
     const { setError } = formContext.get();
-    function resetErrors() {
+    async function resetErrors() {
         for (const key in setError)
             setError[key]('');
         if (onResetError)
@@ -48,14 +48,14 @@ export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, su
             event.submitter?.classList.remove('btn-disabled');
             if (result.type === 'error') {
                 if (onError)
-                    onError(result.error.message);
+                    await onError(result.error.message);
                 const { message } = result.error;
                 toast.error(message || 'Erreur');
                 return;
             }
             if (result.type === 'failure') {
                 if (onFail)
-                    onFail(result.data);
+                    await onFail(result.data);
                 if (result.data)
                     handleFailure(result.data);
                 return;
@@ -68,18 +68,18 @@ export function useForm({ onSubmit, onSuccess, onResetError, onError, onFail, su
             if (result.type === 'success') {
                 if (successMessage !== false)
                     toast.success(tryToRun(successMessage));
-                if (onSuccess)
-                    onSuccess(action, result.data);
                 if (successUpdate)
-                    update({ reset: tryToRun(successReset) });
+                    await update({ reset: tryToRun(successReset) });
+                if (onSuccess)
+                    await onSuccess(action, result.data);
                 return;
             }
             if (result.type === 'redirect') {
                 if (successMessage !== false)
                     toast.success(tryToRun(successMessage));
+                await goto(result.location, { replaceState: true, invalidateAll: tryToRun(successUpdate) });
                 if (onSuccess)
-                    onSuccess(action);
-                return goto(result.location, { replaceState: true, invalidateAll: tryToRun(successUpdate) });
+                    await onSuccess(action);
             }
         };
     };