@lavalogic/scoria 0.12.3 → 0.13.2

package/dist/Components/Table/Misc/TableSidebar.svelte

@@ -13,7 +13,8 @@
 	import FilterPanel from './FilterPanel.svelte';
 	import SidePanel from './SidePanel.svelte';
 	import ToolboxPanel from './ToolboxPanel.svelte';
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const panels = {
 		[ExpandedPanel.None]: null,

package/dist/Components/Table/Misc/ToolboxPanel.svelte

@@ -1,11 +1,11 @@
 <svelte:options runes />
 
 <script lang="ts" generics="T extends object">
+	import Checkbox from '../../Checkbox.svelte';
 	import { getContext } from 'svelte';
 	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import Checkbox from '../../Checkbox.svelte';
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const onCompactChange = (e: Event) => {
 		tableContext.setIsCompact((e.target as HTMLInputElement).checked);

package/dist/Components/Table/Misc/ToolboxPanelModal.svelte

@@ -9,7 +9,7 @@
 
 	let { onclose }: ToolboxPanelModalProps = $props();
 
-	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const onCompactChange = (e: Event) => {
 		tableContext.setIsCompact((e.target as HTMLInputElement).checked);

package/dist/Components/Table/NestedTable.svelte

@@ -4,11 +4,14 @@
 	import Table from './Table.svelte';
 	import type { DefsWrapper } from './Types/Columns/DefsWrapper.js';
 	import { TableContext } from './Types/Context/TableContext.svelte.js';
-	import type { TableInitOptions } from './Types/Context/TableInitOptions.js';
+	import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
 	import { LocalTableDataRepository } from './Types/DataRepository/LocalTableDataRepository.svelte.js';
 	import { ToolbarPosition } from './Types/Toolbar/ToolbarPosition.js';
 
-	const defaultOptions: Omit<TableInitOptions<object>, 'selectionExtractor' | 'getUserId'> = {
+	const defaultOptions: Omit<
+		TableInitOptions<object, never>,
+		'selectionExtractor' | 'getUserId'
+	> = {
 		allowCopy: false,
 		enableResize: false,
 		allowColumnReordering: false,
@@ -18,17 +21,18 @@
 		displayFooter: false
 	};
 
-	export interface NestedTableProps<T extends object> {
+	export interface NestedTableProps<T extends object, IdType extends Primitive> {
 		tableName: string;
 		data: Array<T>;
 		columnDefWrapper: DefsWrapper<T>;
-		options: Pick<TableInitOptions<T>, 'selectionExtractor'> & Partial<TableInitOptions<T>>;
+		options: Pick<TableInitOptions<T, IdType>, 'selectionExtractor'> &
+			Partial<TableInitOptions<T, IdType>>;
 		oncontextmenu?: (e: MouseEvent) => void;
 		getUserId: () => string | undefined;
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,IdType extends Primitive">
 	const {
 		tableName,
 		data,
@@ -36,7 +40,7 @@
 		options,
 		oncontextmenu,
 		getUserId
-	}: NestedTableProps<T> = $props();
+	}: NestedTableProps<T, IdType> = $props();
 
 	const wrapper = {
 		get value() {
@@ -53,8 +57,8 @@
 	const dataRepo = $state(new LocalTableDataRepository(tableName, wrapper, () => getUserId()));
 
 	// NOTE known limitation: These are passed as wrappers, and they should never require reassignment. They are deeply reactive
-	const tableContext: TableContext<T> | undefined = $state(
-		TableContext.init<T>(columnDefWrapper, tableName, dataRepo, {
+	const tableContext: TableContext<T, IdType> | undefined = $state(
+		TableContext.init<T, IdType>(columnDefWrapper, tableName, dataRepo, {
 			...defaultOptions,
 			...options,
 			getUserId: () => getUserId()

package/dist/Components/Table/NestedTable.svelte.d.ts

@@ -1,34 +1,34 @@
 import type { DefsWrapper } from './Types/Columns/DefsWrapper.js';
-import type { TableInitOptions } from './Types/Context/TableInitOptions.js';
-export interface NestedTableProps<T extends object> {
+import type { Primitive, TableInitOptions } from './Types/Context/TableInitOptions.js';
+export interface NestedTableProps<T extends object, IdType extends Primitive> {
     tableName: string;
     data: Array<T>;
     columnDefWrapper: DefsWrapper<T>;
-    options: Pick<TableInitOptions<T>, 'selectionExtractor'> & Partial<TableInitOptions<T>>;
+    options: Pick<TableInitOptions<T, IdType>, 'selectionExtractor'> & Partial<TableInitOptions<T, IdType>>;
     oncontextmenu?: (e: MouseEvent) => void;
     getUserId: () => string | undefined;
 }
-declare function $$render<T extends object>(): {
-    props: NestedTableProps<T>;
+declare function $$render<T extends object, IdType extends Primitive>(): {
+    props: NestedTableProps<T, IdType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(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 object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const NestedTable: $$IsomorphicComponent;
-type NestedTable<T extends object> = InstanceType<typeof NestedTable<T>>;
+type NestedTable<T extends object, IdType extends Primitive> = InstanceType<typeof NestedTable<T, IdType>>;
 export default NestedTable;

package/dist/Components/Table/Table.svelte

@@ -4,8 +4,8 @@
 	import {
 		ContextMenuContext,
 		type IContextMenuOption
-	} from '../../Contexts/ContextMenuContext.svelte.js';
-	import { devCatch, refWrapper } from '../../Helpers/Helpers.svelte.js';
+	} from '../../Contexts/ContextMenuContext.svelte';
+	import { devCatch, refWrapper } from '../../Helpers/Helpers.svelte';
 	import type { RefWrapper } from '../../Types/Internal/RefWrapper.js';
 	import { getContext, onMount, setContext, tick, untrack } from 'svelte';
 	import LoadingOverlay from '../LoadingOverlay.svelte';
@@ -16,7 +16,8 @@
 	import TableFooter from './Misc/TableFooter.svelte';
 	import TableHorizontalBar from './Misc/TableHorizontalBar.svelte';
 	import TableSidebar from './Misc/TableSidebar.svelte';
-	import { TableContext } from './Types/Context/TableContext.svelte.js';
+	import { TableContext } from './Types/Context/TableContext.svelte';
+	import type { Primitive } from './Types/Context/TableInitOptions.js';
 	import { PaginationType } from './Types/Pagination/PaginationType.js';
 	import { ToolbarPosition } from './Types/Toolbar/ToolbarPosition.js';
 
@@ -28,8 +29,8 @@
 		}
 	}
 
-	export interface TableProps<T extends object> {
-		readonly tableContext: TableContext<T>;
+	export interface TableProps<T extends object, IdType extends Primitive> {
+		readonly tableContext: TableContext<T, IdType>;
 		nested?: boolean;
 	}
 
@@ -38,13 +39,13 @@
 	const openedQuickFilterSelect = refWrapper(null);
 </script>
 
-<script lang="ts" generics="T extends object">
-	const { nested = false, tableContext }: TableProps<T> = $props();
+<script lang="ts" generics="T extends object,IdType extends Primitive">
+	const { nested = false, tableContext }: TableProps<T, IdType> = $props();
 
 	// NOTE: known limitation. This is passed as a wrapper, and they should never require reassignment. It is deeply reactive
 	setContext(TableContext.identifier, tableContext);
 
-	// const tableContext = getContext<TableContext<T>>(TableContext.identifier);
+	// $inspect(tableContext.showQuickFiltering);
 
 	const { openContextMenu: _openContextMenu } = getContext<ContextMenuContext>(
 		ContextMenuContext.identifier
@@ -265,16 +266,6 @@
 		}
 	});
 
-	$effect(() => {
-		void tableContext.dataRepo.data;
-		untrack(() => {
-			if (tableContext.paginationRepo?.paginationState.pageIndex != undefined) {
-				tableContext.updateSelectedItems().catch(devCatch);
-				tableContext.resetHighlightedRows();
-			}
-		});
-	});
-
 	const leftTotalSize = $derived(tableContext.table.getLeftTotalSize());
 	const centreTotalSize = $derived(tableContext.table.getCenterTotalSize());
 	const rightTotalSize = $derived(tableContext.table.getRightTotalSize());
@@ -364,114 +355,116 @@
 	}}
 />
 
-<div class="grid" class:nested>
-	{#if tableContext.dataRepo.isLoading}
-		<LoadingOverlay absolute borderRadius="4px" />
-	{/if}
-
-	<div class="horizontal-bar" class:border={tableContext.toolbarPosition === ToolbarPosition.Top}>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Top}
-			<TableHorizontalBar />
+<svelte:boundary>
+	<div class="grid" class:nested>
+		{#if tableContext.dataRepo.isLoading}
+			<LoadingOverlay absolute borderRadius="4px" />
 		{/if}
-	</div>
 
-	<div
-		class="sidebar-wrapper sidebar-wrapper-left"
-		class:nested
-		style="--nested-height: {nestedHeight}px;"
-	>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Left}
-			<div class="sidebar toolbar-left">
-				<TableSidebar />
-			</div>
-		{/if}
-	</div>
-	<div
-		class="sidebar-wrapper sidebar-wrapper-right"
-		class:nested
-		style="--nested-height: {nestedHeight}px;"
-	>
-		{#if tableContext.toolbarPosition === ToolbarPosition.Right}
-			<div class="sidebar toolbar-right">
-				<TableSidebar />
-			</div>
-		{/if}
-	</div>
+		<div class="horizontal-bar" class:border={tableContext.toolbarPosition === ToolbarPosition.Top}>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Top}
+				<TableHorizontalBar />
+			{/if}
+		</div>
 
-	<div class="footer">
-		{#if tableContext.displayFooter}
-			<TableFooter />
-		{/if}
-	</div>
+		<div
+			class="sidebar-wrapper sidebar-wrapper-left"
+			class:nested
+			style="--nested-height: {nestedHeight}px;"
+		>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Left}
+				<div class="sidebar toolbar-left">
+					<TableSidebar />
+				</div>
+			{/if}
+		</div>
+		<div
+			class="sidebar-wrapper sidebar-wrapper-right"
+			class:nested
+			style="--nested-height: {nestedHeight}px;"
+		>
+			{#if tableContext.toolbarPosition === ToolbarPosition.Right}
+				<div class="sidebar toolbar-right">
+					<TableSidebar />
+				</div>
+			{/if}
+		</div>
+
+		<div class="footer">
+			{#if tableContext.displayFooter}
+				<TableFooter />
+			{/if}
+		</div>
 
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
-	<div
-		bind:this={tableRef}
-		class="datatable"
-		class:nested
-		class:compact={tableContext.isCompact}
-		class:quick-filtering={tableContext.showQuickFiltering}
-		onkeydown={tableContext.handleTdKeydown}
-	>
-		<div class="flex_table" bind:this={ref} class:nested>
-			<div bind:this={unfocusRef} class="table-wrapper" oncontextmenu={openContextMenu}>
-				<!-- {#if leftTotalSize > 0} -->
-				<table class="datatable__table left" style="min-width: {leftTotalSize}px">
-					<TableHead showHighlight={leftTotalSize > 0} side="left" />
-					<TableBody
-						includeHighlight={appropriateSide == 'left'}
-						columns={leftColumns}
-						heights={totalRowSizes}
-						side="left"
-						bind:this={leftTable}
-					/>
-				</table>
-				<!-- {/if} -->
-
-				<!-- {#if centreTotalSize > 0} -->
-
-				<table class="datatable__table centre" style="min-width: {centreTotalSize}px">
-					<TableHead showHighlight={leftTotalSize == 0} side="centre" />
-					<TableBody
-						includeHighlight={appropriateSide == 'centre'}
-						columns={centreColumns}
-						heights={totalRowSizes}
-						side="centre"
-						bind:this={centreTable}
-					/>
-				</table>
-				<!-- {/if} -->
-
-				<!-- {#if rightTotalSize > 0} -->
-				<table class="datatable__table right" style="min-width: {rightTotalSize}px">
-					<TableHead showHighlight={false} side="right" />
-					<TableBody
-						includeHighlight={appropriateSide == 'right'}
-						columns={rightColumns}
-						heights={totalRowSizes}
-						side="right"
-						bind:this={rightTable}
-					/>
-				</table>
-				<!-- {/if} -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			bind:this={tableRef}
+			class="datatable"
+			class:nested
+			class:compact={tableContext.isCompact}
+			class:quick-filtering={tableContext.showQuickFiltering}
+			onkeydown={tableContext.handleTdKeydown}
+		>
+			<div class="flex_table" bind:this={ref} class:nested>
+				<div bind:this={unfocusRef} class="table-wrapper" oncontextmenu={openContextMenu}>
+					<!-- {#if leftTotalSize > 0} -->
+					<table class="datatable__table left" style="min-width: {leftTotalSize}px">
+						<TableHead showHighlight={leftTotalSize > 0} side="left" />
+						<TableBody
+							includeHighlight={appropriateSide == 'left'}
+							columns={leftColumns}
+							heights={totalRowSizes}
+							side="left"
+							bind:this={leftTable}
+						/>
+					</table>
+					<!-- {/if} -->
+
+					<!-- {#if centreTotalSize > 0} -->
+
+					<table class="datatable__table centre" style="min-width: {centreTotalSize}px">
+						<TableHead showHighlight={leftTotalSize == 0} side="centre" />
+						<TableBody
+							includeHighlight={appropriateSide == 'centre'}
+							columns={centreColumns}
+							heights={totalRowSizes}
+							side="centre"
+							bind:this={centreTable}
+						/>
+					</table>
+					<!-- {/if} -->
+
+					<!-- {#if rightTotalSize > 0} -->
+					<table class="datatable__table right" style="min-width: {rightTotalSize}px">
+						<TableHead showHighlight={false} side="right" />
+						<TableBody
+							includeHighlight={appropriateSide == 'right'}
+							columns={rightColumns}
+							heights={totalRowSizes}
+							side="right"
+							bind:this={rightTable}
+						/>
+					</table>
+					<!-- {/if} -->
+				</div>
+
+				<!-- TODO add filter callbacks -->
 			</div>
 
-			<!-- TODO add filter callbacks -->
+			{#if nested}
+				<!-- svelte-ignore a11y_no_static_element_interactions -->
+				<div
+					class:isResizing
+					class="resizer"
+					onmousedown={(e) => {
+						e.preventDefault();
+						addOverrideResizeHandler();
+					}}
+				></div>
+			{/if}
 		</div>
-
-		{#if nested}
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				class:isResizing
-				class="resizer"
-				onmousedown={(e) => {
-					e.preventDefault();
-					addOverrideResizeHandler();
-				}}
-			></div>
-		{/if}
 	</div>
-</div>
+</svelte:boundary>
 
 <style>div.grid {
   border-radius: 4px;

package/dist/Components/Table/Table.svelte.d.ts

@@ -1,4 +1,5 @@
-import { TableContext } from './Types/Context/TableContext.svelte.js';
+import { TableContext } from './Types/Context/TableContext.svelte';
+import type { Primitive } from './Types/Context/TableInitOptions.js';
 declare global {
     interface HTMLElementEventMap {
         edit: CustomEvent<{
@@ -6,32 +7,32 @@ declare global {
         }>;
     }
 }
-export interface TableProps<T extends object> {
-    readonly tableContext: TableContext<T>;
+export interface TableProps<T extends object, IdType extends Primitive> {
+    readonly tableContext: TableContext<T, IdType>;
     nested?: boolean;
 }
 export declare const quickFilterContextIdentifier: symbol;
-declare function $$render<T extends object>(): {
-    props: TableProps<T>;
+declare function $$render<T extends object, IdType extends Primitive>(): {
+    props: TableProps<T, IdType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(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 object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const Table: $$IsomorphicComponent;
-type Table<T extends object> = InstanceType<typeof Table<T>>;
+type Table<T extends object, IdType extends Primitive> = InstanceType<typeof Table<T, IdType>>;
 export default Table;

package/dist/Components/Table/Types/Columns/Column.d.ts

@@ -1,5 +1,5 @@
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface Column<T extends object, in FilterFnType = undefined> {
+export interface Column<T extends object, in FilterFnType> {
     id: string;
     columnDef: ColumnDef<T, FilterFnType>;
     getCanSort: () => boolean;

package/dist/Components/Table/Types/Columns/Definitions/Actions/ActionsDef.svelte.d.ts

@@ -6,7 +6,7 @@ export interface ActionsDefProps<T extends object> {
     isEnabled?: (item: T, index: number, button: TableActionButton<T>) => boolean | Promise<boolean>;
     getColourSet?: (item: T, index: number, button: TableActionButton<T>) => ColourSet;
 }
-export declare class ActionsDef<T extends object> extends ColumnDef<T> {
+export declare class ActionsDef<T extends object> extends ColumnDef<T, undefined> {
     constructor(props: ActionsDefProps<T>);
     readonly columnType: "Actions";
     readonly actions: Array<TableActionButton<T>>;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.d.ts

@@ -7,7 +7,7 @@ import type { FilterValueType } from '../../Filtering/FilterValueType.js';
 import { ColumnType } from '../ColumnType.js';
 import type { AccessorFn } from './AccessorFn.js';
 import type { ValidationFn } from './ValidationFn.js';
-export interface ColumnDefProps<T extends object, in FilterFnType = undefined> {
+export interface ColumnDefProps<T extends object, in FilterFnType> {
     id: string;
     header: string | Snippet;
     debug?: boolean;
@@ -26,7 +26,7 @@ export interface ColumnDefProps<T extends object, in FilterFnType = undefined> {
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
-export declare abstract class ColumnDef<T extends object, in FilterFnType = undefined> {
+export declare abstract class ColumnDef<T extends object, in FilterFnType> {
     protected constructor(props: ColumnDefProps<T, FilterFnType>);
     readonly id: string;
     debug: boolean;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface ColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: ColumnPinningState;
-    columnDefs: Array<ColumnDef<T>>;
+    columnDefs: Array<ColumnDef<T, unknown>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/Expand/ExpandDef.svelte.d.ts

@@ -1,23 +1,23 @@
 import type { IconProps } from '../../../../../IconProps.js';
-import type { TableInitOptions } from '../../../Context/TableInitOptions.js';
+import type { Primitive, TableInitOptions } from '../../../Context/TableInitOptions.js';
 import type { DefsWrapper } from '../../DefsWrapper.js';
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
-export interface ExpandDefProps<T extends object, R extends object> extends ColumnDefProps<T> {
+export interface ExpandDefProps<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType> extends ColumnDefProps<T, FilterValueType> {
     isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
     getInnerColumnDefs: (item: T, index: number) => DefsWrapper<R>;
     headerIcon: IconProps['name'];
     innerTableName: string;
-    innerTableOptions: TableInitOptions<R>;
+    innerTableOptions: TableInitOptions<R, InnterIdType>;
     accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
 }
-export declare class ExpandDef<T extends object, R extends object = object> extends ColumnDef<T> {
+export declare class ExpandDef<T extends object, R extends object, InnterIdType extends Primitive, FilterValueType> extends ColumnDef<T, FilterValueType> {
     readonly columnType: "Expand";
-    constructor(props: ExpandDefProps<T, R>);
+    constructor(props: ExpandDefProps<T, R, InnterIdType, FilterValueType>);
     readonly accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
     readonly filterFn: undefined;
     readonly innerTableName: string;
     readonly getInnerColumnDefs: (item: T, index: number) => DefsWrapper<R>;
     readonly headerIcon: IconProps['name'];
     readonly isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
-    readonly innerTableOptions: TableInitOptions<R>;
+    readonly innerTableOptions: TableInitOptions<R, InnterIdType>;
 }

package/dist/Components/Table/Types/Columns/Definitions/JSONColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface JSONColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: JSONColumnPinningState;
-    columnDefs: Array<ColumnDef<T>>;
+    columnDefs: Array<ColumnDef<T, unknown>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.d.ts

@@ -1,6 +1,7 @@
+import type { BoolFilterValueType } from '../../../Filtering/FilterFn.js';
 import { ColumnType } from '../../ColumnType.js';
 import { ColumnDef } from '../ColumnDef.svelte.js';
-export declare class RowSelectionDef<T extends object> extends ColumnDef<T> {
+export declare class RowSelectionDef<T extends object> extends ColumnDef<T, BoolFilterValueType> {
     readonly isSelectable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly columnType: ColumnType;
     constructor(isSelectable: (item: T, index: number) => boolean | Promise<boolean>);

package/dist/Components/Table/Types/Columns/DefsWrapper.d.ts

@@ -1,6 +1,6 @@
 import type { CustomRemoteFilters } from '../Filtering/CustomRemoteFilters.js';
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
-export interface DefsWrapper<T extends object, in FilterValueType = undefined> {
-    defs: Array<ColumnDef<T, FilterValueType>>;
+export interface DefsWrapper<T extends object> {
+    defs: Array<ColumnDef<T, unknown>>;
     remoteFilters?: CustomRemoteFilters;
 }

package/dist/Components/Table/Types/Columns/ExpandColumn.d.ts

@@ -1,7 +1,8 @@
+import type { Primitive } from '../Context/TableInitOptions.js';
 import type { ExpandDef } from './Definitions/Expand/ExpandDef.svelte.js';
-export interface ExpandColumn<T extends object, R extends object> {
+export interface ExpandColumn<T extends object, R extends object, IdType extends Primitive, FilterValueType> {
     id: string;
-    columnDef: ExpandDef<T, R>;
+    columnDef: ExpandDef<T, R, IdType, FilterValueType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => (e: MouseEvent) => void;
     getIsSorted: () => 'asc' | 'desc' | 'none';

package/dist/Components/Table/Types/Columns/ExpandTableCell.d.ts

@@ -1,7 +1,8 @@
 import type { Row } from '../Context/Row.js';
+import type { Primitive } from '../Context/TableInitOptions.js';
 import type { ExpandColumn } from './ExpandColumn.js';
-export interface ExpandTableCell<T extends object, R extends object = object> {
-    column: ExpandColumn<T, R>;
+export interface ExpandTableCell<T extends object, R extends object, IdType extends Primitive, FilterValueType> {
+    column: ExpandColumn<T, R, IdType, FilterValueType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown;

package/dist/Components/Table/Types/Context/ITable.d.ts

@@ -9,8 +9,8 @@ import type { HeaderGroup } from '../HeaderGroup.js';
 import type { OnChangeFn } from '../OnChangeFn.js';
 import type { PaginationState } from '../Pagination/PaginationState.js';
 export interface ITable<T extends object> {
-    data: Array<T>;
-    columns: Array<ColumnDef<T>>;
+    data: Promise<Array<T>>;
+    columns: Array<ColumnDef<T, unknown>>;
     columnSizing: ColumnSizingState;
     columnVisibility: VisibilityState;
     sorting: SortingState | undefined;
@@ -24,9 +24,9 @@ export interface ITable<T extends object> {
     getLeftHeaderGroups: () => Array<HeaderGroup<T>>;
     getRightHeaderGroups: () => Array<HeaderGroup<T>>;
     getCenterHeaderGroups: () => Array<HeaderGroup<T>>;
-    getLeftVisibleLeafColumns: () => Array<Column<T>>;
-    getRightVisibleLeafColumns: () => Array<Column<T>>;
-    getCenterVisibleLeafColumns: () => Array<Column<T>>;
+    getLeftVisibleLeafColumns: () => Array<Column<T, unknown>>;
+    getRightVisibleLeafColumns: () => Array<Column<T, unknown>>;
+    getCenterVisibleLeafColumns: () => Array<Column<T, unknown>>;
     onColumnVisibilityChange: OnChangeFn<VisibilityState>;
     onColumnSizingChange: OnChangeFn<ColumnSizingState>;
     onColumnFiltersChange: OnChangeFn<ColumnFiltersState> | undefined;