firstly 0.0.8 → 0.0.10

package/esm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types=".pnpm/@sveltejs+kit@2.5.24_@sveltejs+vite-plugin-svelte@3.1.2_svelte@4.2.18_vite@5.4.1_@types+node@_lnml5jetshdinsnlj53joqxhde/node_modules/@sveltejs/kit" />
 import type { RequestEvent } from '@sveltejs/kit';
 import type { FindOptionsBase } from 'remult';
 import { Log } from '@kitql/helpers';
@@ -10,6 +9,7 @@ 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 type { dialog } from './ui/dialog/dialog.js';
 import { default as DialogManagement } from './ui/dialog/DialogManagement.svelte';
 import { default as FormEditAction } from './ui/dialog/FormEditAction.svelte';
 import { default as Field } from './ui/Field.svelte';
@@ -43,7 +43,7 @@ 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 { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, upsert, onDelete, } from './helper.js';
 export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
 export { storeItem };
 export { storeList };
@@ -72,7 +72,11 @@ declare module 'remult' {
         href?: (item: entityType) => string;
         findOptionsForEdit?: ((entity: entityType) => FindOptionsBase<valueType>) | FindOptionsBase<valueType>;
         findOptionsLimit?: number;
-        createOptionWhenNoResult?: boolean;
+        createOptionWhenNoResult?: {
+            onCreateRequest: (item: entityType, strCreateNew: string) => Parameters<typeof dialog.form>;
+            onSuccess: (entity: entityType, newItem: any) => Promise<void>;
+            onError?: () => void;
+        };
         multiSelect?: boolean;
         skipForDefaultField?: boolean;
     }

package/esm/index.js

@@ -36,7 +36,7 @@ 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 { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, upsert, onDelete, } from './helper.js';
 export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
 export { storeItem };
 export { storeList };

package/esm/mail/index.js

@@ -14,16 +14,21 @@ export const mailInit = async (nodemailer, o) => {
     else {
         try {
             nodemailer.createTestAccount(globalOptions?.apiUrl ?? '', (err, account) => {
-                globalOptions = { ...globalOptions, from: account.user };
-                transporter = nodemailer.createTransport({
-                    host: account.smtp.host,
-                    port: account.smtp.port,
-                    secure: account.smtp.secure,
-                    auth: {
-                        user: account.user,
-                        pass: account.pass,
-                    },
-                });
+                if (account) {
+                    globalOptions = { ...globalOptions, from: account.user };
+                    transporter = nodemailer.createTransport({
+                        host: account.smtp.host,
+                        port: account.smtp.port,
+                        secure: account.smtp.secure,
+                        auth: {
+                            user: account.user,
+                            pass: account.pass,
+                        },
+                    });
+                }
+                else {
+                    log.error("Error nodemailer.createTestAccount() can't be done.");
+                }
             });
         }
         catch (error) {

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

@@ -5,13 +5,13 @@ declare const __propDef: {
         title: string | undefined;
         sections?: {
             text: string;
-            highlighted?: boolean | undefined;
+            highlighted?: boolean;
             cta?: {
                 text: string;
                 link: string;
             } | undefined;
-        }[] | undefined;
-        brandColor?: string | undefined;
+        }[];
+        brandColor?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/storeItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { ErrorInfo, FindOptions, Repository } from 'remult';
 type TheStoreItem<T> = {
     item: T | undefined;
@@ -17,7 +16,7 @@ export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreIt
      * store.fetch(id)
      * ```
      */
-    fetch: (id: Parameters<Repository<T>['findId']>[0], options?: FindOptions<T>, onNewData?: ((item: T) => void) | undefined) => Promise<void>;
+    fetch: (id: Parameters<Repository<T>["findId"]>[0], options?: FindOptions<T>, onNewData?: (item: T) => void) => Promise<void>;
     /**
      * `.save()` will `update` or `insert` the current item.
      */

package/esm/storeList.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="svelte" />
-import type { FindOptions, Repository } from 'remult';
+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
@@ -26,7 +27,7 @@ export type FF_FindOptions<T> = FindOptions<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?: FF_FindOptions<T>, onNewData?: ((items?: T[], totalCount?: number) => void) | undefined) => Promise<void>;
+    fetch: (options?: FF_FindOptions<T>, onNewData?: (items?: T[], totalCount?: number) => void) => Promise<void>;
     listen: (options?: FF_FindOptions<T>) => Promise<void>;
     getRepo: () => Repository<T>;
 };

package/esm/storeList.js

@@ -15,7 +15,7 @@ import { writable } from 'svelte/store';
  * $: browser && tasks.listen(data.options)
  * ```
  */
-export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined }) => {
+export const storeList = (repo, initValues = { items: [], loading: true, totalCount: undefined, agg: undefined }) => {
     const { subscribe, set, update } = writable(initValues);
     let unSub = null;
     onDestroy(async () => {
@@ -43,27 +43,36 @@ export const storeList = (repo, initValues = { items: [], loading: true, totalCo
                     throw new Error(`xxx.fetch() withItems and withCount can't be both false!`);
                 }
                 else if (!withItems && withCount) {
-                    const totalCount = await repo.count(options?.where);
-                    set({ loading: false, items: [], totalCount });
+                    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, totalCount);
+                        onNewData(undefined, agg.$count);
                     }
                 }
                 else if (withItems && !withCount) {
                     const items = await repo.find(options);
-                    set({ loading: false, items, totalCount: undefined });
+                    set({ loading: false, items, totalCount: undefined, agg: undefined });
                     if (onNewData) {
                         onNewData(items, undefined);
                     }
                 }
                 else {
-                    const [items, totalCount] = await Promise.all([
+                    let optionsToUse = { where: options?.where };
+                    if (options?.aggregate) {
+                        optionsToUse = { ...options.aggregate, where: options?.where };
+                    }
+                    const [items, agg] = await Promise.all([
                         repo.find({ ...options }),
-                        repo.count(options?.where),
+                        repo.aggregate(optionsToUse),
                     ]);
-                    set({ loading: false, items, totalCount });
+                    set({ loading: false, items, totalCount: agg.$count, agg });
                     if (onNewData) {
-                        onNewData(items, totalCount);
+                        onNewData(items, agg.$count);
                     }
                 }
             }
@@ -75,7 +84,8 @@ export const storeList = (repo, initValues = { items: [], loading: true, totalCo
                     const withCount = options?.withCount ?? false;
                     let totalCount = undefined;
                     if (withCount) {
-                        totalCount = await repo.count(options?.where);
+                        const agg = await repo.aggregate({ where: options?.where });
+                        totalCount = agg.$count;
                     }
                     update((c) => {
                         return { ...c, items: info.items, loading: false, ...(withCount ? { totalCount } : {}) };

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

@@ -6,7 +6,7 @@ declare const __propDef: {
            *
            * Don't put this on an input, if not, when a user will select the input via the mouse, this clipboard will be copied (usually you wanted to paste)!
            */ value: string | null;
-        class?: string | undefined;
+        class?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/ui/Field.svelte

@@ -101,7 +101,8 @@ const getLoadOptions = async (cellsValues2, str) => {
   );
   let totalCount = arr.length;
   if (totalCount === limit) {
-    totalCount = await metaTypeObj.repoTarget.count(findToUse.where);
+    const agg = await metaTypeObj.repoTarget.aggregate({ where: findToUse.where });
+    totalCount = agg.$count;
   }
   if (!cell.field?.options.multiSelect) {
     if (str === "" && getId() && !arr.find((r) => String(r.id) === String(getId()))) {
@@ -196,7 +197,7 @@ const calcSuffix = (value2) => {
         on:issue={(e) => {
           error = e.detail
         }}
-        createOptionWhenNoResult={cell.field?.options.createOptionWhenNoResult}
+        createOptionWhenNoResult={!!cell.field?.options.createOptionWhenNoResult}
         on:createRequest
       />
     {/if}
@@ -237,7 +238,12 @@ const calcSuffix = (value2) => {
         type="checkbox"
         {...{ ...common(cell.field), required: undefined }}
         class="checkbox"
-        bind:checked={value}
+        checked={value}
+        on:input={(e) => {
+          // @ts-ignore
+          value = e.target.checked
+          dispatchSelected(value)
+        }}
       />
     </div>
   {:else if metaType.subKind === 'text' || metaType.subKind === 'email' || metaType.subKind === 'password' || metaType.subKind === 'dateOnly' || metaType.subKind === 'number'}

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

@@ -1,14 +1,15 @@
 import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import { type Cell } from '../';
 declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
         [x: string]: any;
         cell: Cell<T>;
-        value?: any;
+        value?: HTMLInputAttributes["value"];
         cellsValues?: any;
         withDedounce?: boolean | undefined;
         error?: string | undefined;
-        mode?: "view" | "edit" | "filtre" | undefined;
+        mode?: ("edit" | "view" | "filtre") | undefined;
         focus?: boolean | undefined;
         clearable?: boolean | undefined;
         disabled?: boolean | undefined;

package/esm/ui/FieldGroup.svelte

@@ -10,9 +10,11 @@ export let store;
 export let focusKey = null;
 const getError = (errors, field) => {
   const fo = getRelationFieldInfo(field);
-  const keyToUse = fo?.options?.field ?? field.key;
-  if (errors && errors[keyToUse]) {
+  const keyToUse = fo?.options?.field;
+  if (errors && keyToUse && errors[keyToUse]) {
     return errors[keyToUse];
+  } else if (errors && errors[field.key]) {
+    return errors[field.key];
   }
   return void 0;
 };

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

@@ -4,7 +4,7 @@ import { type StoreItem } from '../';
 import type { Cell } from '../cellsBuildor';
 declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
-        mode?: ("view" | "edit" | "filtre") | undefined;
+        mode?: "view" | "edit" | "filtre";
         cells: Cell<T>[];
         store: StoreItem<T>;
         focusKey?: string | null | undefined;

package/esm/ui/Grid.svelte

@@ -31,6 +31,7 @@ export let classes = {
 };
 export let orderBy = void 0;
 export let orderByCols = void 0;
+export let settingsLeft = false;
 export let dicoNoResult = "Aucun r\xE9sultat !";
 const dispatch = createEventDispatcher();
 const sorting = (toSort, b) => {
@@ -62,19 +63,55 @@ const sortingIcon = (toSort, b, _orderBy) => {
 const cellsToTake = (cells2) => {
   return cells2.filter((c) => c.modeView !== "hide");
 };
+const classForRounding = (i) => {
+  if (settingsLeft && (withEdit || withDelete || withAdd)) {
+    if (i === 0) {
+      return "";
+    } else if (i === cells.length - 1) {
+      return "rounded-tr-lg";
+    }
+  }
+  if (!settingsLeft && (withEdit || withDelete || withAdd)) {
+    if (i === 0) {
+      return "rounded-tl-lg";
+    } else if (i === cells.length - 1) {
+      return "";
+    }
+  }
+  if (i === 0) {
+    return "rounded-tl-lg";
+  } else if (i === cells.length - 1) {
+    return "rounded-tr-lg";
+  }
+};
 </script>
 
 <div class="overflow-x-auto">
   <table class="table {classes.table}">
     <thead>
       <tr>
+        {#if settingsLeft && (withEdit || withDelete || withAdd)}
+          <th class="rounded-tl-lg">
+            <div class="flex justify-start">
+              {#if !withAdd}
+                <Icon data={LibIcon_Settings}></Icon>
+              {:else}
+                <Button
+                  permission={store.getRepo().metadata.options.permissionApiInsert}
+                  disabled={!store.getRepo().metadata.apiInsertAllowed()}
+                  class="btn btn-square btn-ghost btn-xs"
+                  on:click={() => dispatch('add', {})}
+                >
+                  <Icon data={LibIcon_Add} />
+                </Button>
+              {/if}
+            </div>
+          </th>
+        {/if}
+
         {#each cellsToTake(cells) as b, i}
           {@const al = align(b.field, b.kind === 'slot')}
-          <th
-            class="{al} 
-									{i === 0 ? 'rounded-tl-lg' : ''}
-									{i === cells.length - 1 && !withEdit && !withDelete ? 'rounded-tr-lg' : ''}"
-          >
+          <th class="{al} {classForRounding(i)}">
             {#if b.headerSlot}
               <slot name="header" field={b.field} />
             {:else}
@@ -98,20 +135,22 @@ const cellsToTake = (cells2) => {
           </th>
         {/each}
 
-        {#if withEdit || withDelete || withAdd}
-          <th class="flex justify-end rounded-tr-lg">
-            {#if withAdd}
-              <Button
-                permission={store.getRepo().metadata.options.permissionApiInsert}
-                disabled={!store.getRepo().metadata.apiInsertAllowed()}
-                class="btn btn-square btn-ghost btn-xs"
-                on:click={() => dispatch('add', {})}
-              >
-                <Icon data={LibIcon_Add} />
-              </Button>
-            {:else}
-              <Icon data={LibIcon_Settings}></Icon>
-            {/if}
+        {#if !settingsLeft && (withEdit || withDelete || withAdd)}
+          <th class="rounded-tr-lg">
+            <div class="flex justify-end">
+              {#if withAdd}
+                <Button
+                  permission={store.getRepo().metadata.options.permissionApiInsert}
+                  disabled={!store.getRepo().metadata.apiInsertAllowed()}
+                  class="btn btn-square btn-ghost btn-xs"
+                  on:click={() => dispatch('add', {})}
+                >
+                  <Icon data={LibIcon_Add} />
+                </Button>
+              {:else}
+                <Icon data={LibIcon_Settings}></Icon>
+              {/if}
+            </div>
           </th>
         {/if}
       </tr>
@@ -123,6 +162,34 @@ const cellsToTake = (cells2) => {
       {:else}
         {#each $store.items as row}
           <tr on:click={() => dispatch('rowclick', row)} class="hover:bg-base-content/20">
+            <!-- BECARFULL THIS CODE IS DUPLICATED -->
+            {#if settingsLeft && (withEdit || withDelete)}
+              <td class="text-left">
+                <div class="flex justify-start gap-2">
+                  {#if withEdit}
+                    <Button
+                      permission={store.getRepo().metadata.options.permissionApiUpdate}
+                      disabled={!store.getRepo().metadata.apiUpdateAllowed()}
+                      class="btn btn-square btn-ghost btn-xs"
+                      on:click={() => dispatch('edit', row)}
+                    >
+                      <Icon data={LibIcon_Edit} />
+                    </Button>
+                  {/if}
+                  {#if withDelete}
+                    <Button
+                      permission={store.getRepo().metadata.options.permissionApiDelete}
+                      disabled={!store.getRepo().metadata.apiDeleteAllowed()}
+                      class="btn btn-square btn-ghost btn-xs"
+                      on:click={() => dispatch('delete', row)}
+                    >
+                      <Icon data={LibIcon_Delete} />
+                    </Button>
+                  {/if}
+                </div>
+              </td>
+            {/if}
+
             {#each cellsToTake(cells) as b}
               {@const metaType = getFieldMetaType(b.field)}
               <td class={align(b.field, b.kind === 'slot')}>
@@ -153,6 +220,8 @@ const cellsToTake = (cells2) => {
                       href: b.field?.options?.href ? b.field?.options.href(row) : item?.href,
                     }}
                   />
+                {:else if b.kind === 'baseItem'}
+                  <LinkPlus item={row[metaType.field.key]} />
                 {:else if b.kind === 'field_link'}
                   {@const item = getFieldLinkDisplayValue(metaType.field, row)}
                   <LinkPlus {item} />
@@ -191,7 +260,8 @@ const cellsToTake = (cells2) => {
                 {/if}
               </td>
             {/each}
-            {#if withEdit || withDelete}
+
+            {#if !settingsLeft && (withEdit || withDelete)}
               <td class="text-right">
                 <div class="flex justify-end gap-2">
                   {#if withEdit}

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

@@ -6,16 +6,17 @@ declare class __sveltets_Render<T extends Record<any, any>> {
     props(): {
         cells: Cell<T>[];
         store: StoreList<T>;
-        withAdd?: boolean | undefined;
-        withEdit?: boolean | undefined;
-        withDelete?: boolean | undefined;
-        loadingRows?: number | undefined;
+        withAdd?: boolean;
+        withEdit?: boolean;
+        withDelete?: boolean;
+        loadingRows?: number;
         classes?: {
             table: string;
         } | undefined;
         orderBy?: EntityOrderBy<T> | undefined;
         orderByCols?: true | (keyof T)[] | undefined;
-        dicoNoResult?: string | undefined;
+        settingsLeft?: boolean;
+        dicoNoResult?: string;
     };
     events(): {
         refresh: any;

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

@@ -3,7 +3,7 @@ import type { Align } from './index.js';
 declare const __propDef: {
     props: {
         columns: Align[];
-        loadingRows?: number | undefined;
+        loadingRows?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/ui/GridPaginate.svelte

@@ -24,9 +24,11 @@ $: canGoNext = isValidValue && needPaginate && pageDisplayed < Math.ceil((totalC
 </script>
 
 <FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>
-  <div class="flex items-center justify-end">
+  <div class="flex w-36 items-center justify-end">
     {#if totalCount === undefined}
-      <Loading class="mx-2 h-8 w-1/2"></Loading>
+      <Loading class="ml-6 mr-2 h-3 w-1/6"></Loading>
+      <Loading class="mx-2 h-4 w-1/2"></Loading>
+      <Loading class="mx-2 h-3 w-1/6"></Loading>
     {:else if !needPaginate}
       <span class="text-primary justify-end px-2 font-bold">
         {totalCount}
@@ -36,7 +38,7 @@ $: canGoNext = isValidValue && needPaginate && pageDisplayed < Math.ceil((totalC
         <button
           aria-label="left"
           on:click={() => update('-')}
-          class="btn join-item {pageDisplayed === 1 ? 'btn-disabled' : ''}"
+          class="btn join-item p-1 {pageDisplayed === 1 ? 'btn-disabled' : ''}"
         >
           <Icon data={LibIcon_ChevronLeft} />
         </button>
@@ -53,7 +55,7 @@ $: canGoNext = isValidValue && needPaginate && pageDisplayed < Math.ceil((totalC
         <button
           aria-label="right"
           on:click={() => update('+')}
-          class="btn join-item {!canGoNext ? 'btn-disabled' : ''}"
+          class="btn join-item p-1 {!canGoNext ? 'btn-disabled' : ''}"
         >
           <Icon data={LibIcon_ChevronRight} />
         </button>

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

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import './LibIcon';
 declare const __propDef: {
     props: {
-        label?: string | undefined;
+        label?: string;
         pageDisplayed: number;
         totalCount?: number | undefined | null;
-        pageSize?: number | undefined;
+        pageSize?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -16,14 +16,14 @@ declare const __propDef: {
            * import Woman from "virtual:icons/mdi/account-tie-woman";
            * <Icon data={mdiAccountTieWoman} style="background-color: blue;" size={"4rem"}></Icon>
            * ```
-           */ data?: string | string[] | undefined;
-        size?: string | number | undefined;
+           */ data?: string | string[];
+        size?: string | number;
         caption?: string | undefined;
         /**
            * By default, svg are not rendered on the server side.
            * But the size will be respected to not have glitch on the client side when the icon is coming.
            * @default false
-           */ ssr?: boolean | undefined;
+           */ ssr?: boolean;
         class?: string | string[] | undefined;
         style?: string | string[] | undefined;
     };

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        text?: string | undefined;
-        hideTooltip?: boolean | undefined;
+        text?: string;
+        hideTooltip?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/esm/ui/dialog/DialogPrimitive.svelte

@@ -40,11 +40,7 @@ function dispatchChange(_data) {
     />
     <div
       class={tw(
-        `border-base-content/60
-         bg-base-100
-			   relative z-40 max-h-[90vh] overflow-visible rounded-xl
-			   border p-6
-         shadow-lg`,
+        `border-base-content/60 bg-base-100 relative z-40 max-h-[90vh] overflow-auto rounded-xl border p-6 shadow-lg`,
         classes.root,
       )}
       transition:flyAndScale={{

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

@@ -3,10 +3,10 @@ import { type BaseItemLight } from '../../';
 declare const __propDef: {
     props: {
         detail?: BaseItemLight | undefined;
-        open?: boolean | undefined;
+        open?: boolean;
         classes?: {
-            root?: string | undefined;
-        } | undefined;
+            root?: string;
+        };
     };
     events: {
         change: CustomEvent<any>;

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

@@ -29,6 +29,15 @@ type ResultClose<entityType = any> = {
     item?: entityType;
 };
 export type DialogType = 'custom' | 'confirm' | 'confirmDelete' | 'insert' | 'update' | 'view';
+export type DialogFormType<entityType> = {
+    cells?: CellsInput<entityType>;
+    defaults?: Partial<entityType>;
+    classes?: DialogClasses;
+    noThrow?: boolean;
+    wDelete?: boolean;
+    topicPrefixText?: string;
+    focusKey?: string;
+};
 export type DialogMetaDataInternal<entityType = any> = DialogMetaData<entityType> & {
     id: number;
     type: DialogType;
@@ -37,14 +46,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: CellsInput<entityType>, options?: {
-        defaults?: Partial<entityType>;
-        classes?: DialogClasses;
-        noThrow?: boolean;
-        wDelete?: boolean;
-        topicPrefixText?: string;
-        focusKey?: string;
-    }) => Promise<ResultClose<any>>;
+    form: <entityType>(type: "insert" | "update" | "view", topic: string, repo: Repository<entityType>, settings: DialogFormType<entityType>) => Promise<ResultClose<any>>;
     show: (dialog: DialogMetaData) => Promise<ResultClose<any>>;
     close: (id: number, result: ResultClose) => void;
     closeAll: () => void;