firstly 0.0.3 → 0.0.5

package/esm/handle/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types=".pnpm/@sveltejs+kit@2.5.24_@sveltejs+vite-plugin-svelte@3.1.1_svelte@4.2.18_vite@5.4.1_@types+node@_vtylvkjv5lewhfcl4vq2py4rce/node_modules/@sveltejs/kit" />
 import type { Handle } from '@sveltejs/kit';
 import type { RemultSveltekitServer } from 'remult/remult-sveltekit';
 import type { Module } from '../api';

package/esm/helper.d.ts

@@ -1,9 +1,9 @@
-import { type ErrorInfo, type FieldMetadata, type Repository } from 'remult';
-import { type KitBaseItem } from './index.js';
+import type { ClassType, ErrorInfo, FieldMetadata, Repository } from 'remult';
+import type { BaseEnum, BaseItem } from './index.js';
 export declare function isError<T>(object: any): object is ErrorInfo<T>;
 export declare const getFirstInterestingField: <Entity>(repo: Repository<Entity>) => FieldMetadata<any, Entity>;
-export declare const getEntityDisplayValue: <Entity>(repo: Repository<Entity>, row: Entity) => KitBaseItem;
-export declare const getFieldLinkDisplayValue: (field: FieldMetadata, row: any) => import("./KitBaseEnum.js").KitBaseEnumOptions & {
+export declare const getEntityDisplayValue: <Entity>(repo: Repository<Entity>, row: Entity) => BaseItem;
+export declare const getFieldLinkDisplayValue: (field: FieldMetadata, row: any) => import("./BaseEnum.js").BaseEnumOptions<any> & {
     id: string;
     captionSub?: string | (string | undefined)[] | undefined;
     href?: string | undefined;
@@ -16,7 +16,7 @@ export declare const getFieldLinkDisplayValue: (field: FieldMetadata, row: any)
 } & {
     href: string;
 };
-export declare const getEntityDisplayValueFromField: (field: FieldMetadata, row: any) => KitBaseItem & {
+export declare const getEntityDisplayValueFromField: (field: FieldMetadata, row: any) => BaseItem & {
     href: string;
 };
 export type MetaTypeRelation = {
@@ -28,7 +28,7 @@ export type MetaTypeRelation = {
 type MetaTypeEnum = {
     kind: 'enum';
     subKind: 'single' | 'multi';
-    values: KitBaseItem[];
+    values: BaseItem[];
     field: FieldMetadata;
 };
 type MetaTypePrimitive = {
@@ -43,8 +43,6 @@ type MetaTypeSlot = {
 export type FieldMetaType = MetaTypeRelation | MetaTypeEnum | MetaTypePrimitive | MetaTypeSlot;
 export declare const getFieldMetaType: (field?: FieldMetadata) => FieldMetaType;
 export declare const displayWithDefaultAndSuffix: (field: FieldMetadata<any, any> | undefined, value: any) => string;
-/**
- * same as `dbNamesOf` but with `tableName` set to `true` by default
- */
-export declare const kitDbNamesOf: <Entity>(repo: import("remult/src/remult3/RepositoryImplementation.js").EntityMetadataOverloads<Entity>, wrapIdentifierOrOptions?: ((name: string) => string) | import("remult").dbNamesOfOptions | undefined) => Promise<import("remult").EntityDbNames<Entity>>;
+export declare const getEnum: <T extends BaseEnum<any>>(baseEnum: ClassType<T>, id: string | undefined | null) => T | undefined;
+export declare const getEnums: <T extends BaseEnum<any>>(baseEnum: ClassType<T>) => T[];
 export {};

package/esm/helper.js

@@ -1,7 +1,6 @@
-import { dbNamesOf, getEntityRef, } from 'remult';
+import { getEntityRef, getValueList } from 'remult';
 import { getRelationFieldInfo } from 'remult/internals';
 import { suffixWithS } from './formats/strings.js';
-import {} from './index.js';
 export function isError(object) {
     return object;
 }
@@ -59,8 +58,6 @@ export const getFieldMetaType = (field) => {
         return {
             kind: 'enum',
             subKind: 'multi',
-            // // @ts-ignore
-            // values: getEnums(field.target) as KitBaseItem[],
             // @ts-ignore
             values: field.options.valueConverter.values,
             field,
@@ -87,9 +84,6 @@ export const getFieldMetaType = (field) => {
 };
 export const displayWithDefaultAndSuffix = (field, value) => {
     const toRet = [];
-    // TODO: This method should be reviewed. Specifically, server expression & Field.date have
-    // valueConverter by defualt, so we can't use displayValue if checking for valueConverter
-    // Hummm... JYC: I didn't understand the above comment.
     if (field && field.valueConverter?.displayValue && !field.isServerExpression) {
         toRet.push(field.valueConverter?.displayValue(value) ?? '-');
     }
@@ -110,9 +104,16 @@ export const displayWithDefaultAndSuffix = (field, value) => {
     }
     return toRet.join(' ');
 };
-/**
- * same as `dbNamesOf` but with `tableName` set to `true` by default
- */
-export const kitDbNamesOf = async (...p) => {
-    return dbNamesOf(p[0], { tableName: true, ...p[1] });
+// FIXME: to remove ?
+export const getEnum = (baseEnum, id) => {
+    if (!id) {
+        return undefined;
+    }
+    // @ts-ignore
+    const found = getValueList(baseEnum).find((c) => c.id === id);
+    return found;
+};
+// FIXME: to remove ?
+export const getEnums = (baseEnum) => {
+    return getValueList(baseEnum) || [];
 };

package/esm/index.d.ts

@@ -1,11 +1,11 @@
-import type { FindOptionsBase, Repository } from 'remult';
-import 'remult';
+/// <reference types=".pnpm/@sveltejs+kit@2.5.24_@sveltejs+vite-plugin-svelte@3.1.1_svelte@4.2.18_vite@5.4.1_@types+node@_vtylvkjv5lewhfcl4vq2py4rce/node_modules/@sveltejs/kit" />
 import type { RequestEvent } from '@sveltejs/kit';
+import type { FindOptionsBase } from 'remult';
 import { Log } from '@kitql/helpers';
-import type { KitBaseEnum, KitBaseEnumOptions, KitIcon } from './KitBaseEnum.js';
-import type { KitCellsInput as KitCellsInputForExport } from './kitCellsBuildor.js';
-import { kitStoreItem } from './kitStoreItem.js';
-import { kitStoreList } from './kitStoreList.js';
+import type { BaseEnum, BaseItem, FF_Icon } from './BaseEnum.js';
+import type { CellsInput as CellsInput_ForExport } from './cellsBuildor.js';
+import { storeItem } from './storeItem.js';
+import { storeList } from './storeList.js';
 import { default as Button } from './ui/Button.svelte';
 import { default as Clipboardable } from './ui/Clipboardable.svelte';
 import { default as DialogManagement } from './ui/dialog/DialogManagement.svelte';
@@ -21,48 +21,37 @@ 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';
-export declare const logFirstly: Log;
-export declare const KitRole: {
+export { Field, FormEditAction, Grid, GridPaginate, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
+export declare const ff_Log: Log;
+export declare const FF_Role: {
     Admin: string;
 };
-export { Field, FormEditAction, Grid, GridPaginate, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
-export { dialog } from './ui/dialog/dialog.js';
+export type { BaseEnumOptions } from './BaseEnum.js';
+export type { BaseItem };
+export type BaseItemLight = Partial<BaseItem>;
 export type { DialogMetaDataInternal } from './ui/dialog/dialog.js';
-export { KitBaseEnum, getEnum, getEnums } from './KitBaseEnum.js';
-export type { KitBaseEnumOptions } from './KitBaseEnum.js';
-export { KitFields } from './KitFields.js';
-export { KitEntity } from './KitEntity.js';
-export { LogToConsoleCustom } from './SqlDatabase/LogToConsoleCustom.js';
-export { getEntityDisplayValue, isError, kitDbNamesOf, getFieldLinkDisplayValue } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, kitCellsBuildor, kitCellBuildor, fieldsOf, } from './kitCellsBuildor.js';
-export { kitStoreItem };
-export { kitStoreList };
-export type KitCellsInput<entityType> = KitCellsInputForExport<entityType>;
-export type { KitCell, VisibilityMode } from './kitCellsBuildor.js';
-export type { FindOptionsPlus } from './kitStoreList.js';
-export type KitBaseItem = KitBaseEnumOptions & {
-    id: string;
-    captionSub?: string | (string | undefined)[];
-    href?: string;
-    repo?: Repository<any>;
-    sub?: {
-        captionPre?: string;
-        repo?: Repository<any>;
-        item?: any;
-    };
-};
-export type KitStoreItem<T> = ReturnType<typeof kitStoreItem<T>>;
-export type KitStoreList<T> = ReturnType<typeof kitStoreList<T>>;
-export type KitBaseItemLight = Partial<KitBaseItem>;
-export { FilterEntity } from './virtual/FilterEntity.js';
-export { UIEntity } from './virtual/UIEntity.js';
-export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from './ui/LibIcon.js';
-export type { KitIcon };
+export type CellsInput<entityType> = CellsInput_ForExport<entityType>;
+export type { Cell, VisibilityMode } from './cellsBuildor.js';
+export type { FF_FindOptions } from './storeList.js';
+export type StoreItem<T> = ReturnType<typeof storeItem<T>>;
+export type StoreList<T> = ReturnType<typeof storeList<T>>;
+export type { ResolvedType, UnArray } from './utils/types.js';
+export { FF_Fields } from './FF_Fields.js';
+export { FF_Entity } from './FF_Entity.js';
+export { FF_LogToConsole } from './SqlDatabase/FF_LogToConsole.js';
+export { BaseEnum } from './BaseEnum.js';
+export { dialog } from './ui/dialog/dialog.js';
+export { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, } from './helper.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, } from './cellsBuildor.js';
+export { storeItem };
+export { storeList };
 export { displayPhone, arrToStr } from './formats/strings.js';
 export { displayCurrency } from './formats/numbers.js';
 export { tw } from './utils/tailwind.js';
-export { litOrStr } from './utils/types.js';
-export type { ResolvedType, UnArray } from './utils/types.js';
+export { FilterEntity } from './virtual/FilterEntity.js';
+export { UIEntity } from './virtual/UIEntity.js';
+export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from './ui/LibIcon.js';
+export type { FF_Icon };
 declare module 'remult' {
     interface RemultContext {
         url: URL;
@@ -87,12 +76,12 @@ declare module 'remult' {
     }
     interface EntityOptions<entityType> {
         searchableFind?: (str: string) => FindOptionsBase<entityType>;
-        displayValue?: (item: entityType) => KitBaseItem;
-        permissionApiCrud?: KitBaseEnum[] | KitBaseEnum;
-        permissionApiDelete?: KitBaseEnum[] | KitBaseEnum;
-        permissionApiInsert?: KitBaseEnum[] | KitBaseEnum;
-        permissionApiRead?: KitBaseEnum[] | KitBaseEnum;
-        permissionApiUpdate?: KitBaseEnum[] | KitBaseEnum;
+        displayValue?: (item: entityType) => BaseItem;
+        permissionApiCrud?: BaseEnum[] | BaseEnum;
+        permissionApiDelete?: BaseEnum[] | BaseEnum;
+        permissionApiInsert?: BaseEnum[] | BaseEnum;
+        permissionApiRead?: BaseEnum[] | BaseEnum;
+        permissionApiUpdate?: BaseEnum[] | BaseEnum;
     }
     interface UserInfo {
         session: {

package/esm/index.js

@@ -1,7 +1,6 @@
-import 'remult';
 import { Log } from '@kitql/helpers';
-import { kitStoreItem } from './kitStoreItem.js';
-import { kitStoreList } from './kitStoreList.js';
+import { storeItem } from './storeItem.js';
+import { storeList } from './storeList.js';
 import { default as Button } from './ui/Button.svelte';
 import { default as Clipboardable } from './ui/Clipboardable.svelte';
 import { default as DialogManagement } from './ui/dialog/DialogManagement.svelte';
@@ -17,26 +16,36 @@ 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';
-export const logFirstly = new Log('firstly');
-export const KitRole = {
-    Admin: 'KitAdmin',
-};
+// ******************************
+// Svelte Components
+// ******************************
 export { Field, FormEditAction, Grid, GridPaginate, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
+// ******************************
+// Objects
+// ******************************
+export const ff_Log = new Log('firstly');
+export const FF_Role = {
+    Admin: 'FF_Role.Admin',
+};
+// ******************************
+// Helpers
+// ******************************
+export { FF_Fields } from './FF_Fields.js';
+export { FF_Entity } from './FF_Entity.js';
+export { FF_LogToConsole } from './SqlDatabase/FF_LogToConsole.js';
+export { BaseEnum } from './BaseEnum.js';
 export { dialog } from './ui/dialog/dialog.js';
-export { KitBaseEnum, getEnum, getEnums } from './KitBaseEnum.js';
-export { KitFields } from './KitFields.js';
-export { KitEntity } from './KitEntity.js';
-export { LogToConsoleCustom } from './SqlDatabase/LogToConsoleCustom.js';
-export { getEntityDisplayValue, isError, kitDbNamesOf, getFieldLinkDisplayValue } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, kitCellsBuildor, kitCellBuildor, fieldsOf, } from './kitCellsBuildor.js';
-export { kitStoreItem };
-export { kitStoreList };
+export { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, } from './helper.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, } from './cellsBuildor.js';
+export { storeItem };
+export { storeList };
+export { displayPhone, arrToStr } from './formats/strings.js';
+export { displayCurrency } from './formats/numbers.js';
+export { tw } from './utils/tailwind.js';
+// Hummm... I don't know if we should keep it...
 export { FilterEntity } from './virtual/FilterEntity.js';
 export { UIEntity } from './virtual/UIEntity.js';
+// ******************************
 // Icons
+// ******************************
 export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from './ui/LibIcon.js';
-// Formats & Utils
-export { displayPhone, arrToStr } from './formats/strings.js';
-export { displayCurrency } from './formats/numbers.js';
-export { tw } from './utils/tailwind.js';
-export { litOrStr } from './utils/types.js';

package/esm/{kitStoreItem.d.ts → storeItem.d.ts}

@@ -6,7 +6,7 @@ type TheStoreItem<T> = {
     errors: ErrorInfo<T> | undefined;
     globalError?: string | undefined;
 };
-export declare const kitStoreItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => {
+export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => {
     subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreItem<T>>, invalidate?: import("svelte/store").Invalidator<TheStoreItem<T>> | undefined) => import("svelte/store").Unsubscriber;
     create: (item: Partial<T>) => void;
     set: (newItem: TheStoreItem<T>) => void;

package/esm/{kitStoreItem.js → storeItem.js}

@@ -2,7 +2,7 @@ import { BROWSER } from 'esm-env';
 import { derived, get, writable } from 'svelte/store';
 import { Log } from '@kitql/helpers';
 import { isError } from './helper';
-export const kitStoreItem = (repo, initValues = {
+export const storeItem = (repo, initValues = {
     item: undefined,
     loading: true,
     errors: undefined,
@@ -56,12 +56,12 @@ export const kitStoreItem = (repo, initValues = {
                     internalStore.update((s) => ({
                         ...s,
                         loading: false,
-                        item,
+                        item: item ?? {},
                         errors: undefined,
                         globalError: undefined,
                     }));
                     if (onNewData) {
-                        onNewData(item);
+                        onNewData(item ?? {});
                     }
                 }
                 catch (error) {

package/esm/{kitStoreList.d.ts → storeList.d.ts}

@@ -5,7 +5,7 @@ type TheStoreList<T> = {
     loading: boolean;
     totalCount: number | undefined;
 };
-export type FindOptionsPlus<T> = FindOptions<T> & {
+export type FF_FindOptions<T> = FindOptions<T> & {
     withCount?: boolean;
     withItems?: boolean;
 };
@@ -23,11 +23,11 @@ export type FindOptionsPlus<T> = FindOptions<T> & {
  * $: browser && tasks.listen(data.options)
  * ```
  */
-export declare const kitStoreList: <T>(repo: Repository<T>, initValues?: TheStoreList<T>) => {
+export declare const storeList: <T>(repo: Repository<T>, initValues?: TheStoreList<T>) => {
     subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreList<T>>, invalidate?: import("svelte/store").Invalidator<TheStoreList<T>> | undefined) => import("svelte/store").Unsubscriber;
     manualSet: (info: TheStoreList<T>) => void;
-    fetch: (options?: FindOptionsPlus<T>, onNewData?: ((items?: T[], totalCount?: number) => void) | undefined) => Promise<void>;
-    listen: (options?: FindOptionsPlus<T>) => Promise<void>;
+    fetch: (options?: FF_FindOptions<T>, onNewData?: ((items?: T[], totalCount?: number) => void) | undefined) => Promise<void>;
+    listen: (options?: FF_FindOptions<T>) => Promise<void>;
     getRepo: () => Repository<T>;
 };
 export {};

package/esm/{kitStoreList.js → storeList.js}

@@ -15,7 +15,7 @@ import { writable } from 'svelte/store';
  * $: browser && tasks.listen(data.options)
  * ```
  */
-export const kitStoreList = (repo, initValues = { items: [], loading: true, totalCount: undefined }) => {
+export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined }) => {
     const { subscribe, set, update } = writable(initValues);
     let unSub = null;
     onDestroy(async () => {

package/esm/ui/Button.svelte

@@ -1,21 +1,19 @@
 <script>import { createTooltip } from "@melt-ui/svelte";
 import { fade, fly } from "svelte/transition";
 import { remult } from "remult";
-import { KitBaseEnum, tw } from "../";
+import { BaseEnum, tw } from "../";
 export let isLoading = false;
 let className = void 0;
 export { className as class };
 export let permission = void 0;
 let permissionDisabled = false;
-$:
-  disabled = $$restProps.disabled || permissionDisabled || isLoading;
+$: disabled = $$restProps.disabled || permissionDisabled || isLoading;
 let triggerAnnimation = false;
-$:
-  isLoading && setTimeout(() => {
-    if (isLoading) {
-      triggerAnnimation = true;
-    }
-  }, 200);
+$: isLoading && setTimeout(() => {
+  if (isLoading) {
+    triggerAnnimation = true;
+  }
+}, 200);
 let updates = (param) => {
   if (param && param.permission) {
     permissionDisabled = !remult.isAllowed(

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

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
-import { KitBaseEnum } from '../';
+import { BaseEnum } from '../';
 declare const __propDef: {
     props: {
         [x: string]: any;
         isLoading?: boolean | undefined;
         class?: string | undefined | null;
-        permission?: KitBaseEnum[] | KitBaseEnum | undefined;
+        permission?: BaseEnum[] | BaseEnum | undefined;
     };
     events: {
         click: MouseEvent;

package/esm/ui/Field.svelte

@@ -31,8 +31,7 @@ function dispatchSelected(_data) {
   value = _data;
   dispatch("selected", _data);
 }
-$:
-  metaType = getFieldMetaType(cell.field);
+$: metaType = getFieldMetaType(cell.field);
 const isViewMode = (_mode, _field) => {
   return _mode === "view" || _field?.dbReadOnly || _field?.options.allowApiUpdate === false;
 };
@@ -61,11 +60,7 @@ const toInput = (_metadata, _value) => {
 };
 const fromInput = (_metadata, _value) => {
   try {
-    if (metaType.subKind === "number" && _value === 0) {
-      return 0;
-    }
-    const val = _metadata?.valueConverter.fromInput(_value, metaType.subKind);
-    return val;
+    return _metadata?.valueConverter.fromInput(_value, metaType.subKind);
   } catch (error2) {
     console.error(`error fromInput w field '${_metadata.key}'`, error2);
   }
@@ -161,7 +156,13 @@ const calcSuffix = (value2) => {
           {#if item && item?.icon}
             <Icon {...item.icon} />
           {/if}
-          <span>{cell?.header ?? item?.caption ?? '-'}</span>
+          <div class="grid grid-cols-1">
+            <span>{cell?.header ?? item?.caption ?? '-'}</span>
+            <!-- && captionSubStyle === 'inline' -->
+            {#if item?.captionSub}
+              <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+            {/if}
+          </div>
         </div>
       {:else if metaType.kind === 'enum'}
         {@const v = displayWithDefaultAndSuffix(cell.field, value)}

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

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
-import { type KitCell } from '../';
+import { type Cell } from '../';
 declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
         [x: string]: any;
-        cell: KitCell<T>;
+        cell: Cell<T>;
         value?: any;
         cellsValues?: any;
         withDedounce?: boolean | undefined;

package/esm/ui/FieldGroup.svelte

@@ -1,6 +1,6 @@
 <script generics="T extends Record<any, any>">import { createEventDispatcher } from "svelte";
 import { getRelationFieldInfo } from "remult/internals";
-import { tw } from "..";
+import { tw } from "../";
 import Field from "./Field.svelte";
 import FieldContainer from "./internals/FieldContainer.svelte";
 import Loading from "./Loading.svelte";
@@ -38,8 +38,7 @@ const dispatch = createEventDispatcher();
 function dispatchChanged(_data) {
   dispatch("changed", _data);
 }
-$:
-  dispatchChanged($store.item);
+$: dispatchChanged($store.item);
 let size = ["", "w-1/2", "w-1/3", "w-1/4", "w-1/5", "w-1/6"];
 function isToFocus(currentKey, focusKey2, i) {
   if (focusKey2 === null || focusKey2 === void 0) {
@@ -56,6 +55,9 @@ function isToFocus(currentKey, focusKey2, i) {
   {@const focus = isToFocus(cell.field?.key, focusKey, i)}
   {#if shouldHide(cell, mode)}
     <!-- Do nothing -->
+  {:else if cell.field && !cell.field.includedInApi($store.item)}
+    <!-- Do nothing, but keep the class... -->
+    <div class={cell.class}></div>
   {:else}
     <div class={cell.class}>
       {#if cell.kind === 'header'}

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

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 import type { FieldMetadata } from 'remult';
-import { type KitStoreItem } from '..';
-import type { KitCell } from '../kitCellsBuildor';
+import { type StoreItem } from '../';
+import type { Cell } from '../cellsBuildor';
 declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
         mode?: ("view" | "edit" | "filtre") | undefined;
-        cells: KitCell<T>[];
-        store: KitStoreItem<T>;
+        cells: Cell<T>[];
+        store: StoreItem<T>;
         focusKey?: string | null | undefined;
     };
     events(): {

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

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 import type { EntityOrderBy } from 'remult';
-import { type KitStoreList } from '../index.js';
-import type { KitCell } from '../kitCellsBuildor.js';
+import type { Cell } from '../cellsBuildor.js';
+import { type StoreList } from '../index.js';
 declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
-        cells: KitCell<T>[];
-        store: KitStoreList<T>;
+        cells: Cell<T>[];
+        store: StoreList<T>;
         withAdd?: boolean | undefined;
         withEdit?: boolean | undefined;
         withDelete?: boolean | undefined;
@@ -33,7 +33,7 @@ declare class __sveltets_Render<T extends Record<any, any>> {
         cell: {
             row: T;
             field: import("remult").FieldMetadata<any, T> | undefined;
-            cell: KitCell<T>;
+            cell: Cell<T>;
         };
         extra: {};
     };

package/esm/ui/GridPaginate.svelte

@@ -18,12 +18,9 @@ const update = (op) => {
     }
   }
 };
-$:
-  isValidValue = totalCount !== void 0 && totalCount !== null;
-$:
-  needPaginate = isValidValue && (totalCount ?? 0) > pageSize;
-$:
-  canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0) / pageSize);
+$: isValidValue = totalCount !== void 0 && totalCount !== null;
+$: needPaginate = isValidValue && (totalCount ?? 0) > pageSize;
+$: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0) / pageSize);
 </script>
 
 <FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>

package/esm/ui/Icon.svelte

@@ -14,16 +14,15 @@ let height = size;
 let viewBox = "0 0 24 24";
 let svg = "";
 let path = "";
-$:
-  if (typeof data === "string") {
-    if (data.toLowerCase().includes("<svg")) {
-      svg = data.replace(/width="[^"]*"/, `width="${width}"`).replace(/height="[^"]*"/, `height="${height}"`);
-    } else {
-      path = data;
-    }
+$: if (typeof data === "string") {
+  if (data.toLowerCase().includes("<svg")) {
+    svg = data.replace(/width="[^"]*"/, `width="${width}"`).replace(/height="[^"]*"/, `height="${height}"`);
   } else {
     path = data;
   }
+} else {
+  path = data;
+}
 const getInfoProps = (props, i = 0) => {
   if (Array.isArray(props)) {
     return props[i] ?? "";

package/esm/ui/LibIcon.js

@@ -1,7 +1,5 @@
 // Lib Icons
 // https://icones.js.org/ and https://pictogrammers.com/library/mdi/
-// Lib or App let's not grow to much here !
-// TODO : check code spliting...
 import { mdiAccountTie, mdiAccountTieWoman, mdiCancel, mdiCheck, mdiCheckAll, mdiChevronDown, mdiChevronLeft, mdiChevronRight, mdiChevronUp, mdiCloseCircleOutline, mdiCogOutline, mdiContentSaveEdit, mdiDelete, mdiLoading, mdiMagnify, mdiPencil, mdiPlusBoxMultiple, mdiPlusCircle, mdiSend, mdiSort, mdiSortReverseVariant, mdiSortVariant, } from '@mdi/js';
 export const LibIcon_Empty = ``;
 export const LibIcon_Forbidden = mdiCancel;

package/esm/ui/dialog/DialogForm.svelte

@@ -1,13 +1,11 @@
-<script>import { FieldGroup, kitStoreItem } from "../..";
-import { kitCellsBuildor } from "../../kitCellsBuildor";
+<script>import { FieldGroup, storeItem } from "../..";
+import { cellsBuildor } from "../../cellsBuildor";
 import { dialog } from "./dialog";
 import DialogPrimitive from "./DialogPrimitive.svelte";
 import FormEditAction from "./FormEditAction.svelte";
 export let toShow;
-$:
-  cells = kitCellsBuildor(toShow.repo, toShow.cells);
-$:
-  store = toShow.store ?? kitStoreItem(toShow.repo);
+$: cells = cellsBuildor(toShow.repo, toShow.cells);
+$: store = toShow.store ?? storeItem(toShow.repo);
 $: {
   if (toShow.type === "update" || toShow.type === "view") {
     store.set({ item: toShow.defaults, errors: {}, loading: false, globalError: void 0 });
@@ -52,6 +50,7 @@ const onDelete = async () => {
   <form on:submit|preventDefault={onInsert}>
     <div class="grid {toShow.classes?.formGrid ?? ''} gap-4 pb-4">
       <FieldGroup
+        focusKey={toShow.focusKey}
         {cells}
         {store}
         mode={toShow.type === 'view' ? 'view' : 'edit'}

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

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import { type KitBaseItemLight } from '../../';
+import { type BaseItemLight } from '../../';
 declare const __propDef: {
     props: {
-        detail?: KitBaseItemLight | undefined;
+        detail?: BaseItemLight | undefined;
         open?: boolean | undefined;
         classes?: {
             root?: string | undefined;

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

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
-import type { KitStoreItem } from '../..';
+import type { StoreItem } from '../..';
 import type { DialogType } from './dialog';
 declare class __sveltets_Render<T extends any> {
     props(): {
         [x: string]: any;
-        store: KitStoreItem<T>;
+        store: StoreItem<T>;
         type: DialogType;
         wDelete?: boolean | undefined;
         textCreate?: string | undefined;