@lavalogic/scoria 0.17.2 → 0.18.0

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

@@ -9,8 +9,7 @@
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -32,7 +31,6 @@
 	let lastOptions: Array<SelectOption<unknown>> = $state([]);
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const { toast } = getContext<ToastContext>(ToastContext.identifier);
 
 	const editableAsync = $derived(
 		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
@@ -105,8 +103,8 @@
 		});
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toast)
+	const focusDetails: TableFocusDetails<T, never> = $derived(
+		new TableFocusDetails(cell, tableContext)
 	);
 
 	const wantsToBeEdited = $derived(
@@ -156,41 +154,23 @@
 		}
 	});
 
-	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
-		focusDetails.validityTuple
-			.then(([newValidity]) => {
-				untrack(() => {
-					tick()
-						.then(() => {
-							validity = newValidity;
-						})
-						.catch(devCatch);
-				});
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
 			})
 			.catch(devCatch);
 	});
 
-	$effect(() => {
-		if (validity != previousValidity) {
-			untrack(() => {
-				tick()
-					.then(() => {
-						const x =
-							validity === Validity.Invalid
-								? tableContext.addInvalidValue(cell.row.original)
-								: tableContext.removeInvalidValue(cell.row.original);
-
-						previousValidity = validity;
-
-						return x;
-					})
-					.catch(devCatch);
-			});
-		}
-	});
-
 	const handleTDFocus = () => {
 		if (
 			editable &&

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

@@ -7,36 +7,33 @@
 	import type { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
-	import { getContext } from 'svelte';
+	import { devCatch, getErrorMessage, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
+	import { Validity } from '../../../../../Types/Internal/Validity.js';
+	import { getContext, tick, untrack } from 'svelte';
 	import type { ChangeEventHandler } from 'svelte/elements';
 
 	export interface TableCheckboxProps<T extends object> {
 		cell: TableCell<T>;
-
-		onchange?: ChangeEventHandler<HTMLInputElement>;
 	}
 </script>
 
 <script
 	lang="ts"
-	generics="T extends object,"
+	generics="T extends object,RowIdType extends Primitive"
 >
-	const { cell, onchange: parentOnchange }: TableCheckboxProps<T> = $props();
+	const { cell }: TableCheckboxProps<T> = $props();
 
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const toastContext = getContext<ToastContext>(ToastContext.identifier);
+	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toastContext.toast)
+	const focusDetails: TableFocusDetails<T, RowIdType> = $derived(
+		new TableFocusDetails(cell, tableContext)
 	);
 
-	const key: Promise<unknown> = $derived(tableContext.selectionExtractor(cell.row.original));
-
-	const value = $derived(tableContext.selectedItems.has(key));
-
+	const keyPromise: Promise<RowIdType> = $derived(
+		tableContext.selectionExtractor(cell.row.original)
+	);
 	const isSelectable = $derived(
 		(cell.column.columnDef as RowSelectionDef<T>).isSelectable(
 			cell.row.original,
@@ -44,11 +41,54 @@
 		)
 	);
 
-	const onchange: ChangeEventHandler<HTMLInputElement> = (e) => {
-		tableContext
-			.toggleSelected(cell.row.original, (e.target as HTMLInputElement).checked)
+	const isSelectedPromise = $derived.by(async () => {
+		void keyPromise;
+		void isSelectable;
+		void tableContext.selectedItems.size;
+
+		const key = await keyPromise;
+
+		return tableContext.selectedItems.has(key);
+	});
+
+	let previousValidity: Validity = $state(Validity.Valid);
+	let validity: Validity = $state(Validity.Valid);
+	$effect(() => {
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
+			})
 			.catch(devCatch);
-		parentOnchange?.(e);
+	});
+
+	$effect(() => {
+		if (validity != previousValidity) {
+			untrack(() => {
+				tick()
+					.then(() => {
+						const x: Promise<void> =
+							validity === Validity.Invalid
+								? tableContext.addInvalidValue(cell.row.original)
+								: tableContext.removeInvalidValue(cell.row.original);
+
+						previousValidity = validity;
+						return x;
+					})
+					.catch(devCatch);
+			});
+		}
+	});
+
+	const onchange: ChangeEventHandler<HTMLInputElement> = () => {
+		tableContext.toggleSelected(cell.row.original).catch(devCatch);
 	};
 
 	let inputRef: HTMLInputElement | undefined = $state();
@@ -57,6 +97,10 @@
 <!-- svelte-ignore a11y_mouse_events_have_key_events -->
 <td
 	class="checkbox-cell"
+	class:info={validity == Validity.Info}
+	class:success={validity == Validity.Valid}
+	class:warning={validity == Validity.Warning}
+	class:error={validity == Validity.Invalid}
 	onmousedown={(e) => {
 		// start focus only on left click
 		if (e.button === 0) {
@@ -76,7 +120,8 @@
 	onkeyup={(e) => {
 		if (e.key === 'Enter') {
 			e.stopPropagation();
-			tableContext.toggleSelected(cell.row.original, !value).catch(devCatch);
+
+			tableContext.toggleSelected(cell.row.original).catch(devCatch);
 
 			inputRef?.dispatchEvent(new InputEvent('change'));
 			// tableContext.onEditCell(cell.row.original, focusDetails.coordinates, !value);
@@ -96,27 +141,28 @@
 		class:multifocus-start={focusDetails.isMultiFocusStart}
 		style={focusDetails.outline}
 	>
-		{#await isSelectable}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render input(false)}
-		{:then isSelectable}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render input(isSelectable)}
+		{#await isSelectedPromise}
+			<input
+				id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+				type="checkbox"
+				checked={false}
+				disabled
+			/>
+		{:then isSelected}
+			<input
+				id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
+				bind:this={inputRef}
+				{onchange}
+				type="checkbox"
+				checked={isSelected}
+				disabled={!isSelectable || tableContext.showSelectedOnly}
+			/>
+		{:catch e}
+			Error: {getErrorMessage(e)}
 		{/await}
 	</label>
 </td>
 
-{#snippet input(isSelectable: boolean)}
-	<input
-		id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
-		bind:this={inputRef}
-		{onchange}
-		type="checkbox"
-		checked={value}
-		disabled={!isSelectable || tableContext.showSelectedOnly}
-	/>
-{/snippet}
-
 <style>td {
   transition: line-height 0.2s ease, height 0.2s ease;
   --input-border: none;
@@ -165,4 +211,14 @@ label.multifocus {
 }
 label.multifocus.multifocus-start {
   background-color: #ffffff;
+}
+
+td.info {
+  background-color: #1f81a0;
+}
+td.warning {
+  background-color: #f8eab8;
+}
+td.error {
+  background-color: #f9e9e9;
 }</style>

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

@@ -1,30 +1,29 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-import type { ChangeEventHandler } from 'svelte/elements';
+import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
 export interface TableCheckboxProps<T extends object> {
     cell: TableCell<T>;
-    onchange?: ChangeEventHandler<HTMLInputElement>;
 }
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object, RowIdType extends Primitive>(): {
     props: TableCheckboxProps<T>;
     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, RowIdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, RowIdType>>['props'];
+    events(): ReturnType<typeof $$render<T, RowIdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, RowIdType>>['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, RowIdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, RowIdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, RowIdType>['props']>, ReturnType<__sveltets_Render<T, RowIdType>['events']>, ReturnType<__sveltets_Render<T, RowIdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, RowIdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, RowIdType>['exports']>;
+    <T extends object, RowIdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, RowIdType>['props']> & {}): ReturnType<__sveltets_Render<T, RowIdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const TableRowSelectionCheckbox: $$IsomorphicComponent;
-type TableRowSelectionCheckbox<T extends object> = InstanceType<typeof TableRowSelectionCheckbox<T>>;
+type TableRowSelectionCheckbox<T extends object, RowIdType extends Primitive> = InstanceType<typeof TableRowSelectionCheckbox<T, RowIdType>>;
 export default TableRowSelectionCheckbox;

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

@@ -8,8 +8,7 @@
 	import SingleSelect from '../../../../SingleSelect.svelte';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -33,8 +32,6 @@
 	const optional = $derived(cell.column.columnDef.optional);
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const { toast } = getContext<ToastContext>(ToastContext.identifier);
-
 	const editableAsync = $derived(
 		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
@@ -64,8 +61,8 @@
 		})().catch(devCatch);
 	});
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toast)
+	const focusDetails: TableFocusDetails<T, never> = $derived(
+		new TableFocusDetails(cell, tableContext)
 	);
 
 	const wantsToBeEdited = $derived(
@@ -121,40 +118,23 @@
 		) ?? cell.column.columnDef.getOptions()
 	);
 
-	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
-		focusDetails.validityTuple
-			.then(([newValidity]) => {
-				untrack(() => {
-					tick()
-						.then(() => {
-							validity = newValidity;
-						})
-						.catch(devCatch);
-				});
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
 			})
 			.catch(devCatch);
 	});
 
-	$effect(() => {
-		if (validity != previousValidity) {
-			untrack(() => {
-				tick()
-					.then(() => {
-						const x =
-							validity === Validity.Invalid
-								? tableContext.addInvalidValue(cell.row.original)
-								: tableContext.removeInvalidValue(cell.row.original);
-
-						previousValidity = validity;
-
-						return x;
-					})
-					.catch(devCatch);
-			});
-		}
-	});
 	function handleTDFocus(): boolean {
 		if (
 			editable &&

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

@@ -9,8 +9,7 @@
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import TextInput from '../../../../TextInput.svelte';
-	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import { InputVariant } from '../../../../../Types/Internal/InputVariant.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -60,10 +59,9 @@
 	let inputRef = $state<HTMLInputElement | undefined>();
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toastContext.toast)
+	const focusDetails: TableFocusDetails<T, never> = $derived(
+		new TableFocusDetails(cell, tableContext)
 	);
 
 	const wantsToBeEdited = $derived(
@@ -128,41 +126,23 @@
 		}
 	});
 
-	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
-		focusDetails.validityTuple
-			.then(([newValidity]) => {
-				untrack(() => {
-					tick()
-						.then(() => {
-							validity = newValidity;
-						})
-						.catch(devCatch);
-				});
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+				} else {
+					validity = v;
+				}
 			})
 			.catch(devCatch);
 	});
 
-	$effect(() => {
-		if (validity != previousValidity) {
-			untrack(() => {
-				tick()
-					.then(() => {
-						const x =
-							validity === Validity.Invalid
-								? tableContext.addInvalidValue(cell.row.original)
-								: tableContext.removeInvalidValue(cell.row.original);
-
-						previousValidity = validity;
-
-						return x;
-					})
-					.catch(devCatch);
-			});
-		}
-	});
-
 	function handleBeingEdited() {
 		tableContext.isMousingDown = false;
 		tick()

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

@@ -10,8 +10,7 @@
 	import type { AbstractDisplayDef } from '../../../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
+	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import { Colour, ColourSet } from '../../../../../scss/colours.js';
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
@@ -41,20 +40,20 @@
 
 <script
 	lang="ts"
-	generics="T extends object,  FilterValueType"
+	generics="T extends object,  FilterValueType, RowIdType extends Primitive"
 >
-	import { getContext, tick, untrack } from 'svelte';
+	import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
+	import { getContext, tick } from 'svelte';
 	import type { ValidityCellProps } from './ValidityCellProps.js';
 
 	const { cell }: ValidityCellProps<T, FilterValueType> = $props();
 
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const { toast } = getContext<ToastContext>(ToastContext.identifier);
+	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
 
 	const ColumnDef = $derived(cell.column.columnDef as AbstractDisplayDef<T, FilterValueType>);
 
-	const focusDetails: TableFocusDetails<T> = $derived(
-		new TableFocusDetails(cell, tableContext, toast)
+	const focusDetails: TableFocusDetails<T, RowIdType> = $derived(
+		new TableFocusDetails(cell, tableContext)
 	);
 
 	let showModal = $state(false);
@@ -72,32 +71,27 @@
 		}
 	});
 
-	let validity = $derived(focusDetails.validityTuple);
+	let validity: Validity = $state(Validity.Valid);
+	let reason = $state<string | undefined>();
 
 	$effect(() => {
-		if (ColumnDef.debug) {
-			$inspect(validity);
-		}
-	});
-
-	$effect(() => {
-		void validity;
-		untrack(() => {
-			(async () => {
-				await tick();
-				const [validityValue] = await validity;
-
-				if (ColumnDef.debug) {
-					console.log('validity: ', $state.snapshot(validityValue));
-				}
-
-				if (validityValue === Validity.Invalid) {
-					return tableContext.addInvalidValue(cell.row.original);
+		const validityPromise = focusDetails.validity;
+
+		validityPromise
+			.then((v) => {
+				if (!v) {
+					validity = Validity.Neutral;
+					reason = undefined;
+				} else if (isValidityTuple(v)) {
+					validity = v.value;
+					reason = v.reason;
 				} else {
-					return tableContext.removeInvalidValue(cell.row.original);
+					validity = v;
+
+					reason = undefined;
 				}
-			})().catch(devCatch);
-		});
+			})
+			.catch(devCatch);
 	});
 
 	const thisId = $derived(
@@ -115,6 +109,8 @@
 				.catch(devCatch);
 		}
 	}
+
+	const icon = $derived(iconSets[validity]);
 </script>
 
 <!-- svelte-ignore a11y_mouse_events_have_key_events -->
@@ -145,37 +141,20 @@
 		class:multifocus={focusDetails.isMultiFocused}
 		class:multifocus-start={focusDetails.isMultiFocusStart}
 	>
-		{#await validity}
-			<Action
-				id={thisId}
-				style={focusDetails.outline}
-				border={false}
-				disabled
-				colourSet={ColourSet.Auxiliary}
-				size={Size.FillWidth}
-				icon={{
-					name: 'loading',
-					colour: Colour['$ui-blue-6'],
-					size: Size.Medium,
-				}}
-			/>
-		{:then maybeTuple}
-			{@const [value, reason] = maybeTuple}
-			<Action
-				id={thisId}
-				style={focusDetails.outline}
-				border={false}
-				colourSet={ColourSet.Auxiliary}
-				label={reason}
-				size={Size.FillWidth}
-				icon={iconSets[value]}
-				onclick={() => {
-					if (ColumnDef.modal) {
-						tableContext.setOpenModalCoordinates(focusDetails.coordinates);
-					}
-				}}
-			/>
-		{/await}
+		<Action
+			id={thisId}
+			style={focusDetails.outline}
+			border={false}
+			colourSet={ColourSet.Auxiliary}
+			label={reason}
+			size={Size.FillWidth}
+			{icon}
+			onclick={() => {
+				if (ColumnDef.modal) {
+					tableContext.setOpenModalCoordinates(focusDetails.coordinates);
+				}
+			}}
+		/>
 	</div>
 	{#if showModal}
 		<Portal target={document.body}>

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

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