firstly 0.1.3 → 0.2.1

package/esm/feedback/ui/DialogIssues.svelte

@@ -42,16 +42,16 @@
 		<div>
 			<Button
 				class={issueState === 'OPEN' ? 'btn-primary' : 'btn-ghost'}
-				on:click={() => update('OPEN')}>En cours</Button
+				onclick={() => update('OPEN')}>En cours</Button
 			>
 			<Button
 				class={issueState === 'CLOSED' ? 'btn-primary' : 'btn-ghost'}
-				on:click={() => update('CLOSED')}>Clos</Button
+				onclick={() => update('CLOSED')}>Clos</Button
 			>
 		</div>
 
 		<Button
-			on:click={async () => {
+			onclick={async () => {
 				await dialog.show({
 					component: DialogIssue,
 					classes: { root: 'overflow-auto w-[80vh] h-[80vh]' },
@@ -70,7 +70,7 @@
 
 	{#each issues as issue}
 		<Button
-			on:click={async () => {
+			onclick={async () => {
 				await dialog.show({
 					component: DialogIssue,
 					classes: { root: 'overflow-auto w-[80vh] h-[80vh]' },
@@ -86,7 +86,7 @@
 		>
 			<div class="flex w-full justify-center justify-items-center text-left">
 				<div class="flex-grow">
-					<span class="mr-2 inline-block w-8 text-right text-xs italic text-base-content/60"
+					<span class="mr-2 inline-block w-8 text-right text-xs text-base-content/60 italic"
 						>#{issue.number}</span
 					>
 					{@html issue.titleHTML}

package/esm/feedback/ui/DialogMilestones.svelte

@@ -20,7 +20,7 @@
 <div class="mb-4 grid gap-4">
 	{#each milestones as milestone}
 		<Button
-			on:click={() =>
+			onclick={() =>
 				dialog.show({
 					component: DialogIssues,
 					classes: { root: 'overflow-auto w-[85vh] h-[85vh]' },

package/esm/internals/BaseEnum.d.ts

@@ -1,4 +1,5 @@
 import type { FindOptionsBase, Repository } from 'remult';
+export type BaseItemLight = Partial<BaseItem>;
 export type FF_Icon = {
     data?: string | string[];
     size?: string | number;

package/esm/internals/FF_Fields.d.ts

@@ -1,9 +1,11 @@
-import { type FieldOptions, type StringFieldOptions } from 'remult';
+import { type ClassType, type FieldOptions } from 'remult';
+import type { BaseEnum } from './BaseEnum';
 export declare class FF_Fields {
-    static string<entityType = unknown, valueType = string>(o?: StringFieldOptions<entityType, valueType>): import("remult").ClassFieldDecorator<entityType, valueType | undefined>;
     static currency<entityType = unknown>(o?: FieldOptions<entityType, number>): import("remult").ClassFieldDecorator<entityType, number | undefined>;
-    static dateOnly<entityType = any>(o?: FieldOptions<entityType, Date>): import("remult").ClassFieldDecorator<entityType, Date | undefined>;
     static arrayEnum<enumType = any, entityType = any>(enumClass: enumType, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
     static arrayEnumToGql<enumType = any, entityType = any>(enumClass: enumType, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
-    static arrayValueList<enumType = any, entityType = any>(enumClass: enumType, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
+    static arrayValueList<enumType = any, entityType = any>(enumClass: ClassType<BaseEnum<any>>, o?: FieldOptions<entityType, any[]>): import("remult").ClassFieldDecorator<entityType, any[] | undefined>;
+    static vector32<entityType = unknown>(...options: (FieldOptions<entityType, number[]> & {
+        dimensions?: number;
+    })[]): import("remult").ClassFieldDecorator<entityType, number[] | undefined>;
 }

package/esm/internals/FF_Fields.js

@@ -1,4 +1,4 @@
-import { Fields, Validators, } from 'remult';
+import { Fields, Validators } from 'remult';
 import { displayCurrency } from '../formats';
 import { getEnums } from './helper';
 // Translate default messages
@@ -6,52 +6,7 @@ import { getEnums } from './helper';
 // It look like I have 2 remult loaded... But even trying to remove one, I still have the issue
 Validators.unique.defaultMessage = 'Existe déjà!';
 Validators.required.defaultMessage = 'Obligatoire!';
-// export function addValidators(
-//   validators: FieldOptions['validate'],
-//   newValidator: FieldOptions['validate'],
-//   atStart = false,
-// ) {
-//   if (!newValidator) return validators
-//   const newValidators = Array.isArray(newValidator) ? newValidator : [newValidator]
-//   const validatorsArray = Array.isArray(validators) ? validators : validators ? [validators] : []
-//   return atStart ? [...newValidators, ...validatorsArray] : [...validatorsArray, ...newValidators]
-// }
-// REMULT P2: A/ Add in the doc that allowNull is false by default
-//            B/ Would be great to have a Validators.required automatically when allowNull is not true.
-//            C/ WARNING Validators.required is also checking for empty string
-const validate_update_when_not_allow_null = (o) => {
-    const validate = [];
-    if (o.includeInApi !== false &&
-        o.serverExpression === undefined &&
-        o.sqlExpression === undefined &&
-        (o.allowNull === undefined || o.allowNull === false) &&
-        // if require: false is explicitly set, then we don't need to add required validator
-        o.required !== false) {
-        // addValidators(o.validate, [Validators.required], true)
-        validate.push(Validators.required);
-    }
-    // let's add original validate if any
-    if (o.validate) {
-        if (Array.isArray(o.validate)) {
-            validate.push(...o.validate);
-        }
-        else {
-            validate.push(o.validate);
-        }
-    }
-    return validate;
-};
 export class FF_Fields {
-    static string(o) {
-        if (o === undefined) {
-            o = {};
-        }
-        // let's return the field
-        return Fields.string({
-            ...o,
-            validate: validate_update_when_not_allow_null(o),
-        });
-    }
     static currency(o) {
         // let's return the field
         return Fields.number({
@@ -80,15 +35,6 @@ export class FF_Fields {
             },
         });
     }
-    static dateOnly(o) {
-        // empty if there is nothing coming here.
-        if (o === undefined) {
-            o = {};
-        }
-        o.inputType = 'dateOnly';
-        // let's return the field
-        return Fields.dateOnly({ ...o, validate: validate_update_when_not_allow_null(o) });
-    }
     static arrayEnum(enumClass, o) {
         return Fields.json(() => Array, {
             ...o,
@@ -155,18 +101,22 @@ export class FF_Fields {
                 fromDb: (v) => {
                     if (!v)
                         return [];
-                    const keys = v
-                        // @ts-ignore
-                        .map((s) => {
-                        // @ts-ignore
-                        return enumClass[s];
-                    })
-                        .filter((p) => p !== undefined);
-                    return keys;
+                    const arr = Array.isArray(v)
+                        ? v
+                        : v?.split(',').flatMap((c) => c.replaceAll('{', '').replaceAll('}', ''));
+                    const list = getEnums(enumClass);
+                    const toRet = [];
+                    for (const s of arr) {
+                        const found = list.find((c) => c.id === s);
+                        if (found) {
+                            toRet.push(found);
+                        }
+                    }
+                    return toRet;
                 },
                 toDb: (v) => {
                     const arr = Array.isArray(v) ? v : [v];
-                    return `{${[...new Set((arr ?? []).map((c) => c.id))].join(',')}}`;
+                    return `{${[...new Set((arr.filter((c) => c !== undefined) ?? []).map((c) => c.id))].join(',')}}`;
                 },
                 displayValue: (v) => {
                     // Nice to have a oneLiner, but if you want custom style, just take the array and do what you want
@@ -178,4 +128,17 @@ export class FF_Fields {
             },
         });
     }
+    static vector32(...options) {
+        const dimensions = options[0].dimensions ?? 1024;
+        return Fields.object({
+            valueConverter: {
+                fieldTypeInDb: `F32_BLOB(${dimensions})`,
+                toDb: (val) => JSON.stringify(val),
+                // TODO: remove ts-ignore when remult@3.3.0-next.1 is released (that has toDbSql)
+                // @ts-ignore
+                toDbSql: (val) => `vector32(${val})`,
+                fromDb: (val) => Array.from(new Float32Array(val)),
+            },
+        }, ...options);
+    }
 }

package/esm/internals/cellsBuildor.d.ts

@@ -1,4 +1,4 @@
-import type { SvelteComponent } from 'svelte';
+import type { Component, SvelteComponent } from 'svelte';
 import { type ClassType, type EntityFilter, type FieldMetadata, type Repository } from 'remult';
 import type { UnArray } from '../utils/types.js';
 export type VisibilityMode = 'view' | 'edit' | 'hide';
@@ -13,6 +13,7 @@ type CellInternal<Entity> = {
     clipboardable?: boolean;
     clearable?: boolean;
     component?: new (...args: any[]) => SvelteComponent;
+    componentS5?: Component;
     props?: any;
     rowToProps?: (row: any) => any;
 };

package/esm/internals/index.d.ts

@@ -18,20 +18,19 @@ import { default as Link } from '../ui/link/Link.svelte';
 import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
 import { default as Loading } from '../ui/Loading.svelte';
 import { default as Tooltip } from '../ui/Tooltip.svelte';
-import type { BaseEnum, BaseItem, FF_Icon } from './BaseEnum.js';
-import type { CellsInput as CellsInput_ForExport } from './cellsBuildor.js';
+import type { BaseEnum, BaseItem, BaseItemLight, FF_Icon } from './BaseEnum.js';
+import type { CellsInput } from './cellsBuildor.js';
 import { FF_Role } from './common.js';
-import { storeItem } from './storeItem.js';
+import { storeItem, type StoreItem } from './storeItem.js';
 import { storeList } from './storeList.js';
 export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
 export type { BaseEnumOptions } from './BaseEnum.js';
-export type { BaseItem };
-export type BaseItemLight = Partial<BaseItem>;
+export type { BaseItem, BaseItemLight };
 export type { DialogMetaDataInternal } from '../ui/dialog/dialog.js';
-export type CellsInput<entityType> = CellsInput_ForExport<entityType>;
+export type { CellsInput };
 export type { Cell, VisibilityMode } from './cellsBuildor.js';
 export type { FF_FindOptions } from './storeList.js';
-export type StoreItem<T> = ReturnType<typeof storeItem<T>>;
+export type { StoreItem };
 export type StoreList<T> = ReturnType<typeof storeList<T>>;
 export type { ResolvedType, UnArray, RecursivePartial } from '../utils/types.js';
 export { FF_Fields } from './FF_Fields.js';
@@ -57,7 +56,7 @@ declare module 'remult' {
         suffixEdit?: string;
         suffixEditWithS?: boolean;
         styleRadioUntil?: number;
-        step?: '1' | '0.1' | '0.01';
+        step?: '1' | '0.1' | '0.01' | '0.5';
         href?: (item: entityType) => string;
         findOptionsForEdit?: ((entity: entityType) => FindOptionsBase<valueType>) | FindOptionsBase<valueType>;
         findOptionsLimit?: number;

package/esm/internals/storeItem.d.ts

@@ -1,4 +1,5 @@
 import type { ErrorInfo, FindOptions, Repository } from 'remult';
+export type StoreItem<T> = ReturnType<typeof storeItem<T>>;
 type TheStoreItem<T> = {
     item: T | undefined;
     loading?: boolean;

package/esm/mail/Mail.js

@@ -18,7 +18,7 @@ let Mail = class Mail {
     errorInfo = '';
 };
 __decorate([
-    Fields.cuid()
+    Fields.id()
 ], Mail.prototype, "id", void 0);
 __decorate([
     Fields.createdAt()

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

@@ -29,8 +29,14 @@ export type MailOptions = GlobalEasyOptions & {
         defaults?: DefaultOptions;
     };
 };
-declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
 export type SendMail = typeof sendMail;
+export type SendMailResult = {
+    data: SMTPTransport.SentMessageInfo;
+    error?: undefined;
+} | {
+    error: any;
+    data?: undefined;
+};
 export declare const sendMail: (
 /** usefull for logs, it has NO impact on the mail itself */
 topic: string, easyOptions: GlobalEasyOptions & {
@@ -46,6 +52,6 @@ topic: string, easyOptions: GlobalEasyOptions & {
     }[];
 }, options?: {
     nodemailer?: MailOptions['nodemailer'];
-}) => ReturnType<typeof transporter.sendMail>;
+}) => Promise<SendMailResult>;
 export declare const mail: (o?: MailOptions) => Module<unknown>;
 export {};

package/esm/mail/server/index.js

@@ -99,10 +99,10 @@ export const sendMail = async (topic, easyOptions, options) => {
     }
     try {
         if (!globalOptions?.nodemailer?.transport) {
-            const info = await transporter.sendMail({ ...nodemailerOptions.defaults });
+            const data = await transporter.sendMail({ ...nodemailerOptions.defaults });
             log.error(`${magenta(`[${topic}]`)} - ⚠️  ${red(`mail not configured`)} ⚠️ 
 		We are still nice and generated you an email preview link (the mail we not really sent): 
-		👉 ${cyan(String(nodemailer.getTestMessageUrl(info)))}
+		👉 ${cyan(String(nodemailer.getTestMessageUrl(data)))}
 			
 		To really send mails, check out the doc ${white(`https://firstly.fun/modules/mail`)}. 
       `);
@@ -113,10 +113,10 @@ export const sendMail = async (topic, easyOptions, options) => {
                 topic,
                 metadata,
             });
-            return info;
+            return { data };
         }
         else {
-            const info = await transporter.sendMail({ ...nodemailerOptions.defaults });
+            const data = await transporter.sendMail({ ...nodemailerOptions.defaults });
             log.success(`${magenta(`[${topic}]`)} - Sent to ${typeof nodemailerOptions.defaults?.to === 'string' ? green(nodemailerOptions.defaults?.to) : nodemailerOptions.defaults?.to}`);
             await repo(mailEntities.Mail).insert({
                 status: 'sent',
@@ -125,7 +125,7 @@ export const sendMail = async (topic, easyOptions, options) => {
                 topic,
                 metadata,
             });
-            return info;
+            return { data };
         }
     }
     catch (error) {
@@ -138,15 +138,43 @@ ${cyan(JSON.stringify(globalOptions?.nodemailer?.transport, null, 2))}
         else {
             log.error(`${magenta(`[${topic}]`)} - Error`, error);
         }
+        // TODO
+        // Build comprehensive error info for JSON storage
+        const errorInfoJSON = {
+            message: error instanceof Error ? error.message : String(error),
+            name: error instanceof Error ? error.name : 'Unknown',
+            // stack: error instanceof Error ? error.stack : undefined,
+            code: error?.code,
+            errno: error?.errno,
+            syscall: error?.syscall,
+            hostname: error?.hostname,
+            port: error?.port,
+            address: error?.address,
+            response: error?.response,
+            responseCode: error?.responseCode,
+            command: error?.command,
+            // Capture any other enumerable properties
+            ...Object.getOwnPropertyNames(error).reduce((acc, key) => {
+                if (!['message', 'name', 'stack'].includes(key)) {
+                    try {
+                        acc[key] = error[key];
+                    }
+                    catch (e) {
+                        // Ignore properties that can't be accessed
+                    }
+                }
+                return acc;
+            }, {}),
+        };
         await repo(mailEntities.Mail).insert({
             status: 'error',
-            errorInfo: JSON.stringify(error),
+            errorInfo: JSON.stringify(errorInfoJSON),
             to: JSON.stringify(to),
             html: easyOptionsToUse.saveHtml ? html : '',
             topic,
             metadata,
         });
-        throw error;
+        return { error };
     }
 };
 const mailModule = new Module({

package/esm/server/index.d.ts

@@ -27,7 +27,7 @@ export declare class ModuleFF {
     modulesFF?: ModuleFF[];
     constructor(input: ModuleInput);
 }
-type Options = RemultServerOptions<RequestEvent<Partial<Record<string, string>>, string | null>> & {
+type Options = RemultServerOptions<RequestEvent<Partial<Record<string, string>>, any>> & {
     /** @deprecated use `remult` modules instead */
     modulesFF?: ModuleFF[] | undefined;
 };

package/esm/svelte/FF_Cell.svelte

@@ -13,10 +13,11 @@
 		cell: CellMetadata<valueType, entityType>
 		r?: FF_Repo<entityType>
 		class?: string
+		value?: valueType
+		error?: string
 	}
 
-	// eslint-disable-next-line svelte/no-unused-props
-	let props: Props<valueType, entityType> = $props()
+	let { value = $bindable(), error, ...props }: Props<valueType, entityType> = $props()
 
 	// let classes = $derived(getClasses('field', props.classes))
 
@@ -25,9 +26,6 @@
 	let hint = $derived(props.cell.field?.options.ui?.hint ?? props.cell.ui?.hint)
 	// @ts-ignore
 	let ui = $derived(deepMerge(props.cell.field?.options.ui ?? {}, props.cell.ui ?? {}))
-
-	let error = ''
-	let value: any = $state('')
 </script>
 
 <!-- Snippets sections -->

package/esm/svelte/FF_Cell.svelte.d.ts

@@ -4,12 +4,21 @@ interface Props<valueType = unknown, entityType = unknown> {
     cell: CellMetadata<valueType, entityType>;
     r?: FF_Repo<entityType>;
     class?: string;
+    value?: valueType;
+    error?: string;
 }
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: Props<valueType, entityType>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): Props<valueType, entityType>;
-    events(): {};
-    slots(): {};
-    bindings(): "";
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
+    bindings(): "value";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/esm/svelte/FF_Cell_Caption.svelte.d.ts

@@ -5,10 +5,17 @@ interface Props<valueType = unknown, entityType = unknown> {
     caption?: string;
     class?: string;
 }
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: Props<valueType, entityType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): Props<valueType, entityType>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/esm/svelte/FF_Cell_Display.svelte.d.ts

@@ -3,10 +3,17 @@ import { type CustomFieldDefaultProps } from './customField';
 interface Props extends CustomFieldDefaultProps {
     classes?: DisplayTheme;
 }
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: Props;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): Props;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/esm/svelte/FF_Cell_Edit.svelte.d.ts

@@ -1,15 +1,22 @@
 import { type FieldMetadata } from 'remult';
 import type { EditTheme } from '.';
-declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): {
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: {
         uid?: string;
         field: FieldMetadata<valueType, entityType>;
         value: valueType;
         error?: string;
         classes?: EditTheme;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
     bindings(): "value";
     exports(): {};
 }

package/esm/svelte/FF_Cell_Error.svelte.d.ts

@@ -5,10 +5,17 @@ interface Props<valueType = unknown, entityType = unknown> {
     error?: string;
     class?: string;
 }
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: Props<valueType, entityType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): Props<valueType, entityType>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/esm/svelte/FF_Cell_Hint.svelte.d.ts

@@ -5,10 +5,17 @@ interface Props<valueType = unknown, entityType = unknown> {
     hint?: string;
     class?: string;
 }
+declare function $$render<valueType = unknown, entityType = unknown>(): {
+    props: Props<valueType, entityType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
-    props(): Props<valueType, entityType>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
+    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
+    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/esm/svelte/FF_Form.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="entityType = unknown">
 	import { EntityError, getEntityRef } from 'remult'
 
-	import { FF_Field, getClasses } from './'
+	import { FF_Cell, getClasses } from './'
 	import type { FF_Repo, FieldGroup, FormTheme } from './'
 
 	const default_uid = $props.id()
@@ -91,11 +91,10 @@
 				{/if}
 				<div data-ff-form-fields class="{classes?.fields} {group.class}">
 					{#each group.fields as field}
-						<FF_Field
-							uid="{ToUse}-{field.key}"
-							{field}
+						<FF_Cell
+							cell={{ field, mode: 'edit' }}
 							bind:value={valuesToUse[field.key as keyof entityType]}
-							error={errors[field.key]}
+							error={errors[field.key ?? '']}
 						/>
 					{/each}
 				</div>

package/esm/svelte/FF_Form.svelte.d.ts

@@ -11,10 +11,17 @@ interface Props<entityType> {
     };
     onSaved?: (item: entityType) => void;
 }
+declare function $$render<entityType = unknown>(): {
+    props: Props<entityType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<entityType = unknown> {
-    props(): Props<entityType>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<entityType>>['props'];
+    events(): ReturnType<typeof $$render<entityType>>['events'];
+    slots(): ReturnType<typeof $$render<entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/esm/svelte/FF_Grid.svelte

@@ -3,7 +3,7 @@
 
 	import Icon from '../ui/Icon.svelte'
 	import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit } from '../ui/LibIcon'
-	import { dialog, FF_Display, FF_Repo, getClasses, type GridTheme } from './'
+	import { dialog, FF_Cell_Display, FF_Repo, getClasses, type GridTheme } from './'
 
 	interface Props<entityType> {
 		// uid?: string
@@ -100,7 +100,7 @@
 			<tr data-ff-grid-row class={classes?.row}>
 				{#each fields as f (f.key)}
 					<td data-ff-grid-row-cell class="{classes?.rowCell} td-{f.inputType}">
-						<FF_Display field={f} value={item[f.key as keyof entityType]}></FF_Display>
+						<FF_Cell_Display field={f} value={item[f.key as keyof entityType]}></FF_Cell_Display>
 					</td>
 				{/each}
 				{#if showActions}

package/esm/svelte/FF_Grid.svelte.d.ts

@@ -11,10 +11,17 @@ interface Props<entityType> {
     ondelete?: (item: entityType) => void;
     classes?: GridTheme;
 }
+declare function $$render<entityType = unknown>(): {
+    props: Props<entityType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<entityType = unknown> {
-    props(): Props<entityType>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<entityType>>['props'];
+    events(): ReturnType<typeof $$render<entityType>>['events'];
+    slots(): ReturnType<typeof $$render<entityType>>['slots'];
     bindings(): "";
     exports(): {};
 }