@lavalogic/scoria 0.13.1 → 0.13.2

package/dist/Components/Table/Body/QuickSearchCell.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object, FilterValueType">
 	import { dev } from '$app/environment';
 	import Action from '../../Action.svelte';
 	import Button from '../../Button.svelte';
@@ -36,7 +36,7 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { column, customFilters }: QuickSearchCellProps<T> = $props();
+	const { column, customFilters }: QuickSearchCellProps<T, FilterValueType> = $props();
 
 	const def = $derived(column.columnDef);
 	const customFilter = $derived(customFilters?.get(def.id));

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

@@ -1,25 +1,25 @@
 import type { QuickSearchCellProps } from './QuickSearchCellProps.js';
-declare function $$render<T extends object>(): {
-    props: QuickSearchCellProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: QuickSearchCellProps<T, FilterValueType>;
     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, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['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, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const QuickSearchCell: $$IsomorphicComponent;
-type QuickSearchCell<T extends object> = InstanceType<typeof QuickSearchCell<T>>;
+type QuickSearchCell<T extends object, FilterValueType> = InstanceType<typeof QuickSearchCell<T, FilterValueType>>;
 export default QuickSearchCell;

package/dist/Components/Table/Body/QuickSearchCellProps.d.ts

@@ -1,6 +1,6 @@
 import type { Column } from '../Types/Columns/Column.js';
 import type { CustomRemoteFilters } from '../Types/Filtering/CustomRemoteFilters.js';
-export interface QuickSearchCellProps<T extends object> {
-    column: Column<T>;
+export interface QuickSearchCellProps<T extends object, FilterValueType> {
+    column: Column<T, FilterValueType>;
     customFilters?: CustomRemoteFilters | undefined;
 }

package/dist/Components/Table/Body/Rows/ColumnList.svelte

@@ -12,7 +12,7 @@
 
 	const { searchValue }: ColumnListProps = $props();
 
-	const visibleColumns: Array<ColumnDef<T>> = $derived.by(() => {
+	const visibleColumns: Array<ColumnDef<T, unknown>> = $derived.by(() => {
 		const lowercasedSearchValue = searchValue.toLocaleLowerCase();
 		return tableContext.columnDefs.filter(
 			(it) =>

package/dist/Components/Table/Body/Rows/ColumnListRow.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	import Checkbox from '../../../Checkbox.svelte';
 	import Icon from '../../../Icon.svelte';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
@@ -9,7 +9,7 @@
 	import type { ColumnListRowProps } from './ColumnListRowProps.js';
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { columnDef }: ColumnListRowProps<T> = $props();
+	const { columnDef }: ColumnListRowProps<T, FilterValueType> = $props();
 
 	const isExpandColumn = $derived(columnDef?.columnType === 'Expand');
 

package/dist/Components/Table/Body/Rows/ColumnListRow.svelte.d.ts

@@ -1,25 +1,25 @@
 import type { ColumnListRowProps } from './ColumnListRowProps.js';
-declare function $$render<T extends object>(): {
-    props: ColumnListRowProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: ColumnListRowProps<T, FilterValueType>;
     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, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['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, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ColumnListRow: $$IsomorphicComponent;
-type ColumnListRow<T extends object> = InstanceType<typeof ColumnListRow<T>>;
+type ColumnListRow<T extends object, FilterValueType> = InstanceType<typeof ColumnListRow<T, FilterValueType>>;
 export default ColumnListRow;

package/dist/Components/Table/Body/Rows/ColumnListRowProps.d.ts

@@ -1,4 +1,4 @@
 import type { ColumnDef } from '../../Types/Columns/Definitions/ColumnDef.svelte.js';
-export interface ColumnListRowProps<T extends object> {
-    columnDef: ColumnDef<T> | null;
+export interface ColumnListRowProps<T extends object, FilterValueType> {
+    columnDef: ColumnDef<T, FilterValueType> | null;
 }

package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte

@@ -20,7 +20,7 @@
 </script>
 
 <script lang="ts" generics="T extends object,FilterValueType">
-	const { cell }: ActionsCellProps<T> = $props();
+	const { cell }: ActionsCellProps<T, FilterValueType> = $props();
 
 	const value = $derived(cell.getValue());
 

package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ActionsCellProps } from './ActionsCellProps.js';
 export declare let shownPopup: import("../../../../../index.js").RefWrapper<symbol | undefined>;
 declare function $$render<T extends object, FilterValueType>(): {
-    props: ActionsCellProps<T>;
+    props: ActionsCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/Components/Table/Body/Rows/Columns/ActionsCellProps.d.ts

@@ -1,4 +1,4 @@
 import type { ActionsTableCell } from './ActionsTableCell.js';
-export interface ActionsCellProps<T extends object> {
-    cell: ActionsTableCell<T>;
+export interface ActionsCellProps<T extends object, FilterValueType> {
+    cell: ActionsTableCell<T, FilterValueType>;
 }

package/dist/Components/Table/Body/Rows/Columns/ActionsColumn.d.ts

@@ -1,5 +1,5 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
-export interface ActionsColumn<T extends object> extends Column<T> {
+export interface ActionsColumn<T extends object, FilterValueType> extends Column<T, FilterValueType> {
     columnDef: ActionsDef<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/ActionsTableCell.d.ts

@@ -1,5 +1,5 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 import type { ActionsColumn } from './ActionsColumn.js';
-export interface ActionsTableCell<T extends object> extends TableCell<T> {
-    column: ActionsColumn<T>;
+export interface ActionsTableCell<T extends object, FilterValueType> extends TableCell<T, FilterValueType> {
+    column: ActionsColumn<T, FilterValueType>;
 }

package/dist/Components/Table/Body/Rows/Columns/ExpandCell.svelte

@@ -14,7 +14,11 @@
 	import { getContext } from 'svelte';
 	import type { ExpandCellProps } from './ExpandCellProps.js';
 
-	const { cell, expandedColumnDef, onExpandChange }: ExpandCellProps<T, R, IdType> = $props();
+	const {
+		cell,
+		expandedColumnDef,
+		onExpandChange
+	}: ExpandCellProps<T, R, IdType, FilterValueType> = $props();
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);

package/dist/Components/Table/Body/Rows/Columns/ExpandCell.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 import type { ExpandCellProps } from './ExpandCellProps.js';
 declare function $$render<T extends object, R extends object, FilterValueType, IdType extends Primitive>(): {
-    props: ExpandCellProps<T, R, IdType>;
+    props: ExpandCellProps<T, R, IdType, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/Components/Table/Body/Rows/Columns/ExpandCellProps.d.ts

@@ -1,8 +1,8 @@
 import type { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 import type { ExpandTableCell } from '../../../Types/Columns/ExpandTableCell.js';
 import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
-export interface ExpandCellProps<T extends object, R extends object, IdType extends Primitive> {
-    cell: ExpandTableCell<T, R, IdType>;
-    expandedColumnDef: ExpandDef<T, R, IdType> | undefined;
-    onExpandChange: (def: ExpandDef<T, R, IdType>) => void;
+export interface ExpandCellProps<T extends object, R extends object, IdType extends Primitive, FilterValueType> {
+    cell: ExpandTableCell<T, R, IdType, FilterValueType>;
+    expandedColumnDef: ExpandDef<T, R, IdType, FilterValueType> | undefined;
+    onExpandChange: (def: ExpandDef<T, R, IdType, FilterValueType>) => void;
 }

package/dist/Components/Table/Body/Rows/Columns/RowSelectionColumn.d.ts

@@ -1,5 +1,6 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
-export interface RowSelectionColumn<T extends object> extends Column<T> {
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
+export interface RowSelectionColumn<T extends object> extends Column<T, BoolFilterValueType> {
     columnDef: RowSelectionDef<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/RowSelectionTableCell.d.ts

@@ -1,5 +1,6 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { BoolFilterValueType } from '../../../Types/Filtering/FilterFn.js';
 import type { RowSelectionColumn } from './RowSelectionColumn.js';
-export interface RowSelectionTableCell<T extends object> extends TableCell<T> {
+export interface RowSelectionTableCell<T extends object> extends TableCell<T, BoolFilterValueType> {
     column: RowSelectionColumn<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/SelectColumn.d.ts

@@ -1,5 +1,6 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { SelectDef } from '../../../Types/Columns/Definitions/Accessors/SelectDef.svelte.js';
-export interface SelectColumn<T extends object> extends Column<T> {
+import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
+export interface SelectColumn<T extends object> extends Column<T, SelectFilterValueType<T>> {
     columnDef: SelectDef<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/TableAction.svelte

@@ -8,14 +8,14 @@
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import type { ActionsTableCell } from './ActionsTableCell.js';
 
-	export interface TableActionProps<T extends object> {
+	export interface TableActionProps<T extends object, FilterValueType> {
 		action: TableActionButton<T>;
-		cell: ActionsTableCell<T>;
+		cell: ActionsTableCell<T, FilterValueType>;
 	}
 </script>
 
-<script lang="ts" generics="T extends object">
-	const { action, cell }: TableActionProps<T> = $props();
+<script lang="ts" generics="T extends object,FilterValueType">
+	const { action, cell }: TableActionProps<T, FilterValueType> = $props();
 
 	const isEnabledPromise: boolean | Promise<boolean> = $derived.by(() => {
 		const disabled = action.isDisabled?.(cell.row.original, cell.row.originalIndex);

package/dist/Components/Table/Body/Rows/Columns/TableAction.svelte.d.ts

@@ -1,30 +1,30 @@
 import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
 import type { ActionsTableCell } from './ActionsTableCell.js';
-export interface TableActionProps<T extends object> {
+export interface TableActionProps<T extends object, FilterValueType> {
     action: TableActionButton<T>;
-    cell: ActionsTableCell<T>;
+    cell: ActionsTableCell<T, FilterValueType>;
 }
-declare function $$render<T extends object>(): {
-    props: TableActionProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: TableActionProps<T, FilterValueType>;
     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, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['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, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const TableAction: $$IsomorphicComponent;
-type TableAction<T extends object> = InstanceType<typeof TableAction<T>>;
+type TableAction<T extends object, FilterValueType> = InstanceType<typeof TableAction<T, FilterValueType>>;
 export default TableAction;

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte

@@ -25,8 +25,8 @@
 
 	export interface TableColumnProps<T extends object, FilterValueType> {
 		cell: TableCell<T, FilterValueType>;
-		expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
-		onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
+		expandedColumnDef: ExpandDef<T, object, Primitive, FilterValueType> | undefined;
+		onExpandChange: (columnDef: ExpandDef<T, object, Primitive, FilterValueType>) => void;
 	}
 
 	function isProgressBarTableCell<T extends object>(
@@ -56,10 +56,12 @@
 		return typeof valueOrComponent === 'function';
 	}
 
-	function isActionsDef(cell: TableCell<T>): cell is ActionsTableCell<T> {
+	function isActionsDef(cell: TableCell<T>): cell is ActionsTableCell<T, FilterValueType> {
 		return cell.column.columnDef instanceof ActionsDef;
 	}
-	function isExpandTableCell(cell: TableCell<T>): cell is ExpandTableCell<T, object, Primitive> {
+	function isExpandTableCell(
+		cell: TableCell<T>
+	): cell is ExpandTableCell<T, object, Primitive, FilterValueType> {
 		return cell.column.columnDef instanceof ExpandDef;
 	}
 

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte.d.ts

@@ -2,8 +2,8 @@ import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.s
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 export interface TableColumnProps<T extends object, FilterValueType> {
     cell: TableCell<T, FilterValueType>;
-    expandedColumnDef: ExpandDef<T, object, Primitive> | undefined;
-    onExpandChange: (columnDef: ExpandDef<T, object, Primitive>) => void;
+    expandedColumnDef: ExpandDef<T, object, Primitive, FilterValueType> | undefined;
+    onExpandChange: (columnDef: ExpandDef<T, object, Primitive, FilterValueType>) => void;
 }
 import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 declare function $$render<T extends object, FilterValueType>(): {

package/dist/Components/Table/Body/Rows/Columns/TableQueryColumn.d.ts

@@ -1,5 +1,6 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
-export interface TableQueryColumn<T extends object> extends Column<T> {
+import type { SelectFilterValueType } from '../../../Types/Filtering/FilterFn.js';
+export interface TableQueryColumn<T extends object> extends Column<T, SelectFilterValueType<T>> {
     columnDef: QueryDef<T>;
 }

package/dist/Components/Table/Body/Rows/TableRow.svelte

@@ -20,7 +20,7 @@
 	const hoverable = $derived(tableContext.changeColourOnHover);
 
 	//HACK converted this from derived to state+deffect because otherwise this throws an unsafe mutation error deeper down the stack
-	const cells: Array<TableCell<T>> = $derived(
+	const cells: Array<TableCell<T, unknown>> = $derived(
 		side === 'left'
 			? row.getLeftVisibleCells()
 			: side === 'right'
@@ -28,7 +28,7 @@
 				: row.getCenterVisibleCells()
 	);
 
-	let expandedColumnDef: ExpandDef<T, object, Primitive> | undefined = $state();
+	let expandedColumnDef: ExpandDef<T, object, Primitive, unknown> | undefined = $state();
 
 	$effect(() => {
 		if (cells.length) {
@@ -45,7 +45,7 @@
 	let innerColumnDefs: DefsWrapper<object> = $state({ defs: [] });
 	let innerTableName: string | undefined = $state();
 
-	let prevExpandedColumnDef: ExpandDef<T, object, Primitive> | undefined = $state();
+	let prevExpandedColumnDef: ExpandDef<T, object, Primitive, unknown> | undefined = $state();
 
 	const rowIndex = $derived(cells.at(0) && cells[0].row.visibleIndex);
 	const highlighted = $derived(
@@ -84,7 +84,7 @@
 		});
 	});
 
-	function onExpandChange(columnDef: ExpandDef<T, object, Primitive>) {
+	function onExpandChange(columnDef: ExpandDef<T, object, Primitive, unknown>) {
 		if (expandedColumnDef?.id === columnDef.id) {
 			expandedColumnDef = undefined;
 		} else {

package/dist/Components/Table/Body/TableBodyProps.d.ts

@@ -3,6 +3,6 @@ import type { HeightData } from './HeightData.js';
 export interface TableBodyProps<T extends object> {
     side: 'left' | 'centre' | 'right';
     heights: Array<HeightData<T>>;
-    columns: Array<Column<T>>;
+    columns: Array<Column<T, unknown>>;
     includeHighlight: boolean;
 }

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

@@ -2,4 +2,4 @@ import type { ExampleItem } from '../../../Types/Examples/ExampleItem.js';
 import { type Component } from 'svelte';
 import type { DisplayDefModalProps } from '../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { DefsWrapper } from '../Types/Columns/DefsWrapper.js';
-export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem, never>, object, ''>): DefsWrapper<ExampleItem>;
+export declare function generateExampleItemColumnDefs(modal: Component<DisplayDefModalProps<ExampleItem, unknown>, object, ''>): DefsWrapper<ExampleItem>;

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.js

@@ -15,20 +15,21 @@ import { ProgressBarDef } from '../Types/Columns/Definitions/Display/ProgressBar
 import { ValidityDef } from '../Types/Columns/Definitions/Display/ValidityDef.svelte.js';
 import { ExpandDef } from '../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 export function generateExampleItemColumnDefs(modal) {
+    const expandDef = new ExpandDef({
+        accessorFn: (it) => [it],
+        getInnerColumnDefs: () => generateExampleItemColumnDefs(modal),
+        header: 'Expand Cell',
+        id: 'expand',
+        headerIcon: 'access-token',
+        innerTableName: 'expand-inner',
+        innerTableOptions: {
+            selectionExtractor: (item) => Promise.resolve(item.id),
+            getUserId: () => '1'
+        },
+        isEnabled: () => true
+    });
     let defs = $state([
-        new ExpandDef({
-            accessorFn: (it) => [it],
-            getInnerColumnDefs: () => generateExampleItemColumnDefs(modal),
-            header: 'Expand Cell',
-            id: 'expand',
-            headerIcon: 'access-token',
-            innerTableName: 'expand-inner',
-            innerTableOptions: {
-                selectionExtractor: (item) => Promise.resolve(item.id),
-                getUserId: () => '1'
-            },
-            isEnabled: () => true
-        }),
+        expandDef,
         new ValidityDef({
             header: 'Valid',
             id: 'valid',

package/dist/Components/Table/Headers/TableHead.svelte

@@ -59,7 +59,7 @@
 		currentDropTarget = target as HTMLTableCellElement | null;
 	}
 
-	function showtooltip(e: MouseEvent, columnDef: ColumnDef<T>): void {
+	function showtooltip(e: MouseEvent, columnDef: ColumnDef<T, unknown>): void {
 		if (columnDef instanceof ExpandDef) {
 			const rect = (e.target as HTMLElement).closest('th')?.getBoundingClientRect();
 
@@ -78,7 +78,7 @@
 		}
 	}
 
-	function hideTooltip(columnDef: ColumnDef<T>): void {
+	function hideTooltip(columnDef: ColumnDef<T, unknown>): void {
 		if (columnDef instanceof ExpandDef) {
 			tooltipContext.hideTooltip(
 				`Show ${typeof columnDef.header === 'string' ? columnDef.header : columnDef.id}`
@@ -101,7 +101,7 @@
 		currentDropTarget = null;
 	}
 
-	function setDragTarget(def: ColumnDef<T>) {
+	function setDragTarget(def: ColumnDef<T, unknown>) {
 		tableContext.dragTarget = def;
 	}
 

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

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script lang="ts" generics="T extends object,FilterValueType">
 	import { dev } from '$app/environment';
 	import Button from '../../Button.svelte';
 	import MultiSelect from '../../MultiSelect.svelte';
@@ -26,7 +26,7 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const { def, customFilters }: FilterInputProps<T> = $props();
+	const { def, customFilters }: FilterInputProps<T, FilterValueType> = $props();
 
 	const customFilter = $derived(customFilters?.get(def.id));
 

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

@@ -1,25 +1,25 @@
 import type { FilterInputProps } from './FilterInputProps.js';
-declare function $$render<T extends object>(): {
-    props: FilterInputProps<T>;
+declare function $$render<T extends object, FilterValueType>(): {
+    props: FilterInputProps<T, FilterValueType>;
     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, FilterValueType> {
+    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType>>['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, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FilterInput: $$IsomorphicComponent;
-type FilterInput<T extends object> = InstanceType<typeof FilterInput<T>>;
+type FilterInput<T extends object, FilterValueType> = InstanceType<typeof FilterInput<T, FilterValueType>>;
 export default FilterInput;

package/dist/Components/Table/Misc/FilterInputProps.d.ts

@@ -1,6 +1,6 @@
 import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
 import type { CustomRemoteFilters } from '../Types/Filtering/CustomRemoteFilters.js';
-export interface FilterInputProps<T extends object> {
-    def: ColumnDef<T>;
+export interface FilterInputProps<T extends object, FilterValueType> {
+    def: ColumnDef<T, FilterValueType>;
     customFilters?: CustomRemoteFilters | undefined;
 }

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

@@ -18,7 +18,7 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const { onclose }: FilterPanelModalProps = $props();
-	const refs: Array<FilterInput<T>> = $state([]);
+	const refs: Array<FilterInput<T, unknown>> = $state([]);
 
 	function reset() {
 		tableContext.paginationRepo?.resetFilters();

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

@@ -2,7 +2,7 @@ import type { IconProps } from '../../../../../IconProps.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, InnterIdType extends Primitive> 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'];
@@ -10,9 +10,9 @@ export interface ExpandDefProps<T extends object, R extends object, InnterIdType
     innerTableOptions: TableInitOptions<R, InnterIdType>;
     accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
 }
-export declare class ExpandDef<T extends object, R extends object, InnterIdType extends Primitive> 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, InnterIdType>);
+    constructor(props: ExpandDefProps<T, R, InnterIdType, FilterValueType>);
     readonly accessorFn: (item: T, index: number) => Array<R> | Promise<Array<R>>;
     readonly filterFn: undefined;
     readonly innerTableName: string;

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,8 +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, IdType extends Primitive> {
+export interface ExpandColumn<T extends object, R extends object, IdType extends Primitive, FilterValueType> {
     id: string;
-    columnDef: ExpandDef<T, R, IdType>;
+    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,8 +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, IdType extends Primitive> {
-    column: ExpandColumn<T, R, IdType>;
+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

@@ -10,7 +10,7 @@ import type { OnChangeFn } from '../OnChangeFn.js';
 import type { PaginationState } from '../Pagination/PaginationState.js';
 export interface ITable<T extends object> {
     data: Promise<Array<T>>;
-    columns: Array<ColumnDef<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;

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

@@ -5,7 +5,7 @@ export interface Row<T extends object> {
     visibleIndex: number;
     originalIndex: number;
     id: string;
-    getLeftVisibleCells: () => Array<TableCell<T>>;
-    getRightVisibleCells: () => Array<TableCell<T>>;
-    getCenterVisibleCells: () => Array<TableCell<T>>;
+    getLeftVisibleCells: () => Array<TableCell<T, unknown>>;
+    getRightVisibleCells: () => Array<TableCell<T, unknown>>;
+    getCenterVisibleCells: () => Array<TableCell<T, unknown>>;
 }

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -62,11 +62,11 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     get limitFooter(): boolean;
     set limitFooter(v: boolean);
     private _dragTarget;
-    get dragTarget(): ColumnDef<T> | null;
-    set dragTarget(v: ColumnDef<T> | null);
+    get dragTarget(): ColumnDef<T, any> | null;
+    set dragTarget(v: ColumnDef<T, any> | null);
     private _columnDefs;
-    get columnDefs(): Array<ColumnDef<T>>;
-    set columnDefs(v: Array<ColumnDef<T>>);
+    get columnDefs(): Array<ColumnDef<T, unknown>>;
+    set columnDefs(v: Array<ColumnDef<T, unknown>>);
     private _columnPresets;
     get columnPresets(): ReadonlyArray<ColumnDefSet<T>>;
     private set columnPresets(value);
@@ -178,8 +178,8 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     updateColumnSizing: OnChangeFn<ColumnSizingState>;
     readonly table: ITable<T>;
     readonly lastPage: number;
-    readonly measureHeaderWidth: (columnDef: ColumnDef<T>) => number;
-    readonly autoResize: (columnDef: ColumnDef<T>) => Promise<void>;
+    readonly measureHeaderWidth: (columnDef: ColumnDef<T, unknown>) => number;
+    readonly autoResize: (columnDef: ColumnDef<T, unknown>) => Promise<void>;
     reorderColumn: (dropTarget: HTMLLIElement | HTMLTableCellElement | null) => void;
     copyHighlightedRowsToClipboard: () => Promise<void>;
     copyDataToClipboard: () => Promise<void>;
@@ -231,8 +231,8 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private setupDefaultColumnDefs;
     private _getUserDefaults;
     private _setNewPinningState;
-    readonly getToggleSortingHandler: (def: ColumnDef<T>) => () => void;
+    readonly getToggleSortingHandler: (def: ColumnDef<T, unknown>) => () => void;
     private reassignDefsToPresets;
     private filteringLoop;
 }
-export declare function isSearchable<T extends object, CD extends ColumnDef<T>>(def: CD): def is CD & HasCustomFilterFunction;
+export declare function isSearchable<T extends object, CD extends ColumnDef<T, unknown>>(def: CD): def is CD & HasCustomFilterFunction;

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -317,6 +317,8 @@ export class TableContext {
     set limitFooter(v) {
         this._limitFooter = v;
     }
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    // type here set to any because users of this property should not access the filter type, but typescript doesn't support that
     _dragTarget = $state(null);
     get dragTarget() {
         return this._dragTarget;
@@ -324,6 +326,7 @@ export class TableContext {
     set dragTarget(v) {
         this._dragTarget = v;
     }
+    /* eslint-enable @typescript-eslint/no-explicit-any */
     _columnDefs = $state([]);
     get columnDefs() {
         return this._columnDefs;
@@ -2257,7 +2260,8 @@ function areDefsEquivalent(newColumnDefs, oldColumnDefs) {
         const oldDef = oldColumnDefs.find((d) => d.id === newDef.id);
         if (oldDef === undefined ||
             newDef.header !== oldDef.header ||
-            newDef.columnType !== oldDef.columnType
+            newDef.columnType !== oldDef.columnType ||
+            newDef.filterValueType !== oldDef.filterValueType
         // ||
         // newDef.defaultHidden !== oldDef.defaultHidden ||
         // newDef.enableHiding !== oldDef.enableHiding ||

package/dist/Components/Table/Types/Header.d.ts

@@ -1,9 +1,9 @@
 import type { Column } from './Columns/Column.js';
-export interface Header<T extends object> {
+export interface Header<T extends object, FilterValueType> {
     id: string;
     colSpan: number;
     getSize: () => number;
-    column: Column<T>;
+    column: Column<T, FilterValueType>;
     isPlaceholder: boolean;
     getResizeHandler: () => (e: MouseEvent) => void;
 }

package/dist/Components/Table/Types/HeaderGroup.d.ts

@@ -1,5 +1,5 @@
 import type { Header } from './Header.js';
 export interface HeaderGroup<T extends object> {
     id: string;
-    headers: Array<Header<T>>;
+    headers: Array<Header<T, unknown>>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "publishConfig": {
     "access": "restricted"
   },