firstly 0.3.0 → 0.4.0

package/esm/internals/storeList.d.ts

@@ -1,34 +0,0 @@
-import type { FindOptions, GroupByOptions, MembersOnly, Repository } from 'remult';
-type TheStoreList<T> = {
-    items: T[];
-    loading: boolean;
-    totalCount: number | undefined;
-    agg: any | undefined;
-};
-export type FF_FindOptions<T> = FindOptions<T> & {
-    withCount?: boolean;
-    withItems?: boolean;
-    aggregate?: GroupByOptions<T, (keyof MembersOnly<T>)[], any, any, any, any, any>;
-};
-/**
- * @param repo remult repository to listen to
- * @param initValues usually the data coming from SSR
- * @returns a store with the initial values and a listen() method to subscribe to changes
- *
- * Example
- * ```ts
- * // get the repo
- * const taskRepo = repo(Task)
- *
- * const tasks = kitStore(taskRepo, data.tasks)
- * $: browser && tasks.listen(data.options)
- * ```
- */
-export declare const storeList: <T>(repo: Repository<T>, initValues?: TheStoreList<T>) => {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreList<T>>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
-    manualSet: (info: TheStoreList<T>) => void;
-    fetch: (options?: FF_FindOptions<T>, onNewData?: (items?: T[], totalCount?: number) => void) => Promise<void>;
-    listen: (options?: FF_FindOptions<T>) => Promise<void>;
-    getRepo: () => Repository<T>;
-};
-export {};

package/esm/internals/storeList.js

@@ -1,108 +0,0 @@
-import { BROWSER } from 'esm-env';
-import { onDestroy } from 'svelte';
-import { writable } from 'svelte/store';
-/**
- * @param repo remult repository to listen to
- * @param initValues usually the data coming from SSR
- * @returns a store with the initial values and a listen() method to subscribe to changes
- *
- * Example
- * ```ts
- * // get the repo
- * const taskRepo = repo(Task)
- *
- * const tasks = kitStore(taskRepo, data.tasks)
- * $: browser && tasks.listen(data.options)
- * ```
- */
-export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined, agg: undefined }) => {
-    const { subscribe, set, update } = writable(initValues);
-    let unSub = null;
-    onDestroy(async () => {
-        await plzUnSub();
-    });
-    // if we already have a subscription, unsubscribe (on option update for example)
-    const plzUnSub = async () => {
-        if (unSub) {
-            await unSub();
-            unSub = null;
-        }
-    };
-    return {
-        subscribe,
-        // set,
-        manualSet: (info) => {
-            set(info);
-        },
-        fetch: async (options, onNewData) => {
-            if (BROWSER) {
-                update((s) => ({ ...s, loading: true }));
-                const withCount = options?.withCount ?? false;
-                const withItems = options?.withItems ?? true;
-                if (!withItems && !withCount) {
-                    throw new Error(`xxx.fetch() withItems and withCount can't be both false!`);
-                }
-                else if (!withItems && withCount) {
-                    let optionsToUse = { where: options?.where };
-                    if (options?.aggregate) {
-                        optionsToUse = { ...options.aggregate, where: options?.where };
-                    }
-                    // const agg = await repo.aggregate({ ...options?.aggregate, where: options?.where })
-                    const agg = await repo.aggregate(optionsToUse);
-                    set({ loading: false, items: [], totalCount: agg.$count, agg });
-                    if (onNewData) {
-                        onNewData(undefined, agg.$count);
-                    }
-                }
-                else if (withItems && !withCount) {
-                    const items = await repo.find(options);
-                    set({ loading: false, items, totalCount: undefined, agg: undefined });
-                    if (onNewData) {
-                        onNewData(items, undefined);
-                    }
-                }
-                else {
-                    let optionsToUse = { where: options?.where };
-                    if (options?.aggregate) {
-                        optionsToUse = { ...options.aggregate, where: options?.where };
-                    }
-                    const [items, agg] = await Promise.all([
-                        repo.find({ ...options }),
-                        repo.aggregate(optionsToUse),
-                    ]);
-                    set({ loading: false, items, totalCount: agg.$count, agg });
-                    if (onNewData) {
-                        onNewData(items, agg.$count);
-                    }
-                }
-            }
-        },
-        listen: async (options) => {
-            if (BROWSER) {
-                await plzUnSub();
-                unSub = repo.liveQuery({ ...options }).subscribe(async (info) => {
-                    const withCount = options?.withCount ?? false;
-                    let totalCount = undefined;
-                    if (withCount) {
-                        const agg = await repo.aggregate({ where: options?.where });
-                        totalCount = agg.$count;
-                    }
-                    update((c) => {
-                        return { ...c, items: info.items, loading: false, ...(withCount ? { totalCount } : {}) };
-                    });
-                });
-            }
-            else {
-                throw new Error(`xxx.listen() Too early!
-
-You should do like: 
-  let tasks = tasksStore<Task>(taskRepo, data.tasks)
-  $: browser && tasks.listen()
-				`);
-            }
-        },
-        getRepo: () => {
-            return repo;
-        },
-    };
-};

package/esm/internals/theme.d.ts

@@ -1,4 +0,0 @@
-export declare const scrollbar: {
-    default: string;
-    thin: string;
-};

package/esm/internals/theme.js

@@ -1,4 +0,0 @@
-export const scrollbar = {
-    default: 'scrollbar scrollbar-thumb-neutral-focus scrollbar-track-base-200',
-    thin: 'sm:scrollbar-thin sm:scrollbar-thumb-neutral-focus sm:scrollbar-track-base-200',
-};

package/esm/server/index.d.ts

@@ -1,52 +0,0 @@
-import type { RequestEvent } from '@sveltejs/kit';
-import { type ClassType } from 'remult';
-import { type RemultServerOptions } from 'remult/server';
-import { Log } from '@kitql/helpers';
-type ModuleInput = {
-    /**
-     * The name of the module (usefull for logging and debugging purposes)
-     */
-    name: string;
-    priority?: number;
-    entities?: ClassType<any>[];
-    controllers?: ClassType<any>[];
-    initApi?: RemultServerOptions<RequestEvent>['initApi'];
-    initRequest?: RemultServerOptions<RequestEvent>['initRequest'];
-    /** @deprecated use `remult` modules instead */
-    modulesFF?: ModuleFF[];
-};
-export declare class ModuleFF {
-    name: string;
-    log: Log;
-    priority?: number;
-    entities?: ClassType<any>[];
-    controllers?: ClassType<any>[];
-    initApi?: RemultServerOptions<RequestEvent>['initApi'];
-    initRequest?: RemultServerOptions<RequestEvent>['initRequest'];
-    /** @deprecated use `remult` modules instead */
-    modulesFF?: ModuleFF[];
-    constructor(input: ModuleInput);
-}
-type Options = RemultServerOptions<RequestEvent<Partial<Record<string, string>>, any>> & {
-    /** @deprecated use `remult` modules instead */
-    modulesFF?: ModuleFF[] | undefined;
-};
-declare module 'remult' {
-    interface RemultContext {
-        request: RequestEvent;
-        setHeaders(headers: Record<string, string>): void;
-        setCookie(...args: Parameters<RequestEvent['cookies']['set']>): void;
-        deleteCookie(...args: Parameters<RequestEvent['cookies']['delete']>): void;
-    }
-}
-export declare let entities: ClassType<any>[];
-/**
- * it's basically `remultSveltekit` with the `modules` option
- * @deprecated will be done directly in remult when modules will be in 😉
- */
-export declare const firstly: (o: Options) => import("remult/remult-sveltekit").RemultSveltekitServer;
-/**
- * Full flat and ordered list by index and concatenaining the modules name
- */
-export declare const modulesFlatAndOrdered: (modules: ModuleFF[]) => ModuleFF[];
-export {};

package/esm/server/index.js

@@ -1,87 +0,0 @@
-import {} from 'remult';
-import { remultApi } from 'remult/remult-sveltekit';
-import { Module } from 'remult/server';
-import { Log } from '@kitql/helpers';
-import { sveltekit } from '../sveltekit/server';
-export class ModuleFF {
-    name;
-    log;
-    priority;
-    entities;
-    controllers;
-    initApi;
-    initRequest;
-    /** @deprecated use `remult` modules instead */
-    modulesFF;
-    constructor(input) {
-        this.name = input.name;
-        this.log = new Log(`firstly | ${this.name}`);
-        this.priority = input.priority;
-        this.entities = input.entities;
-        this.controllers = input.controllers;
-        this.initApi = input.initApi;
-        this.initRequest = input.initRequest;
-        this.modulesFF = input.modulesFF;
-    }
-}
-export let entities = [];
-/**
- * it's basically `remultSveltekit` with the `modules` option
- * @deprecated will be done directly in remult when modules will be in 😉
- */
-export const firstly = (o) => {
-    const modulesSorted = modulesFlatAndOrdered([...[...(o.modulesFF ?? []), sveltekit()]]);
-    const ffModulesToRemult = modulesSorted.map((m) => {
-        return new Module({
-            key: m.name,
-            entities: m.entities ?? [],
-            controllers: m.controllers ?? [],
-            initApi: m.initApi,
-            initRequest: m.initRequest,
-        });
-    });
-    // REMULT P1: With Generate Migrations it's a bit hard to get all entities from all modules.
-    entities = [
-        ...modulesSorted.flatMap((m) => m.entities ?? []),
-        ...(o.entities ?? []),
-        //Managing only the first level... should be ok for now...
-        ...(o?.modules?.flatMap((m) => m.entities ?? []) ?? []),
-    ];
-    return remultApi({
-        // Changing the default default of remult
-        logApiEndPoints: false,
-        admin: true,
-        defaultGetLimit: 25,
-        error: o.error
-            ? o.error
-            : async (e) => {
-                // REMULT P2: validation error should probably be 409
-                // if 400 we move to 409
-                if (e.httpStatusCode == 400) {
-                    e.sendError(409, e.responseBody);
-                }
-            },
-        // Add user configuration
-        ...o,
-        // native remult modules
-        modules: [...(o.modules ?? []), ...ffModulesToRemult],
-    });
-};
-/**
- * Full flat and ordered list by index and concatenaining the modules name
- */
-export const modulesFlatAndOrdered = (modules) => {
-    const flattenModules = (modules, parentName = '') => {
-        return modules.reduce((acc, module) => {
-            const fullName = parentName ? `${parentName}-${module.name}` : module.name;
-            // Create a new module object without the 'modules' property
-            const { modulesFF: _, ...flatModule } = module;
-            const newModule = { ...flatModule, name: fullName };
-            const subModules = module.modulesFF ? flattenModules(module.modulesFF, fullName) : [];
-            return [...acc, newModule, ...subModules];
-        }, []);
-    };
-    const flatModules = flattenModules(modules);
-    flatModules.sort((a, b) => (a.priority || 0) - (b.priority || 0));
-    return flatModules;
-};

package/esm/svelte/FF_Cell.svelte

@@ -1,103 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import { deepMerge, FF_Cell, FF_Repo } from './'
-	import type { CellMetadata } from './customField'
-	import FF_Cell_Caption from './FF_Cell_Caption.svelte'
-	import FF_Cell_Display from './FF_Cell_Display.svelte'
-	import FF_Cell_Edit from './FF_Cell_Edit.svelte'
-	import FF_Cell_Error from './FF_Cell_Error.svelte'
-	import FF_Cell_Hint from './FF_Cell_Hint.svelte'
-
-	const default_uid = $props.id()
-
-	interface Props<valueType = unknown, entityType = unknown> {
-		cell: CellMetadata<valueType, entityType>
-		r?: FF_Repo<entityType>
-		class?: string
-		value?: valueType
-		error?: string
-	}
-
-	let { value = $bindable(), error, ...props }: Props<valueType, entityType> = $props()
-
-	// let classes = $derived(getClasses('field', props.classes))
-
-	let key = $derived(props.cell.key ?? props.cell.field?.key ?? default_uid)
-	let caption = $derived(props.cell.caption ?? props.cell.field?.caption)
-	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 ?? {}))
-</script>
-
-<!-- Snippets sections -->
-{#snippet cellsChildren(isForm: boolean = false)}
-	<div data-ff-cells>
-		{#each props.cell.cells ?? [] as children}
-			<FF_Cell cell={children} />
-		{/each}
-	</div>
-{/snippet}
-
-<!-- Main section -->
-<div
-	data-ff-cell
-	data-ff-cells={props.cell.cells}
-	style:--width={ui?.width ?? 100}
-	style:--margin-left={ui?.marginLeft ?? 0}
-	style:--margin-right={ui?.marginRight ?? 0}
-	style:--width-mobile={ui?.mobile?.width ?? 100}
-	style:--margin-left-mobile={ui?.mobile?.marginLeft ?? 0}
-	style:--margin-right-mobile={ui?.mobile?.marginRight ?? 0}
-	class={[key, props.class]}
->
-	<FF_Cell_Caption {ui} {caption} {key} />
-	<FF_Cell_Error {ui} {error} {key} />
-	{#if props.cell.field}
-		{#if props.cell.mode === 'edit'}
-			<FF_Cell_Edit field={props.cell.field} {error} bind:value />
-		{:else}
-			<FF_Cell_Display field={props.cell.field} {error} {value} />
-		{/if}
-	{/if}
-	<FF_Cell_Hint {ui} {hint} {key} />
-
-	{#if props.cell.type === 'form'}
-		<form>
-			{@render cellsChildren(true)}
-			<button type="submit">Submit</button>
-		</form>
-	{:else}
-		{@render cellsChildren()}
-	{/if}
-</div>
-
-<style>
-	[data-ff-cells] {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	[data-ff-cell] {
-		display: flex;
-		flex-direction: column;
-		box-sizing: border-box;
-		padding: var(--ff-spacing);
-		flex: 1 1 calc(var(--width, 100) * 1%);
-		max-width: calc(var(--width, 100) * 1%);
-		margin-left: calc(var(--margin-left, 0) * 1%);
-		margin-right: calc(var(--margin-right, 0) * 1%);
-
-		/* For debugging purposes - outline that doesn't affect layout */
-		outline: 1px solid rgba(255, 0, 0, 0.5);
-		outline-offset: -1px;
-	}
-
-	@media screen and (max-width: 40rem) {
-		[data-ff-cell] {
-			flex: 1 1 calc(var(--width-mobile, 100) * 1%);
-			max-width: calc(var(--width-mobile, 100) * 1%);
-			margin-left: calc(var(--margin-left-mobile, 0) * 1%);
-			margin-right: calc(var(--margin-right-mobile, 0) * 1%);
-		}
-	}
-</style>

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

@@ -1,33 +0,0 @@
-import { FF_Repo } from './';
-import type { CellMetadata } from './customField';
-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(): 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 {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCell: $$IsomorphicComponent;
-type FfCell<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCell<valueType, entityType>>;
-export default FfCell;

package/esm/svelte/FF_Cell_Caption.svelte

@@ -1,20 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import type { CellMetadata } from './customField'
-
-	interface Props<valueType = unknown, entityType = unknown> {
-		key: string
-		ui: CellMetadata<valueType, entityType>['ui']
-		caption?: string
-		class?: string
-	}
-
-	let { ui, key, class: localClass, caption }: Props<valueType, entityType> = $props()
-</script>
-
-{#if ui?.component?.caption === undefined || ui?.component?.caption === 'show'}
-	<label data-ff-cell-caption for={key} class={localClass}>{@html caption}</label>
-{:else if ui?.component?.caption === 'remove'}
-	<!-- Nothing -->
-{:else if ui?.component?.caption === 'hide'}
-	<span data-ff-cell-caption class={localClass}></span>
-{/if}

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

@@ -1,31 +0,0 @@
-import type { CellMetadata } from './customField';
-interface Props<valueType = unknown, entityType = unknown> {
-    key: string;
-    ui: CellMetadata<valueType, entityType>['ui'];
-    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(): ReturnType<typeof $$render<valueType, entityType>>['props'];
-    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
-    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCellCaption: $$IsomorphicComponent;
-type FfCellCaption<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCellCaption<valueType, entityType>>;
-export default FfCellCaption;

package/esm/svelte/FF_Cell_Display.svelte

@@ -1,61 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import { getClasses, getDynamicCustomField, type DisplayTheme } from '.'
-	import { isComponentObject, type CustomFieldDefaultProps } from './customField'
-
-	interface Props extends CustomFieldDefaultProps {
-		classes?: DisplayTheme
-	}
-
-	let { field, value, error, classes: localClasses = {} }: Props = $props()
-
-	// let valueList = getValueList(field) as { id: string; caption: string }[] | undefined
-
-	let classes = $derived(getClasses('display', localClasses))
-	const dynamicCustomField = getDynamicCustomField()?.({ field, value, error, mode: 'display' })
-</script>
-
-{#if field.options.ui?.component?.display}
-	{@const customField = field.options.ui?.component?.display}
-	{#if isComponentObject(customField)}
-		{@const Component = customField.component}
-		<Component {field} bind:value {error} {...customField.props} />
-	{:else}
-		{@const Component = customField}
-		<Component {field} bind:value {error} />
-	{/if}
-{:else if dynamicCustomField}
-	{#if isComponentObject(dynamicCustomField)}
-		{@const Component = dynamicCustomField.component}
-		<Component {field} bind:value {error} {...dynamicCustomField.props} />
-	{:else}
-		{@const Component = dynamicCustomField}
-		<Component {field} bind:value {error} />
-	{/if}
-{:else if field.inputType === 'checkbox'}
-	<input
-		disabled
-		data-ff-display-checkbox
-		class={classes?.checkbox}
-		type="checkbox"
-		checked={value as boolean}
-	/>
-{:else if field.displayValue}
-	<div data-ff-display>
-		{field.displayValue({ [field.key]: value } as Partial<entityType>)}
-	</div>
-{:else}
-	<div data-ff-display>
-		{value} NOT READY JYC!
-	</div>
-{/if}
-
-<style>
-	[data-ff-display-checkbox] {
-		display: block;
-		margin: 0 auto;
-	}
-
-	[data-ff-display] {
-		min-height: 20px;
-	}
-</style>

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

@@ -1,29 +0,0 @@
-import { type DisplayTheme } from '.';
-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(): ReturnType<typeof $$render<valueType, entityType>>['props'];
-    events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
-    slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCellDisplay: $$IsomorphicComponent;
-type FfCellDisplay<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCellDisplay<valueType, entityType>>;
-export default FfCellDisplay;

package/esm/svelte/FF_Cell_Edit.svelte

@@ -1,104 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import { getValueList, type FieldMetadata } from 'remult'
-
-	import { getClasses, getDynamicCustomField } from '.'
-	import type { EditTheme } from '.'
-	import { isComponentObject } from './customField'
-
-	const default_uid = $props.id()
-
-	interface Props {
-		uid?: string
-		field: FieldMetadata<valueType, entityType>
-		value: valueType
-		error?: string
-		classes?: EditTheme
-	}
-
-	let {
-		uid = default_uid,
-		field,
-		value = $bindable(),
-		error,
-		classes: localClasses = {},
-	}: Props = $props()
-
-	let valueList = getValueList(field) as { id: string; caption: string }[] | undefined
-
-	let classes = $derived(getClasses('edit', localClasses))
-	const dynamicCustomField = getDynamicCustomField()?.({ field, value, error, mode: 'edit' })
-
-	const fromInput = (val: any) => {
-		// console.log(`fromInput`, val)
-		const res = field.valueConverter.fromInput(val)
-		// if (res && field.inputType === 'datetime-local') {
-		// 	const date = new Date(res)
-		// 	date.setMinutes(date.getMinutes() - date.getTimezoneOffset())
-		// 	return date.toISOString().slice(0, 16)
-		// }
-		return res
-	}
-
-	const toInput = (val: any) => {
-		// console.log(`toInput1`, val)
-		const res = field.valueConverter.toInput(val)
-		// console.log(`toInput2`, res)
-		return res
-	}
-</script>
-
-{#if field.options.ui?.component?.edit}
-	{@const customField = field.options.ui?.component?.edit}
-	{#if isComponentObject(customField)}
-		{@const Component = customField.component}
-		<Component {field} bind:value {error} {...customField.props} />
-	{:else}
-		{@const Component = customField}
-		<Component {field} bind:value {error} />
-	{/if}
-{:else if dynamicCustomField}
-	{#if isComponentObject(dynamicCustomField)}
-		{@const Component = dynamicCustomField.component}
-		<Component {field} bind:value {error} {...dynamicCustomField.props} />
-	{:else}
-		{@const Component = dynamicCustomField}
-		<Component {field} bind:value {error} />
-	{/if}
-{:else if valueList}
-	<select data-ff-cell-edit-select class={classes?.select} id={uid} bind:value>
-		{#each valueList as item (item.id)}
-			<option value={item}>{item.caption}</option>
-		{/each}
-	</select>
-{:else if field.inputType === 'checkbox'}
-	<div style="display: flex; align-items: center; height: 3rem;">
-		<input
-			data-ff-cell-edit-checkbox
-			class={classes?.checkbox}
-			id={uid}
-			type="checkbox"
-			bind:checked={value as boolean}
-		/>
-	</div>
-{:else}
-	<input
-		autocomplete="off"
-		data-ff-cell-edit-input
-		class={classes?.input}
-		id={uid}
-		type={field.options.inputType}
-		placeholder={field.options.ui?.placeholder}
-		bind:value={() => fromInput(value as any), (v) => (value = toInput(v) as valueType)}
-		step={field.options.ui?.step}
-	/>
-{/if}
-
-<style>
-	input[data-ff-cell-edit-input] {
-		width: 100%;
-	}
-
-	select[data-ff-cell-edit-select] {
-		width: 100%;
-	}
-</style>