firstly 0.2.1 → 0.4.0

package/esm/svelte/dialog/dialog.js

@@ -1,130 +0,0 @@
-import { writable } from 'svelte/store';
-import {} from 'remult';
-import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit, LibIcon_Search, } from '../../internals';
-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: 'A 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);
-        },
-        fform: (r, settings) => {
-            // const topicPrefixText = settings?.topicPrefixText
-            // 	? settings?.topicPrefixText + ' '
-            // 	: type === 'insert'
-            // 		? `Créer `
-            // 		: type === 'update'
-            // 			? 'Modifier '
-            // 			: 'Détail '
-            const detail = {
-                detail: {
-                    caption: r.metadata.caption,
-                    icon: {
-                        data: LibIcon_Edit,
-                        // 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,
-                r,
-                // topicPrefixText,
-            };
-            // @ts-ignore
-            return show(detail, 'fform');
-        },
-        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/svelte/ff_Config.svelte.d.ts

@@ -1,91 +0,0 @@
-import type { DynamicCustomField } from '.';
-export interface Config {
-    theme: Theme;
-    dynamicCustomField?: DynamicCustomField;
-}
-/**
- * Theme
- */
-export interface FieldTheme {
-    root?: string;
-    error?: string;
-    container?: string;
-}
-export interface LabelTheme {
-    root?: string;
-}
-export interface ErrorTheme {
-    root?: string;
-}
-export interface EditTheme {
-    select?: string;
-    checkbox?: string;
-    input?: string;
-}
-export interface HintTheme {
-    root?: string;
-}
-export interface GridTheme {
-    root?: string;
-    header?: string;
-    headerCell?: string;
-    row?: string;
-    rowCell?: string;
-    actions?: string;
-    actionButton?: string;
-    actionsColumn?: string;
-    actionsHeader?: string;
-    loadMoreButton?: string;
-}
-export interface FormTheme {
-    root?: string;
-    groups?: string;
-    fields?: string;
-    actions?: string;
-    submitButton?: string;
-    cancelButton?: string;
-}
-export interface DisplayTheme {
-    checkbox?: string;
-}
-export interface Theme {
-    root?: string;
-    field?: FieldTheme;
-    label?: LabelTheme;
-    error?: ErrorTheme;
-    hint?: HintTheme;
-    edit?: EditTheme;
-    grid?: GridTheme;
-    form?: FormTheme;
-    display?: DisplayTheme;
-}
-export declare const defaultTheme: Theme;
-export declare const emptyTheme: Theme;
-export declare const daisyTheme: Theme;
-export type FullyDefinedTheme = {
-    root: string;
-    field: FieldTheme;
-    label: LabelTheme;
-    error: ErrorTheme;
-    hint: HintTheme;
-    edit: EditTheme;
-    grid: GridTheme;
-    form: FormTheme;
-    display: DisplayTheme;
-};
-export declare class FF_Theme {
-    #private;
-    constructor(initialTheme?: Theme);
-    setTheme(theme: Theme): void;
-    getTheme(): FullyDefinedTheme;
-    getClasses<K extends keyof FullyDefinedTheme>(key: K, classes: Partial<FullyDefinedTheme[K]>): FullyDefinedTheme[K];
-}
-export declare function getThemeContext(): FF_Theme;
-export declare function setTheme(theme: Theme): void;
-export declare function getTheme(): FullyDefinedTheme;
-export declare function getClasses<K extends keyof FullyDefinedTheme>(key: K, classes: Partial<FullyDefinedTheme[K]>): FullyDefinedTheme[K];
-/**
- * Dynamic Custom Field
- */
-export declare function setDynamicCustomField(fn?: DynamicCustomField): void;
-export declare function getDynamicCustomField(): DynamicCustomField | undefined;

package/esm/svelte/ff_Config.svelte.js

@@ -1,111 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { deepMerge } from '.';
-const THEME_KEY = 'firstly:theme';
-const DYNAMIC_CUSTOM_FIELD_KEY = 'firstly:dynamicCustomField';
-export const defaultTheme = {
-    field: {},
-    label: {},
-    error: {},
-    hint: {},
-    edit: {},
-    grid: {},
-    form: {
-        actions: 'ff-form-actions',
-    },
-    display: {},
-};
-export const emptyTheme = {
-    field: {},
-    label: {},
-    error: {},
-    hint: {},
-    edit: {},
-    grid: {},
-    form: {},
-    display: {},
-};
-export const daisyTheme = {
-    field: {
-        root: '',
-        error: '',
-    },
-    label: {
-        root: '',
-    },
-    error: {
-        root: 'text-error',
-    },
-    hint: {
-        root: 'italic text-sm',
-    },
-    edit: {
-        checkbox: 'checkbox',
-        input: 'input',
-        select: 'select',
-    },
-    grid: {
-        root: 'table',
-        actions: 'flex gap-2 justify-end',
-        actionButton: 'text-xs',
-        actionsColumn: 'text-right',
-        actionsHeader: 'text-right',
-    },
-    form: {
-        root: '',
-        fields: '',
-        groups: '', // grid grid-cols-1
-        actions: 'flex justify-end gap-2 mt-4',
-        submitButton: 'btn btn-primary',
-        cancelButton: 'btn',
-    },
-    display: {
-        checkbox: 'checkbox',
-    },
-};
-export class FF_Theme {
-    #theme = $state(emptyTheme);
-    constructor(initialTheme = emptyTheme) {
-        this.setTheme(initialTheme);
-    }
-    setTheme(theme) {
-        this.#theme = deepMerge(emptyTheme, theme);
-        setContext(THEME_KEY, this);
-    }
-    getTheme() {
-        return deepMerge(emptyTheme, this.#theme);
-    }
-    getClasses(key, classes) {
-        const lvl = this.getTheme()[key];
-        return deepMerge(lvl, classes);
-    }
-}
-export function getThemeContext() {
-    return getContext(THEME_KEY) || new FF_Theme();
-}
-export function setTheme(theme) {
-    const themeContext = getContext(THEME_KEY);
-    if (themeContext) {
-        themeContext.setTheme(theme);
-    }
-    else {
-        const newTheme = new FF_Theme(theme);
-        setContext(THEME_KEY, newTheme);
-    }
-}
-export function getTheme() {
-    const themeContext = getThemeContext();
-    return themeContext.getTheme();
-}
-export function getClasses(key, classes) {
-    const themeContext = getThemeContext();
-    return themeContext.getClasses(key, classes);
-}
-/**
- * Dynamic Custom Field
- */
-export function setDynamicCustomField(fn) {
-    setContext(DYNAMIC_CUSTOM_FIELD_KEY, fn);
-}
-export function getDynamicCustomField() {
-    return getContext(DYNAMIC_CUSTOM_FIELD_KEY);
-}

package/esm/svelte/firstly.css

@@ -1,14 +0,0 @@
-* {
-	--ff-spacing: 0.5rem;
-
-	--ff-dialog-overlay: red;
-	--ff-dialog-content: blue;
-
-	@media screen and (max-width: 40rem) {
-		--ff-spacing: 0.15rem;
-	}
-}
-
-/* [data-ff-cells] > [data-ff-cell][data-ff-cells] {
-	padding: var(--ff-spacing) 0;
-} */

package/esm/svelte/helpers.d.ts

@@ -1,30 +0,0 @@
-import type { FieldMetadata, FieldOptions } from 'remult';
-export declare function deepMerge<T>(target: T, source: Partial<T>): T;
-export declare function overwriteOptions<valueType = unknown, entityType = unknown>(field: FieldMetadata<valueType, entityType>, options: FieldOptions<entityType, valueType>): {
-    options: FieldOptions<unknown, unknown>;
-    valueType: any;
-    key: entityType extends object ? keyof entityType & string : string;
-    caption: string;
-    label: string;
-    dbName: string;
-    inputType: string;
-    allowNull: boolean;
-    target: import("remult").ClassType<valueType>;
-    getDbName(): Promise<string>;
-    isServerExpression: boolean;
-    dbReadOnly: boolean;
-    valueConverter: Required<import("remult").ValueConverter<valueType>>;
-    displayValue(item: Partial<entityType>): string;
-    apiUpdateAllowed(item?: Partial<entityType> | undefined): boolean;
-    includedInApi(item?: Partial<entityType> | undefined): boolean;
-    toInput(value: valueType, inputType?: string): string;
-    fromInput(inputValue: string, inputType?: string): valueType;
-};
-type NoInfer<T> = [T][T extends any ? 0 : never];
-/** You MUST add the T type to the function call
- *
- * @example
- * isOfType<ComponentObject>(obj, 'component')
- */
-export declare function isOfType<T, U = unknown>(value: T | U, property: keyof NoInfer<T> & string): value is T;
-export {};

package/esm/svelte/helpers.js

@@ -1,38 +0,0 @@
-export function deepMerge(target, source) {
-    const result = { ...target };
-    if (source && typeof source === 'object' && !Array.isArray(source)) {
-        Object.keys(source).forEach((key) => {
-            const sourceValue = source[key];
-            const targetValue = target[key];
-            if (sourceValue &&
-                typeof sourceValue === 'object' &&
-                !Array.isArray(sourceValue) &&
-                targetValue &&
-                typeof targetValue === 'object' &&
-                !Array.isArray(targetValue)) {
-                // If both values are objects, recursively merge them
-                result[key] = deepMerge(targetValue, sourceValue);
-            }
-            else if (sourceValue !== undefined) {
-                // Otherwise, just assign the source value
-                result[key] = sourceValue;
-            }
-        });
-    }
-    return result;
-}
-export function overwriteOptions(field, options) {
-    return {
-        ...field,
-        // @ts-expect-error
-        options: deepMerge(field.options, options),
-    };
-}
-/** You MUST add the T type to the function call
- *
- * @example
- * isOfType<ComponentObject>(obj, 'component')
- */
-export function isOfType(value, property) {
-    return typeof value === 'object' && value !== null && property in value;
-}

package/esm/svelte/tryCatch.d.ts

@@ -1,12 +0,0 @@
-type Success<T> = {
-    data: T;
-    error: null;
-};
-type Failure<E> = {
-    data: null;
-    error: E;
-};
-type Result<T, E = Error> = Success<T> | Failure<E>;
-export declare function tryCatch<T, E = Error>(promise: Promise<T>): Promise<Result<T, E>>;
-export declare function tryCatchSync<T, E = Error>(func: () => T): Result<T, E>;
-export {};

package/esm/svelte/tryCatch.js

@@ -1,18 +0,0 @@
-export async function tryCatch(promise) {
-    try {
-        const data = await promise;
-        return { data, error: null };
-    }
-    catch (error) {
-        return { data: null, error: error };
-    }
-}
-export function tryCatchSync(func) {
-    try {
-        const data = func();
-        return { data, error: null };
-    }
-    catch (error) {
-        return { data: null, error: error };
-    }
-}

package/esm/sveltekit/server/index.d.ts

@@ -1,5 +0,0 @@
-import { ModuleFF } from '../../server';
-/**
- * @deprecated will be done directly in remult when modules will be in 😉
- */
-export declare const sveltekit: () => ModuleFF;

package/esm/sveltekit/server/index.js

@@ -1,24 +0,0 @@
-import { remult } from 'remult';
-import { ModuleFF } from '../../server';
-/**
- * @deprecated will be done directly in remult when modules will be in 😉
- */
-export const sveltekit = () => {
-    return new ModuleFF({
-        name: 'sveltekit',
-        priority: -779,
-        entities: [],
-        controllers: [],
-        initRequest: async (kitEvent, op) => {
-            remult.context.setHeaders = (headers) => {
-                kitEvent.setHeaders(headers);
-            };
-            remult.context.setCookie = (name, value, opts) => {
-                kitEvent.cookies.set(name, value, opts);
-            };
-            remult.context.deleteCookie = (name, opts) => {
-                kitEvent.cookies.delete(name, opts);
-            };
-        },
-    });
-};

package/esm/ui/Button.svelte

@@ -1,138 +0,0 @@
-<script lang="ts">
-	import { createTooltip } from '@melt-ui/svelte'
-	import type { Action } from 'svelte/action'
-	import { fade, fly } from 'svelte/transition'
-
-	import { remult } from 'remult'
-
-	import { BaseEnum, tw } from '../internals'
-
-	// TODO: extend HTMLButtonAttributes ?
-	interface Props {
-		isLoading?: boolean
-		permission?: BaseEnum[] | BaseEnum | undefined
-		tooltip?: import('svelte').Snippet
-		class?: string
-		children?: import('svelte').Snippet
-		disabled?: boolean | null
-		[key: string]: any
-	}
-
-	let {
-		isLoading = false,
-		class: className = '',
-		permission = undefined,
-		children,
-		tooltip,
-		disabled: disabledProp,
-		...rest
-	}: Props = $props()
-
-	let permissionDisabled = $state(false)
-	let disabled = $derived(disabledProp || permissionDisabled || isLoading)
-
-	// let's trigger the annimation if it's more than 200ms
-	let triggerAnnimation = $state(false)
-	$effect(() => {
-		isLoading &&
-			setTimeout(() => {
-				if (isLoading) {
-					triggerAnnimation = true
-				}
-			}, 200)
-	})
-
-	let updates = (param: { permission: BaseEnum[] | BaseEnum | undefined }) => {
-		if (param && param.permission) {
-			permissionDisabled = !remult.isAllowed(
-				Array.isArray(param.permission) ? param.permission.map((c) => c.id) : param.permission.id,
-			)
-			if (permissionDisabled) {
-				disabledWhy = `Vous n'avez pas la permission: ${Array.isArray(param.permission) ? param.permission.map((c) => `"${c.caption}"`).join(' ou ') : `"${param.permission.caption}"`}`
-			} else {
-				disabledWhy = ''
-			}
-		} else {
-			permissionDisabled = false
-			disabledWhy = ''
-		}
-	}
-
-	let disabledWhy = $state('')
-	const isAllowed: Action<HTMLElement, { permission: BaseEnum[] | BaseEnum | undefined }> = (
-		node,
-		param,
-	) => {
-		// the node has been mounted in the DOM
-		// @ts-ignore
-		updates(param)
-
-		return {
-			update(param) {
-				// the value of `bar` has changed
-				updates(param)
-			},
-
-			destroy() {
-				// the node has been removed from the DOM
-			},
-		}
-	}
-
-	const {
-		elements: { trigger, content, arrow },
-		states: { open },
-	} = createTooltip({
-		positioning: {
-			placement: 'top',
-		},
-		openDelay: 0,
-		closeDelay: 0,
-		closeOnPointerDown: false,
-		forceVisible: true,
-		escapeBehavior: 'close',
-		group: true,
-	})
-</script>
-
-<button
-	{...$trigger}
-	use:trigger
-	use:isAllowed={{ permission }}
-	{...rest}
-	class={tw(['btn', className])}
-	{disabled}
->
-	<!-- btn-outline -->
-	{@render children?.()}
-	{#if triggerAnnimation && isLoading}
-		<div in:fly={{ x: -20 }}>
-			<span class="loading loading-spinner"></span>
-		</div>
-	{/if}
-</button>
-
-{#if $open && (disabledWhy || tooltip)}
-	<div
-		{...$content}
-		use:content
-		transition:fade={{ duration: 100 }}
-		class="z-30 rounded-lg bg-base-300 ring-1 ring-black"
-	>
-		<div {...$arrow} use:arrow></div>
-		<div class="px-4 py-1">
-			{#if tooltip}
-				{@render tooltip?.()}
-			{:else}
-				{disabledWhy}
-			{/if}
-		</div>
-	</div>
-{/if}
-
-<style>
-	.btn[disabled] {
-		pointer-events: all;
-		cursor: not-allowed;
-	}
-</style>

package/esm/ui/Button.svelte.d.ts

@@ -1,13 +0,0 @@
-import { BaseEnum } from '../internals';
-interface Props {
-    isLoading?: boolean;
-    permission?: BaseEnum[] | BaseEnum | undefined;
-    tooltip?: import('svelte').Snippet;
-    class?: string;
-    children?: import('svelte').Snippet;
-    disabled?: boolean | null;
-    [key: string]: any;
-}
-declare const Button: import("svelte").Component<Props, {}, "">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/esm/ui/Clipboardable.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	interface Props {
-		/**
-		 * @param value to set in the clipboard if not null.		 *
-		 * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
-		 */
-		value: string | null
-		class?: string
-		children?: import('svelte').Snippet
-	}
-
-	let { value, class: extraClass = '', children }: Props = $props()
-
-	async function clip(_value: string | null) {
-		if (_value) {
-			try {
-				await navigator.clipboard.writeText(_value)
-			} catch (error) {}
-		}
-	}
-</script>
-
-<button onclick={() => clip(value)} class={`text-left ${value ? 'cursor-copy' : ''} ${extraClass}`}>
-	{@render children?.()}
-</button>

package/esm/ui/Clipboardable.svelte.d.ts

@@ -1,12 +0,0 @@
-interface Props {
-    /**
-     * @param value to set in the clipboard if not null.		 *
-     * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
-     */
-    value: string | null;
-    class?: string;
-    children?: import('svelte').Snippet;
-}
-declare const Clipboardable: import("svelte").Component<Props, {}, "">;
-type Clipboardable = ReturnType<typeof Clipboardable>;
-export default Clipboardable;