firstly 0.3.0 → 0.4.0

package/esm/ui/dialog/DialogPrimitive.svelte.d.ts

@@ -1,38 +0,0 @@
-import { type BaseItemLight } from '../../internals';
-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 DialogPrimitive: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    detail?: BaseItemLight | undefined;
-    open?: boolean;
-    classes?: {
-        root?: string;
-    };
-}, {
-    default: {};
-    actions: {};
-}>, {
-    change: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    actions: {};
-}, {}, string>;
-type DialogPrimitive = InstanceType<typeof DialogPrimitive>;
-export default DialogPrimitive;

package/esm/ui/dialog/FormEditAction.svelte

@@ -1,62 +0,0 @@
-<script lang="ts" generics="T extends any">
-	import { createEventDispatcher } from 'svelte'
-
-	import type { StoreItem } from '../../internals'
-	import Button from '../Button.svelte'
-	import Icon from '../Icon.svelte'
-	import { LibIcon_Add, LibIcon_Check, LibIcon_Delete } from '../LibIcon'
-	import type { DialogType } from './dialog'
-
-	export let store: StoreItem<T>
-	export let type: DialogType
-	export let wDelete = false
-
-	export let textCreate = 'Créer'
-
-	const dispatch = createEventDispatcher()
-
-	function dispatchDelete() {
-		dispatch('delete')
-	}
-</script>
-
-<div class="mt-2 flex items-center justify-between">
-	{#if type === 'update'}
-		<div class="flex items-center justify-start">
-			{#if wDelete}
-				<Button
-					type="button"
-					onclick={dispatchDelete}
-					class="mr-4 btn-error"
-					isLoading={$store.loading}
-				>
-					<Icon data={LibIcon_Delete} />
-				</Button>
-			{/if}
-
-			<div>
-				{#if $store.globalError}
-					<span class="text-xs text-error">{$store.globalError}</span>
-				{/if}
-			</div>
-		</div>
-
-		<Button class="btn-primary" {...$$restProps} isLoading={$store.loading}>
-			<Icon data={LibIcon_Check} />
-			<p>Sauvegarder</p>
-		</Button>
-	{/if}
-
-	{#if type === 'insert'}
-		<div>
-			{#if $store.globalError}
-				<span class="text-xs text-error">{$store.globalError}</span>
-			{/if}
-		</div>
-
-		<Button class="btn-primary" {...$$restProps} isLoading={$store.loading}>
-			<Icon data={LibIcon_Add} />
-			<p>{textCreate}</p>
-		</Button>
-	{/if}
-</div>

package/esm/ui/dialog/FormEditAction.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { StoreItem } from '../../internals';
-import type { DialogType } from './dialog';
-declare class __sveltets_Render<T extends any> {
-    props(): {
-        [x: string]: any;
-        store: StoreItem<T>;
-        type: DialogType;
-        wDelete?: boolean | undefined;
-        textCreate?: string | undefined;
-    };
-    events(): {
-        delete: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {};
-    bindings(): string;
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends any>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends any>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T>['events']>;
-    }): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const FormEditAction: $$IsomorphicComponent;
-type FormEditAction<T extends any> = InstanceType<typeof FormEditAction<T>>;
-export default FormEditAction;

package/esm/ui/dialog/dialog.d.ts

@@ -1,60 +0,0 @@
-import type { Component, SvelteComponent } from 'svelte';
-import { type Repository } from 'remult';
-import type { BaseItemLight } from '../../internals/BaseEnum';
-import type { CellsInput } from '../../internals/cellsBuildor';
-import type { StoreItem } from '../../internals/storeItem';
-import type { FF_Repo } from '../../svelte';
-export type DialogClasses = {
-    /**
-     * for example `overflow-auto` to have a scrollbar in the dialog
-     */
-    root?: string;
-    formGrid?: FormGrid;
-};
-export type FormGrid = 'grid-cols-1' | 'grid-cols-2' | 'grid-cols-3' | 'grid-cols-4' | 'grid-cols-1 lg:grid-cols-4';
-export type DialogMetaData<entityType = any> = {
-    detail?: BaseItemLight;
-    repo?: Repository<entityType>;
-    store?: StoreItem<entityType>;
-    cells?: CellsInput<entityType>;
-    defaults?: Partial<entityType>;
-    classes?: DialogClasses;
-    component?: new (...args: any[]) => SvelteComponent;
-    componentS5?: Component;
-    props?: any;
-    children?: any;
-    reThrow?: boolean;
-    wDelete?: boolean;
-    focusKey?: string;
-    topicPrefixText?: string;
-    r?: FF_Repo<entityType>;
-};
-type ResultClose<entityType = any> = {
-    success: boolean;
-    item?: entityType;
-};
-export type DialogType = 'custom' | 'confirm' | 'confirmDelete' | 'insert' | 'update' | 'view';
-export type DialogFormType<entityType> = {
-    cells?: CellsInput<entityType>;
-    defaults?: Partial<entityType>;
-    classes?: DialogClasses;
-    reThrow?: boolean;
-    wDelete?: boolean;
-    topicPrefixText?: string;
-    focusKey?: string;
-};
-export type DialogMetaDataInternal<entityType = any> = DialogMetaData<entityType> & {
-    id: number;
-    type: DialogType;
-    resolve: (result: ResultClose) => void;
-};
-export declare const dialog: {
-    confirm: (topic: string, text: string, icon?: string) => Promise<ResultClose<any>>;
-    confirmDelete: (topic: string) => Promise<ResultClose<any>>;
-    form: <entityType>(type: "insert" | "update" | "view", topic: string, repo: Repository<entityType>, settings: DialogFormType<entityType>) => Promise<ResultClose<any>>;
-    show: (dialog: DialogMetaData) => Promise<ResultClose<any>>;
-    close: (id: number, result: ResultClose) => void;
-    closeAll: () => void;
-    subscribe: (this: void, run: import("svelte/store").Subscriber<DialogMetaDataInternal<any>[]>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
-};
-export {};

package/esm/ui/dialog/dialog.js

@@ -1,100 +0,0 @@
-import { writable } from 'svelte/store';
-import {} from 'remult';
-import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit, LibIcon_Search } from '../LibIcon';
-const createDialogManagement = () => {
-    const { subscribe, update } = writable([]);
-    // internal...
-    const show = (dialog, type) => {
-        let resolve;
-        const promise = new Promise((res) => {
-            resolve = res;
-        });
-        update((dialogs) => {
-            return [...dialogs, { ...dialog, id: dialogs.length + 1, resolve, type }];
-        });
-        return promise;
-    };
-    return {
-        confirm: (topic, text, icon) => {
-            const detail = {
-                detail: {
-                    caption: 'A Confirmer',
-                    icon: { data: icon },
-                },
-                children: `
-					<p>
-						${topic}
-						<br />
-						${text}
-					</p>
-				`,
-            };
-            return show(detail, 'confirm');
-        },
-        confirmDelete: (topic) => {
-            const detail = {
-                detail: {
-                    caption: 'Supprimer',
-                    icon: { data: LibIcon_Delete },
-                },
-                children: topic
-                    ? `<p>Confirmez vous la suppression de: <br />- <b>${topic}</b> ?</p>`
-                    : 'Confirmer la suppression ?',
-            };
-            return show(detail, 'confirmDelete');
-        },
-        form: (type, topic, repo, settings) => {
-            const topicPrefixText = settings?.topicPrefixText
-                ? settings?.topicPrefixText + ' '
-                : type === 'insert'
-                    ? `Créer `
-                    : type === 'update'
-                        ? 'Modifier '
-                        : 'Détail ';
-            const detail = {
-                detail: {
-                    caption: (topicPrefixText + topic).trim(),
-                    icon: {
-                        data: type === 'insert' ? LibIcon_Add : type === 'update' ? LibIcon_Edit : LibIcon_Search,
-                    },
-                },
-                repo,
-                // store,
-                cells: settings.cells ?? [],
-                defaults: settings?.defaults,
-                classes: settings?.classes,
-                reThrow: settings?.reThrow,
-                wDelete: settings?.wDelete,
-                focusKey: settings?.focusKey,
-                topicPrefixText,
-            };
-            // @ts-ignore
-            return show(detail, type);
-        },
-        show: (dialog) => {
-            return show(dialog, 'custom');
-        },
-        // next step, give a result typed!
-        close: (id, result) => {
-            update((dialogs) => {
-                dialogs.forEach((dialog) => {
-                    if (dialog.id === id) {
-                        dialog.resolve(result);
-                    }
-                });
-                return dialogs.filter((dialog) => dialog.id !== id);
-            });
-        },
-        // usefull on navigation you want to close all popups
-        closeAll: () => {
-            update((dialogs) => {
-                dialogs.forEach((dialog) => {
-                    dialog.resolve({ success: false });
-                });
-                return [];
-            });
-        },
-        subscribe,
-    };
-};
-export const dialog = createDialogManagement();

package/esm/ui/index.d.ts

@@ -1,6 +0,0 @@
-import type { FieldMetadata } from 'remult';
-import type { Cell } from '../internals';
-export type Align = 'text-left' | 'text-center' | 'text-right';
-export declare const align: (f?: FieldMetadata, isSlot?: boolean) => Align;
-export declare const getAligns: (cells: Cell<any>[], withAction: boolean) => Align[];
-export declare const baseTable = "overflow-x-auto rounded-box bg-base-300/60";

package/esm/ui/index.js

@@ -1,20 +0,0 @@
-export const align = (f, isSlot) => {
-    if (isSlot) {
-        return 'text-center';
-    }
-    if (f?.inputType === 'number') {
-        return 'text-right';
-    }
-    else if (f?.inputType === 'date' || f?.inputType === 'dateOnly') {
-        return 'text-center';
-    }
-    return 'text-left';
-};
-export const getAligns = (cells, withAction) => {
-    const cols = [...cells.map((c) => align(c.field, c.kind === 'slot'))];
-    if (withAction) {
-        cols.push('text-right');
-    }
-    return cols;
-};
-export const baseTable = 'overflow-x-auto rounded-box bg-base-300/60';

package/esm/ui/internals/FieldContainer.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { tw } from '../../utils/tailwind'
-
-	interface Props {
-		label?: string
-		forId: string
-		required?: boolean
-		error?: string
-		/**
-		 * example usage for paginate
-		 * classes={{ label: 'justify-end' }}
-		 */
-		classes?: { label?: string; slot?: string }
-		children?: import('svelte').Snippet
-	}
-
-	let {
-		label = 'label',
-		forId,
-		required = false,
-		error = '',
-		classes = {},
-		children,
-	}: Props = $props()
-</script>
-
-<fieldset class="fieldset w-full">
-	<label for={forId} class={tw(`label flex gap-1 px-2 justify-between`, classes.label)}>
-		<span class="label-text pl-2 text-xs text-base-content/60">
-			{label}{required ? ' *' : ''}
-		</span>
-		{#if error}
-			<span class="label-text-alt truncate text-error">{error}</span>
-		{/if}
-	</label>
-	<div class={tw('grid h-12 w-full text-base', classes.slot)}>
-		{@render children?.()}
-	</div>
-</fieldset>

package/esm/ui/internals/FieldContainer.svelte.d.ts

@@ -1,18 +0,0 @@
-interface Props {
-    label?: string;
-    forId: string;
-    required?: boolean;
-    error?: string;
-    /**
-     * example usage for paginate
-     * classes={{ label: 'justify-end' }}
-     */
-    classes?: {
-        label?: string;
-        slot?: string;
-    };
-    children?: import('svelte').Snippet;
-}
-declare const FieldContainer: import("svelte").Component<Props, {}, "">;
-type FieldContainer = ReturnType<typeof FieldContainer>;
-export default FieldContainer;

package/esm/ui/internals/Input.svelte

@@ -1,143 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher, tick } from 'svelte'
-	import type { HTMLInputAttributes } from 'svelte/elements'
-
-	import { tw } from '../../utils/tailwind'
-
-	export let value: HTMLInputAttributes['value'] = undefined
-
-	const dispatch = createEventDispatcher()
-
-	export let focus: boolean = false
-	const focusNow = (node: any) => {
-		if (focus) {
-			tick().then(() => {
-				node.focus()
-			})
-		}
-	}
-
-	// OPTION Dedounce
-	export let withDedounce: boolean = false
-	let timer: any = null
-	const debounce = (fn: () => void) => {
-		clearTimeout(timer)
-		timer = setTimeout(() => {
-			fn()
-		}, 444)
-	}
-	function dispatchInput(value: any) {
-		if ($$restProps.type === 'date') {
-			if (value || value === null) {
-				dispatch('input', { value: transformDate(value) })
-			}
-		} else {
-			dispatch('input', { value })
-		}
-	}
-
-	let className: string | undefined | null = undefined
-	export { className as class }
-
-	const handleInput = (e: any) => {
-		const target: HTMLInputElement = e.target as HTMLInputElement
-
-		if ($$restProps.type === 'number') {
-			// If we see a `.` or a `,` don't continue and wait for the next input !
-			if (e.data === '.' || e.data === ',') {
-				// e.preventDefault()
-				value = target.value.toString().replaceAll(',', '.')
-			} else if (target.value === '') {
-				// Could be good one day ?
-				// if (target.min) {
-				//   value = target.min
-				// } else {
-				//   value = null
-				// }
-				value = null
-			} else {
-				// This convert well the input into a valid number... But "12,0" will be converted into "12" so we can't write "12,01" for example!
-				// value = +target.value
-
-				// For now, let's always put a "." as a separator.
-				value = target.value.toString().replaceAll(',', '.')
-			}
-		} else if ($$restProps.type === 'date') {
-			if (target.value === '') {
-				value = null!
-			} else {
-				value = target.value
-			}
-		} else {
-			value = target.value
-		}
-
-		if (withDedounce) {
-			return debounce(() => {
-				dispatchInput(value)
-			})
-		} else {
-			dispatchInput(value)
-		}
-	}
-
-	const transformDate = (input: string | null) => {
-		if (input === null) {
-			return null
-		}
-		const rawDateSplited = input.split('-')
-
-		if (rawDateSplited.length === 3) {
-			const yearSplited = rawDateSplited[0].split('')
-			if (
-				yearSplited.length === 4 &&
-				yearSplited[0] === '0' &&
-				yearSplited[1] === '0' &&
-				yearSplited[2] !== '0'
-			) {
-				return `20${yearSplited[2]}${yearSplited[3]}-${rawDateSplited[1]}-${rawDateSplited[2]}`
-			}
-		}
-
-		return input
-	}
-
-	const handleKeyup = (event: KeyboardEvent) => {
-		if ($$restProps.type === 'date') {
-			// @ts-ignore
-			value = transformDate(event.target.value)
-		}
-	}
-</script>
-
-<input
-	use:focusNow
-	class={tw('w-full px-2', className)}
-	on:input={handleInput}
-	bind:value
-	on:blur
-	on:change
-	on:click
-	on:focus
-	on:keydown
-	on:keypress
-	on:keyup={handleKeyup}
-	on:mouseover
-	on:mouseenter
-	on:mouseleave
-	on:paste
-	{...$$restProps}
-/>
-
-<style>
-	input[type='number'] {
-		-webkit-appearance: textfield;
-		-moz-appearance: textfield;
-		appearance: textfield;
-	}
-
-	input[type='number']::-webkit-inner-spin-button,
-	input[type='number']::-webkit-outer-spin-button {
-		-webkit-appearance: none;
-	}
-</style>

package/esm/ui/internals/Input.svelte.d.ts

@@ -1,37 +0,0 @@
-import type { HTMLInputAttributes } from 'svelte/elements';
-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 Input: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    value?: HTMLInputAttributes["value"];
-    focus?: boolean | undefined;
-    withDedounce?: boolean | undefined;
-    class?: string | undefined | null | undefined;
-}, {
-    blur: FocusEvent;
-    change: Event;
-    click: PointerEvent;
-    focus: FocusEvent;
-    keydown: KeyboardEvent;
-    keypress: KeyboardEvent;
-    mouseover: MouseEvent;
-    mouseenter: MouseEvent;
-    mouseleave: MouseEvent;
-    paste: ClipboardEvent;
-    input: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Input = InstanceType<typeof Input>;
-export default Input;

package/esm/ui/internals/Textarea.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher, onMount } from 'svelte'
-
-	export let name: string | null = null
-	export let id = ''
-	export let rows = 4
-	export let placeholder = ''
-	export let focus = false
-	export let value = ''
-	export let readonly = false
-	export const error = false
-	// unused but needed to avoid Field error 👇
-	export let align: `left` | `right` = `left`
-	const _tmp = align
-
-	const dispatch = createEventDispatcher()
-
-	let reference: HTMLTextAreaElement
-
-	const focusNow = (node: HTMLTextAreaElement) => {
-		if (focus) {
-			node.focus()
-		}
-	}
-
-	onMount(() => {
-		if (!reference) {
-			return
-		}
-		if (!focus) {
-			return
-		}
-		reference.focus()
-	})
-	function dispatchInput(value: any) {
-		dispatch('input', { value })
-	}
-</script>
-
-{#if readonly}
-	<span class="flex min-h-8 max-w-full items-center px-3 py-1 text-sm md:min-h-[2.5rem]">
-		<div class="overflow-hidden">
-			{@html value ?? '-'}
-		</div>
-	</span>
-{:else}
-	<textarea
-		use:focusNow
-		{...$$restProps}
-		class="shadow-neutral-focus md:rounded-xls
-			textarea flex h-max min-h-8
-			w-full items-center rounded-lg bg-transparent text-xs
-			shadow-sm md:text-sm lg:min-h-[2.5rem]"
-		id={id || name || 'default-textarea-id'}
-		{name}
-		{placeholder}
-		autocomplete="off"
-		bind:this={reference}
-		bind:value
-		{rows}
-		on:input={(e) => {
-			// @ts-ignore
-			dispatchInput(e.target.value)
-		}}
-	></textarea>
-{/if}

package/esm/ui/internals/Textarea.svelte.d.ts

@@ -1,33 +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 Textarea: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    name?: string | null | undefined;
-    id?: string | undefined;
-    rows?: number | undefined;
-    placeholder?: string | undefined;
-    focus?: boolean | undefined;
-    value?: string | undefined;
-    readonly?: boolean | undefined;
-    error?: false | undefined;
-    align?: `left` | `right` | undefined;
-}, {
-    input: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
-    error: false;
-}, string>;
-type Textarea = InstanceType<typeof Textarea>;
-export default Textarea;