firstly 0.0.12 → 0.0.14

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { HTMLInputAttributes } from 'svelte/elements';
 import { type Cell } from '../';
 declare class __sveltets_Render<T extends Record<any, any>> {
@@ -9,9 +8,9 @@ declare class __sveltets_Render<T extends Record<any, any>> {
         cellsValues?: any;
         withDedounce?: boolean | undefined;
         error?: string | undefined;
-        mode?: ("edit" | "view" | "filtre") | undefined;
+        mode?: "edit" | "view" | "filtre" | undefined;
         focus?: boolean | undefined;
-        clearable?: boolean | undefined;
+        clearable?: boolean | undefined | undefined;
         disabled?: boolean | undefined;
     };
     events(): {
@@ -21,10 +20,18 @@ declare class __sveltets_Render<T extends Record<any, any>> {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type FieldProps<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['props']>;
-export type FieldEvents<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['events']>;
-export type FieldSlots<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class Field<T extends Record<any, any>> extends SvelteComponent<FieldProps<T>, FieldEvents<T>, FieldSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T extends Record<any, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Record<any, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const Field: $$IsomorphicComponent;
+type Field<T extends Record<any, any>> = InstanceType<typeof Field<T>>;
+export default Field;

package/esm/ui/FieldGroup.svelte

@@ -1,95 +1,116 @@
-<script generics="T extends Record<any, any>">import { createEventDispatcher } from "svelte";
-import { getRelationFieldInfo } from "remult/internals";
-import { tw } from "../";
-import Field from "./Field.svelte";
-import FieldContainer from "./internals/FieldContainer.svelte";
-import Loading from "./Loading.svelte";
-export let mode = "edit";
-export let cells;
-export let store;
-export let focusKey = null;
-const getError = (errors, field) => {
-  const fo = getRelationFieldInfo(field);
-  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;
-};
-const shouldHide = (c, mode2) => {
-  if (mode2 === "edit" && c.modeEdit === "hide") {
-    return true;
-  }
-  if (mode2 === "view" && c.modeView === "hide") {
-    return true;
-  }
-  return false;
-};
-const modeToUse = (c, mode2) => {
-  if (mode2 === "edit" && c.modeEdit === "view") {
-    return "view";
-  }
-  if (mode2 === "view" && c.modeView === "edit") {
-    return "edit";
-  }
-  return mode2;
-};
-const dispatch = createEventDispatcher();
-function dispatchChanged(_data) {
-  dispatch("changed", _data);
-}
-$: 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) {
-    if (i === 0) {
-      return true;
-    }
-    return false;
-  }
-  return focusKey2 === currentKey;
-}
+<script lang="ts" generics="T extends Record<any, any>">
+	import { createEventDispatcher } from 'svelte'
+
+	import type { FieldMetadata } from 'remult'
+	import { getRelationFieldInfo } from 'remult/internals'
+
+	import { tw, type StoreItem } from '../'
+	import type { Cell } from '../cellsBuildor'
+	import Field from './Field.svelte'
+	import FieldContainer from './internals/FieldContainer.svelte'
+	import Loading from './Loading.svelte'
+
+	type Mode = 'edit' | 'view' | 'filtre'
+	export let mode: Mode = 'edit'
+
+	export let cells: Cell<T>[]
+	export let store: StoreItem<T>
+
+	export let focusKey: string | null | undefined = null
+
+	const getError = (errors: any, field: FieldMetadata<any, any>) => {
+		const fo = getRelationFieldInfo(field)
+		const keyToUse = fo?.options?.field
+		if (errors && keyToUse && errors[keyToUse]) {
+			return errors[keyToUse]
+		} else if (errors && errors[field.key]) {
+			return errors[field.key]
+		}
+		return undefined
+	}
+
+	const shouldHide = (c: Cell<T>, mode: Mode) => {
+		if (mode === 'edit' && c.modeEdit === 'hide') {
+			return true
+		}
+		if (mode === 'view' && c.modeView === 'hide') {
+			return true
+		}
+		return false
+	}
+
+	const modeToUse = (c: Cell<T>, mode: Mode) => {
+		if (mode === 'edit' && c.modeEdit === 'view') {
+			return 'view'
+		}
+		if (mode === 'view' && c.modeView === 'edit') {
+			return 'edit'
+		}
+		return mode
+	}
+
+	const dispatch = createEventDispatcher()
+
+	function dispatchChanged(_data: T | undefined) {
+		dispatch('changed', _data)
+	}
+
+	$: dispatchChanged($store.item)
+
+	let size = ['', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6']
+
+	function isToFocus(
+		currentKey: string | undefined,
+		focusKey: string | null | undefined,
+		i: number,
+	): boolean {
+		if (focusKey === null || focusKey === undefined) {
+			if (i === 0) {
+				return true
+			}
+			return false
+		}
+		return focusKey === currentKey
+	}
 </script>
 
 {#each cells as cell, 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'}
-        <span>{cell.header}</span>
-      {:else if cell.field && (!$store || $store.loading)}
-        <!-- If the store is not ready mdiYeast, or in loading... -->
-        <FieldContainer label={cell.field.caption} forId={cell.field.key}>
-          <Loading
-            class={tw(
-              `mx-4 my-3 h-6`,
-              size[parseInt((((i + 1) * Math.random() * size.length) % size.length).toString())],
-            )}
-          />
-        </FieldContainer>
-      {:else if cell.kind === 'slot'}
-        <slot name="field" field={cell.field} {focus} />
-      {:else if cell.field && $store.item}
-        <Field
-          mode={modeToUse(cell, mode)}
-          {cell}
-          cellsValues={$store.item}
-          bind:value={$store.item[cell.field.key]}
-          error={getError($store.errors, cell.field)}
-          {focus}
-          on:createRequest
-        />
-        <!-- disabled={isDisableFieldDynamic(cell)} -->
-      {:else}
-        FieldGroup : Case not handled
-      {/if}
-    </div>
-  {/if}
+	{@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'}
+				<span>{cell.header}</span>
+			{:else if cell.field && (!$store || $store.loading)}
+				<!-- If the store is not ready mdiYeast, or in loading... -->
+				<FieldContainer label={cell.field.caption} forId={cell.field.key}>
+					<Loading
+						class={tw(
+							`mx-4 my-3 h-6`,
+							size[parseInt((((i + 1) * Math.random() * size.length) % size.length).toString())],
+						)}
+					/>
+				</FieldContainer>
+			{:else if cell.kind === 'slot'}
+				<slot name="field" field={cell.field} {focus} />
+			{:else if cell.field && $store.item}
+				<Field
+					mode={modeToUse(cell, mode)}
+					{cell}
+					cellsValues={$store.item}
+					bind:value={$store.item[cell.field.key]}
+					error={getError($store.errors, cell.field)}
+					{focus}
+					on:createRequest
+				/>
+				<!-- disabled={isDisableFieldDynamic(cell)} -->
+			{:else}
+				FieldGroup : Case not handled
+			{/if}
+		</div>
+	{/if}
 {/each}

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { FieldMetadata } from 'remult';
 import { type StoreItem } from '../';
 import type { Cell } from '../cellsBuildor';
@@ -21,10 +20,22 @@ declare class __sveltets_Render<T extends Record<any, any>> {
             focus: typeof focus;
         };
     };
+    bindings(): string;
+    exports(): {};
 }
-export type FieldGroupProps<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['props']>;
-export type FieldGroupEvents<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['events']>;
-export type FieldGroupSlots<T extends Record<any, any>> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class FieldGroup<T extends Record<any, any>> extends SvelteComponent<FieldGroupProps<T>, FieldGroupEvents<T>, FieldGroupSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T extends Record<any, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Record<any, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<T>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const FieldGroup: $$IsomorphicComponent;
+type FieldGroup<T extends Record<any, any>> = InstanceType<typeof FieldGroup<T>>;
+export default FieldGroup;