firstly 0.2.1 → 0.4.0

package/esm/svelte/FF_Layout.svelte

@@ -1,62 +0,0 @@
-<script lang="ts" generics="entityType = unknown">
-	import { untrack } from 'svelte'
-
-	import { FF_Form, FF_Grid } from './'
-	import type { FF_Repo } from './'
-	import type { Layout } from './customField'
-
-	interface Props<entityType = unknown> {
-		r: FF_Repo<entityType>
-		layout?: Layout<entityType>
-		classes_goups?: string // TODO: Make a themeLayout
-	}
-
-	let { r, layout, classes_goups }: Props<entityType> = $props()
-
-	const layoutToUse: Layout<entityType> = $derived(layout ?? r.getLayout())
-
-	let selectedThing: string | undefined = $state(undefined)
-	$effect(() => {
-		untrack(() => {
-			selectedThing = layoutToUse.groups?.[0]?.key
-		})
-	})
-</script>
-
-{#if layoutToUse.type === 'detail'}
-	<FF_Form {r} groups={layoutToUse.groups} classes={{ groups: classes_goups }}></FF_Form>
-{:else if layoutToUse.type === 'grid'}
-	<FF_Grid {r}></FF_Grid>
-{:else if layoutToUse.type === 'tab'}
-	<div role="tablist" class="tabs-lift tabs">
-		{#each layoutToUse.groups ?? [] as group (group.key)}
-			<input
-				type="radio"
-				name="my-tabs"
-				role="tab"
-				class="tab"
-				checked={selectedThing === group.key}
-				onchange={() => (selectedThing = group.key)}
-				aria-label={group.caption}
-			/>
-			<div role="tabpanel" class="tab-content border-base-300 bg-base-100 p-6">
-				<FF_Form {r} groups={[group]} show={{ title: false }}></FF_Form>
-			</div>
-		{/each}
-	</div>
-{:else if layoutToUse.type === 'accordion'}
-	{#each layoutToUse.groups ?? [] as group (group.key)}
-		<div class="collapse-arrow collapse bg-base-100">
-			<input
-				type="radio"
-				name="my-accordion"
-				checked={selectedThing === group.key}
-				onchange={() => selectedThing === group.key}
-			/>
-			<div class="collapse-title text-xl font-medium">{group.caption}</div>
-			<div class="collapse-content">
-				<FF_Form {r} groups={[group]} show={{ title: false }}></FF_Form>
-			</div>
-		</div>
-	{/each}
-{/if}

package/esm/svelte/FF_Layout.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { FF_Repo } from './';
-import type { Layout } from './customField';
-interface Props<entityType = unknown> {
-    r: FF_Repo<entityType>;
-    layout?: Layout<entityType>;
-    classes_goups?: string;
-}
-declare function $$render<entityType = unknown>(): {
-    props: Props<entityType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<entityType = unknown> {
-    props(): ReturnType<typeof $$render<entityType>>['props'];
-    events(): ReturnType<typeof $$render<entityType>>['events'];
-    slots(): ReturnType<typeof $$render<entityType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<entityType>['props']>, ReturnType<__sveltets_Render<entityType>['events']>, ReturnType<__sveltets_Render<entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<entityType>['exports']>;
-    <entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<entityType>['props']> & {}): ReturnType<__sveltets_Render<entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const FfLayout: $$IsomorphicComponent;
-type FfLayout<entityType = unknown> = InstanceType<typeof FfLayout<entityType>>;
-export default FfLayout;

package/esm/svelte/actions/intersection.d.ts

@@ -1,6 +0,0 @@
-import type { Action } from 'svelte/action';
-interface Attributes {
-    onintersecting: (e: CustomEvent<IntersectionObserverEntry>) => void;
-}
-export declare const intersection: Action<HTMLElement, IntersectionObserverInit | undefined, Attributes>;
-export {};

package/esm/svelte/actions/intersection.js

@@ -1,17 +0,0 @@
-import { getScrollParent } from '@layerstack/utils';
-// to bring back to https://github.com/techniq/layerstack/blob/main/packages/svelte-actions/src/lib/observer.ts to have correct typing in Svelte 5
-export const intersection = (node, options = {}) => {
-    const scrollParent = getScrollParent(node);
-    // Use viewport (null) if scrollParent = `<body>`
-    const root = scrollParent === document.body ? null : scrollParent;
-    const observer = new IntersectionObserver((entries, observer) => {
-        const entry = entries[0];
-        node.dispatchEvent(new CustomEvent('intersecting', { detail: entry }));
-    }, { root, ...options });
-    observer.observe(node);
-    return {
-        destroy() {
-            observer.disconnect();
-        },
-    };
-};

package/esm/svelte/customField.d.ts

@@ -1,69 +0,0 @@
-import type { Component } from 'svelte';
-import type { FieldMetadata } from 'remult';
-export type FieldMode = 'edit' | 'display';
-export type CustomFieldDefaultProps<valueType = unknown, entityType = unknown> = {
-    uid?: string;
-    field: FieldMetadata<valueType, entityType>;
-    value: valueType;
-    error?: string;
-};
-type ComponentObject<valueType = unknown, entityType = unknown> = {
-    component: Component<CustomFieldDefaultProps<valueType, entityType>>;
-    props?: Record<string, unknown>;
-};
-export type CustomFieldComponent<valueType = unknown, entityType = unknown> = ComponentObject<valueType, entityType>['component'] | ComponentObject<valueType, entityType>;
-export declare function isComponentObject<valueType = unknown, entityType = unknown>(value: CustomFieldComponent<valueType, entityType>): value is ComponentObject<valueType, entityType>;
-type DynamicFieldDefaultProps<valueType = unknown, entityType = unknown> = CustomFieldDefaultProps<valueType, entityType> & {
-    mode: FieldMode;
-};
-export type DynamicCustomField = <valueType = unknown, entityType = unknown>(infos: DynamicFieldDefaultProps<valueType, entityType>) => CustomFieldComponent<valueType, entityType> | undefined;
-export type getLayout<entityType = unknown> = (o?: {
-    key?: string;
-    type?: Layout['type'];
-}) => Layout<entityType> | undefined;
-export type getLayoutStrict<entityType = unknown> = (o?: {
-    key?: string;
-    type?: Layout['type'];
-}) => Layout<entityType>;
-export type Layout<entityType = unknown> = {
-    key: string;
-    type: 'grid' | 'detail' | 'tab' | 'accordion';
-    groups: FieldGroup<entityType>[];
-};
-export type FieldGroup<entityType = unknown> = {
-    key: string;
-    fields: FieldMetadata<unknown, entityType>[];
-    caption?: string;
-    hint?: string;
-    class?: string;
-};
-export type CellMetadata<valueType = unknown, entityType = unknown> = {
-    key?: string;
-    caption?: string;
-    /** if nothing, it's just a "group" */
-    type?: 'form';
-    mode?: 'display' | 'edit';
-    field?: FieldMetadata<valueType, entityType>;
-    value?: valueType;
-    ui?: {
-        component?: {
-            caption?: 'show' | 'hide' | 'remove';
-            label?: 'show' | 'hide' | 'remove';
-            error?: 'show' | 'hide' | 'remove';
-            edit?: CustomFieldComponent<valueType, entityType>;
-            hint?: 'show' | 'hide' | 'remove';
-            display?: CustomFieldComponent<valueType, entityType>;
-        };
-        placeholder?: string;
-        step?: string | number | undefined;
-        hint?: string;
-        mobile?: Style;
-    } & Style;
-    cells?: CellMetadata<valueType, entityType>[];
-};
-type Style = {
-    width?: number;
-    marginLeft?: number;
-    marginRight?: number;
-};
-export {};

package/esm/svelte/customField.js

@@ -1,4 +0,0 @@
-import { isOfType } from './helpers';
-export function isComponentObject(value) {
-    return isOfType(value, 'component');
-}

package/esm/svelte/dialog/DialogManagement.svelte

@@ -1,98 +0,0 @@
-<script lang="ts">
-	import { FF_Form } from '../'
-	import Button from '../../ui/Button.svelte'
-	import { dialog } from './dialog'
-	import DialogPrimitive from './DialogPrimitive.svelte'
-
-	$: dialogSorted = $dialog.sort((a, b) => a.id - b.id)
-</script>
-
-{#each dialogSorted as toShow}
-	{#if toShow.type === 'confirm'}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			{@html toShow.children}
-			<svelte:fragment slot="actions">
-				<Button class="text-white" onclick={() => dialog.close(toShow.id, { success: true })}
-					>Confirmer</Button
-				>
-			</svelte:fragment>
-		</DialogPrimitive>
-	{:else if toShow.type === 'confirmDelete'}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			{@html toShow.children}
-			<svelte:fragment slot="actions">
-				<Button class="btn-error" onclick={() => dialog.close(toShow.id, { success: true })}>
-					Confirmer
-				</Button>
-			</svelte:fragment>
-		</DialogPrimitive>
-		<!-- {:else if toShow.type === 'insert' || toShow.type === 'update' || toShow.type === 'view'}
-		<DialogForm {toShow}></DialogForm> -->
-	{:else if toShow.type === 'fform'}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			classes={{ root: toShow.classes?.root }}
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<FF_Form
-				r={toShow.r!}
-				show={{ title: false }}
-				defaults={toShow.defaults}
-				onSaved={(item) => dialog.close(toShow.id, { success: true, item })}
-			></FF_Form>
-		</DialogPrimitive>
-	{:else if toShow.component && toShow.children}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<svelte:component this={toShow.component} {...toShow.props} dialogId={toShow.id}>
-				{#if toShow.children}
-					{@html toShow.children}
-				{/if}
-			</svelte:component>
-		</DialogPrimitive>
-	{:else if toShow.component}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			classes={{ root: toShow.classes?.root }}
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<svelte:component this={toShow.component} {...toShow.props} dialogId={toShow.id}
-			></svelte:component>
-		</DialogPrimitive>
-	{:else}
-		<DialogPrimitive
-			detail={toShow.detail}
-			open
-			on:change={() => dialog.close(toShow.id, { success: false })}
-		>
-			<div class="grid gap-2">
-				<p>Hey 🫵 developer, you are missing a few things 🤡!</p>
-				<p>Or use use one of the custom built in dialog like</p>
-
-				<pre class="mt-2 bg-base-300 p-2 text-xs">await dialog.confirmDelete('The Car')</pre>
-
-				<p>Or pass you own component</p>
-				<pre class="mt-2 bg-base-300 p-2 text-xs">{`await dialog.show({
-  detail: { caption: 'Interlocuteur' },
-  component: CreateCarForm,
-  props: { isEdit: false },
-})`}</pre>
-
-				<p>Good luck 🚀</p>
-			</div>
-		</DialogPrimitive>
-	{/if}
-{/each}

package/esm/svelte/dialog/DialogManagement.svelte.d.ts

@@ -1,18 +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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DialogManagement: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DialogManagement = InstanceType<typeof DialogManagement>;
-export default DialogManagement;

package/esm/svelte/dialog/DialogPrimitive.svelte

@@ -1,156 +0,0 @@
-<script lang="ts">
-	import { createDialog } from '@melt-ui/svelte'
-	import { createEventDispatcher } from 'svelte'
-	import { fade } from 'svelte/transition'
-
-	import { LibIcon_Cross, type BaseItemLight } from '../../internals'
-	import Icon from '../../ui/Icon.svelte'
-	import LinkPlus from '../../ui/link/LinkPlus.svelte'
-	import { flyAndScale } from '../../utils/transition'
-
-	export let detail: BaseItemLight | undefined = undefined
-	export let open: boolean = false
-	export let classes: { root?: string } = {}
-
-	const {
-		elements: { trigger, overlay, content, title: localTitle, description, close, portalled },
-		states: { open: localOpen },
-	} = createDialog({
-		forceVisible: true,
-		defaultOpen: open,
-		closeOnOutsideClick: false,
-		onOpenChange: (open) => {
-			dispatchChange('yop there')
-			return open.next
-		},
-	})
-
-	const dispatch = createEventDispatcher()
-
-	function dispatchChange(_data: any) {
-		dispatch('change', _data)
-	}
-</script>
-
-<div {...$portalled} use:$portalled.action data-ff-dialog-root class={classes.root}>
-	{#if $localOpen}
-		<div
-			{...$overlay}
-			use:$overlay.action
-			data-ff-dialog-overlay
-			transition:fade={{ duration: 150 }}
-		></div>
-		<div
-			data-ff-dialog-content
-			transition:flyAndScale={{
-				duration: 150,
-				y: 8,
-				start: 0.96,
-			}}
-			{...$content}
-			use:$content.action
-		>
-			<div data-ff-dialog-header>
-				<h2 {...$localTitle} use:$localTitle.action data-ff-dialog-title>
-					<div data-ff-dialog-header-content>
-						<LinkPlus item={detail}></LinkPlus>
-						<button {...$close} use:$close.action aria-label="close" data-ff-dialog-close>
-							<Icon data={LibIcon_Cross}></Icon>
-						</button>
-					</div>
-				</h2>
-			</div>
-
-			<div data-ff-dialog-body>
-				<slot />
-
-				{#if $$slots.actions}
-					<div data-ff-dialog-actions>
-						<slot name="actions" />
-					</div>
-				{/if}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	[data-ff-dialog-root] {
-		position: fixed;
-		top: 0;
-		z-index: 50;
-		display: flex;
-		height: 100%;
-		width: 100%;
-		align-items: center;
-		justify-content: center;
-	}
-
-	[data-ff-dialog-overlay] {
-		position: fixed;
-		inset: 0;
-		z-index: 40;
-		background-color: var(--ff-dialog-overlay);
-		backdrop-filter: blur(2px);
-	}
-
-	[data-ff-dialog-content] {
-		position: relative;
-		z-index: 40;
-		max-height: 90vh;
-		overflow: auto;
-		border-radius: 0.75rem;
-		border: 1px solid rgb(20 20 20 / 0.6);
-		background-color: var(--ff-dialog-content);
-		padding: 1.5rem;
-		box-shadow:
-			0 10px 15px -3px rgb(0 0 0 / 0.1),
-			0 4px 6px -4px rgb(0 0 0 / 0.1);
-	}
-
-	[data-ff-dialog-header] {
-		width: 100%;
-		margin-bottom: 1rem;
-	}
-
-	[data-ff-dialog-title] {
-		margin: 0;
-		font-size: 1.125rem;
-		line-height: 1.75rem;
-		font-weight: 500;
-	}
-
-	[data-ff-dialog-header-content] {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-	}
-
-	[data-ff-dialog-close] {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		height: 2.5rem;
-		width: 2.5rem;
-		min-height: 0;
-		border-radius: 9999px;
-		border: none;
-		background-color: transparent;
-	}
-
-	[data-ff-dialog-body] {
-		display: flex;
-		height: 100%;
-		min-width: 25rem;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	[data-ff-dialog-actions] {
-		margin-top: 0.5rem;
-		display: flex;
-		align-items: flex-end;
-		justify-content: flex-end;
-	}
-</style>

package/esm/svelte/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/svelte/dialog/dialog.d.ts

@@ -1,58 +0,0 @@
-import type { SvelteComponent } from 'svelte';
-import { type Repository } from 'remult';
-import { type BaseItemLight, type CellsInput, type StoreItem } from '../../internals';
-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;
-    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' | 'fform';
-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>>;
-    fform: <entityType>(r: FF_Repo<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 {};