firstly 0.0.4 → 0.0.6

package/esm/index.d.ts

@@ -1,10 +1,12 @@
+/// <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 { FieldMetadata, FindOptionsBase, Repository } from 'remult';
+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 { default as DefaultMail } from './mail/templates/DefaultMail.svelte';
+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';
@@ -20,48 +22,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, DefaultMail, };
+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, RecursivePartial } 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;
@@ -83,16 +74,15 @@ declare module 'remult' {
         createOptionWhenNoResult?: boolean;
         multiSelect?: boolean;
         skipForDefaultField?: boolean;
-        isHidden?: (item: entityType) => boolean;
     }
     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: {
@@ -101,4 +91,3 @@ declare module 'remult' {
         };
     }
 }
-export declare const isHidden: (fm: FieldMetadata, row: any) => boolean;

package/esm/index.js

@@ -1,8 +1,7 @@
-// I'm not sure I can remove this or not ?
-// import 'remult'
 import { Log } from '@kitql/helpers';
-import { kitStoreItem } from './kitStoreItem.js';
-import { kitStoreList } from './kitStoreList.js';
+import { default as DefaultMail } from './mail/templates/DefaultMail.svelte';
+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';
@@ -18,32 +17,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, DefaultMail, };
+// ******************************
+// Objects
+// ******************************
+export const ff_Log = new Log('firstly');
+export const FF_Role = {
+    Admin: 'FF_Role.Admin',
 };
-export { Field, FormEditAction, Grid, GridPaginate, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
+// ******************************
+// 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';
-export const isHidden = (fm, row) => {
-    if (fm.options.isHidden) {
-        return fm.options.isHidden(row);
-    }
-    return false;
-};

package/esm/mail/index.d.ts

@@ -1,11 +1,30 @@
 import type * as typeNodemailer from 'nodemailer';
+import type JSONTransport from 'nodemailer/lib/json-transport';
 import type Mail from 'nodemailer/lib/mailer';
-export type MailOptions = {
+import type SendmailTransport from 'nodemailer/lib/sendmail-transport';
+import type SESTransport from 'nodemailer/lib/ses-transport';
+import type SMTPPool from 'nodemailer/lib/smtp-pool';
+import type SMTPTransport from 'nodemailer/lib/smtp-transport';
+import type StreamTransport from 'nodemailer/lib/stream-transport';
+import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
+import { DefaultMail } from '../';
+export type TransportTypes = SMTPTransport | SMTPTransport.Options | string | SMTPPool | SMTPPool.Options | SendmailTransport | SendmailTransport.Options | StreamTransport | StreamTransport.Options | JSONTransport | JSONTransport.Options | SESTransport | SESTransport.Options | typeNodemailer.Transport<any> | typeNodemailer.TransportOptions;
+export type DefaultOptions = SMTPTransport.Options | SMTPPool.Options | SendmailTransport.Options | StreamTransport.Options | JSONTransport.Options | SESTransport.Options | typeNodemailer.TransportOptions;
+export type MailOptions<ComponentTemplateDefault extends SvelteComponent> = {
     from?: Mail.Options['from'];
-    transport?: Parameters<typeof typeNodemailer.createTransport>[0];
+    template?: {
+        component?: ComponentType<ComponentTemplateDefault>;
+        brandColor?: string;
+    };
+    transport?: TransportTypes;
+    defaults?: DefaultOptions;
     apiUrl?: Parameters<typeof typeNodemailer.createTestAccount>[0];
 };
 declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
-export declare const mailInit: (nodemailer: typeof typeNodemailer, o?: MailOptions) => void;
-export declare const sendMail: (topic: string, mailOptions: Parameters<typeof transporter.sendMail>[0]) => ReturnType<typeof transporter.sendMail>;
+export declare const mailInit: (nodemailer: typeof typeNodemailer, o?: MailOptions<SvelteComponent>) => void;
+export declare const sendMail: <ComponentTemplateDefault extends SvelteComponent = DefaultMail>(
+/** usefull for logs, it has NO impact on the mail itself */
+topic: string, mailOptions: Parameters<typeof transporter.sendMail>[0] & {
+    templateProps?: ComponentProps<ComponentTemplateDefault> | undefined;
+}) => ReturnType<typeof transporter.sendMail>;
 export {};

package/esm/mail/index.js

@@ -1,16 +1,20 @@
-import { Log, magenta } from '@kitql/helpers';
+import { render } from 'svelte-email';
+import { cyan, green, Log, magenta, red, sleep, white } from '@kitql/helpers';
+import { DefaultMail } from '../';
+const log = new Log('firstly | mail');
+let nodemailerHolder;
 let transporter;
-let options;
-export const mailInit = (nodemailer, o) => {
-    options = o;
+let globalOptions;
+export const mailInit = async (nodemailer, o) => {
+    nodemailerHolder = nodemailer;
+    globalOptions = o;
     if (o?.transport) {
-        transporter = nodemailer.createTransport(o?.transport);
+        transporter = nodemailerHolder.createTransport(o?.transport, o?.defaults);
     }
     else {
-        nodemailerHolder = nodemailer;
         try {
-            nodemailer.createTestAccount(options?.apiUrl ?? '', (err, account) => {
-                options = { ...options, from: account.user };
+            nodemailer.createTestAccount(globalOptions?.apiUrl ?? '', (err, account) => {
+                globalOptions = { ...globalOptions, from: account.user };
                 transporter = nodemailer.createTransport({
                     host: account.smtp.host,
                     port: account.smtp.port,
@@ -27,21 +31,40 @@ export const mailInit = (nodemailer, o) => {
         }
     }
 };
-const log = new Log('firstly | mail');
-let nodemailerHolder;
 export const sendMail = async (topic, mailOptions) => {
+    // if the transporter is not ready, wait for it! (it can happen only if nothing is set...)
+    for (let i = 0; i < 30; i++) {
+        if (transporter !== undefined) {
+            break;
+        }
+        await sleep(100);
+    }
     try {
+        if (!mailOptions.html) {
+            const template = globalOptions?.template?.component ?? DefaultMail;
+            const props = {
+                brandColor: globalOptions?.template?.brandColor ?? '#5B68DF',
+                ...mailOptions.templateProps,
+            };
+            mailOptions.text = render({ template, props, options: { plainText: true, pretty: true } });
+            mailOptions.html = render({ template, props, options: { plainText: false, pretty: true } });
+        }
         const info = await transporter.sendMail({
             ...mailOptions,
-            ...{ from: mailOptions.from ?? options?.from },
+            ...{ from: mailOptions.from ?? globalOptions?.from },
         });
-        if (!options?.transport) {
-            log.info(
+        if (!globalOptions?.transport) {
+            log.error(`${magenta(`[${topic}]`)} - ⚠️  ${red(`mail not configured`)} ⚠️ 
+                 We are still nice and generated you an email preview link: 
+                 👉 ${cyan(String(nodemailerHolder.getTestMessageUrl(
             // @ts-ignore
-            `${magenta(`[${topic}]`)} - Preview URL: ${nodemailerHolder.getTestMessageUrl(info)}`);
+            info)))}
+
+                 To really send mails, check out the doc ${white(`https://firstly.fun/modules/mail`)}. 
+      `);
         }
         else {
-            log.success(`${magenta(`[${topic}]`)} - Sent to ${mailOptions.to}`);
+            log.success(`${magenta(`[${topic}]`)} - Sent to ${typeof mailOptions.to === 'string' ? green(mailOptions.to) : mailOptions.to}`);
         }
         return info;
     }

package/esm/mail/templates/DefaultMail.svelte

@@ -0,0 +1,66 @@
+<script>import { Button, Container, Head, Heading, Html, Preview, Section, Text } from "svelte-email";
+export let previewText;
+export let title;
+export let sections = [];
+export let brandColor = "#5B68DF";
+const fontFamily = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif';
+const main = {
+  backgroundColor: "#ffffff"
+};
+const container = {
+  margin: "0 auto",
+  padding: "20px 0 48px",
+  width: "580px"
+};
+const heading = {
+  fontFamily,
+  fontSize: "32px",
+  lineHeight: "1.3",
+  fontWeight: "700",
+  color: "#484848"
+};
+const paragraph = {
+  fontFamily,
+  fontSize: "18px",
+  lineHeight: "1.4",
+  color: "#484848"
+};
+const highlighted = {
+  ...paragraph,
+  padding: "24px",
+  backgroundColor: "#f2f3f3",
+  borderRadius: "4px"
+};
+const button = {
+  fontFamily,
+  backgroundColor: brandColor,
+  borderRadius: "5px",
+  color: "#fff",
+  fontSize: "18px",
+  textDecoration: "none",
+  textAlign: "center",
+  display: "block",
+  width: "100%"
+};
+</script>
+
+<Html>
+  <Head />
+  <Preview preview={previewText ?? title + '...'} />
+  <Section style={main}>
+    <Container style={container}>
+      {#if title}
+        <Heading style={heading}>{title}</Heading>
+      {/if}
+
+      {#each sections as s}
+        <Text style={s.highlighted ? highlighted : paragraph}>
+          {s.text}
+        </Text>
+        {#if s.cta}
+          <Button pY={19} style={button} href={s.cta.link}>{s.cta.text}</Button>
+        {/if}
+      {/each}
+    </Container>
+  </Section>
+</Html>

package/esm/mail/templates/DefaultMail.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        previewText: string | undefined;
+        title: string | undefined;
+        sections?: {
+            text: string;
+            highlighted?: boolean | undefined;
+            cta?: {
+                text: string;
+                link: string;
+            } | undefined;
+        }[] | undefined;
+        brandColor?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DefaultMailProps = typeof __propDef.props;
+export type DefaultMailEvents = typeof __propDef.events;
+export type DefaultMailSlots = typeof __propDef.slots;
+export default class DefaultMail extends SvelteComponent<DefaultMailProps, DefaultMailEvents, DefaultMailSlots> {
+}
+export {};

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,

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,7 +1,7 @@
 <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 };

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.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 { isHidden, tw } from "..";
+import { tw } from "../";
 import Field from "./Field.svelte";
 import FieldContainer from "./internals/FieldContainer.svelte";
 import Loading from "./Loading.svelte";
@@ -55,7 +55,7 @@ function isToFocus(currentKey, focusKey2, i) {
   {@const focus = isToFocus(cell.field?.key, focusKey, i)}
   {#if shouldHide(cell, mode)}
     <!-- Do nothing -->
-  {:else if cell.field && isHidden(cell.field, $store.item)}
+  {:else if cell.field && !cell.field.includedInApi($store.item)}
     <!-- Do nothing, but keep the class... -->
     <div class={cell.class}></div>
   {:else}

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/dialog/DialogForm.svelte

@@ -1,11 +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 });

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;

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

@@ -1,6 +1,6 @@
 import type { SvelteComponent } from 'svelte';
 import type { Repository } from 'remult';
-import { type KitBaseItemLight, type KitCellsInput, type KitStoreItem } from '../../';
+import { type BaseItemLight, type CellsInput, type StoreItem } from '../../';
 export type DialogClasses = {
     /**
      * for example `overflow-auto` to have a scrollbar in the dialog
@@ -10,10 +10,10 @@ export type DialogClasses = {
 };
 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?: KitBaseItemLight;
+    detail?: BaseItemLight;
     repo?: Repository<entityType>;
-    store?: KitStoreItem<entityType>;
-    cells?: KitCellsInput<entityType>;
+    store?: StoreItem<entityType>;
+    cells?: CellsInput<entityType>;
     defaults?: Partial<entityType>;
     classes?: DialogClasses;
     component?: new (...args: any[]) => SvelteComponent;
@@ -37,7 +37,7 @@ export type DialogMetaDataInternal<entityType = any> = DialogMetaData<entityType
 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>, cells: KitCellsInput<entityType>, options?: {
+    form: <entityType>(type: 'insert' | 'update' | 'view', topic: string, repo: Repository<entityType>, cells: CellsInput<entityType>, options?: {
         defaults?: Partial<entityType>;
         classes?: DialogClasses;
         noThrow?: boolean;