@lavalogic/scoria 0.11.15 → 0.12.0

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

@@ -7,17 +7,16 @@
 </script>
 
 <script lang="ts" generics="T extends object">
-	import { dev } from '$app/environment';
-
 	import NumberInput from '../../../../NumberInput.svelte';
 	import { NumberInputDef } from '../../../Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.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 { InputVariant } from '../../../../../Types/Internal/InputVariant.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
-	import { untrack, getContext, tick, onMount } from 'svelte';
+	import { getContext, tick, untrack } from 'svelte';
 
 	const { cell }: TableNumberInputProps<T> = $props();
 
@@ -77,7 +76,7 @@
 					console.log('skipping async editable because it is stale');
 				}
 			}
-		})();
+		})().catch(devCatch);
 	});
 
 	const focusDetails: TableFocusDetails<T> = $derived(
@@ -89,8 +88,8 @@
 			tableContext.focusEnd?.column === focusDetails.coordinates.column &&
 			tableContext.focusStart.row === focusDetails.coordinates.row &&
 			tableContext.focusEnd.row === focusDetails.coordinates.row &&
-			tableContext.isMousingDown === false &&
-			tableContext.focusStartIsBeingEdited === true
+			!tableContext.isMousingDown &&
+			tableContext.focusStartIsBeingEdited
 	);
 
 	let isBeingEdited = $state(false);
@@ -98,25 +97,31 @@
 	$effect(() => {
 		if (wantsToBeEdited) {
 			if (editable) {
-				tick().then(() => {
-					untrack(() => {
-						isBeingEdited = true;
-					});
-				});
+				tick()
+					.then(() => {
+						untrack(() => {
+							isBeingEdited = true;
+						});
+					})
+					.catch(devCatch);
 			} else {
-				tick().then(() => {
-					untrack(() => {
-						tableContext.focusStartIsBeingEdited = false;
-					});
-				});
+				tick()
+					.then(() => {
+						untrack(() => {
+							tableContext.focusStartIsBeingEdited = false;
+						});
+					})
+					.catch(devCatch);
 			}
 		} else {
 			if (isBeingEdited) {
 				untrack(() => {
 					isBeingEdited = false;
-					tick().then(() => {
-						onBlur();
-					});
+					tick()
+						.then(() => {
+							onBlur();
+						})
+						.catch(devCatch);
 				});
 			}
 		}
@@ -137,35 +142,43 @@
 	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
-		focusDetails.validityTuple.then(([newValidity]) => {
-			untrack(() => {
-				tick().then(() => {
-					validity = newValidity;
+		focusDetails.validityTuple
+			.then(([newValidity]) => {
+				untrack(() => {
+					tick()
+						.then(() => {
+							validity = newValidity;
+						})
+						.catch(devCatch);
 				});
-			});
-		});
+			})
+			.catch(devCatch);
 	});
 
 	$effect(() => {
 		if (validity != previousValidity) {
 			untrack(() => {
-				tick().then(() => {
-					if (validity === Validity.Invalid) {
-						tableContext.addInvalidValue(cell.row.original);
-					} else {
-						tableContext.removeInvalidValue(cell.row.original);
-					}
-					previousValidity = validity;
-				});
+				tick()
+					.then(() => {
+						if (validity === Validity.Invalid) {
+							tableContext.addInvalidValue(cell.row.original);
+						} else {
+							tableContext.removeInvalidValue(cell.row.original);
+						}
+						previousValidity = validity;
+					})
+					.catch(devCatch);
 			});
 		}
 	});
 
 	function handleBeingEdited() {
 		tableContext.isMousingDown = false;
-		tick().then(() => {
-			inputRef?.select();
-		});
+		tick()
+			.then(() => {
+				inputRef?.select();
+			})
+			.catch(devCatch);
 	}
 
 	function handleInputKeydown(e: KeyboardEvent) {
@@ -176,9 +189,11 @@
 
 				resetValue();
 				tableContext.focusStartIsBeingEdited = false;
-				tick().then(() => {
-					tdref?.focus();
-				});
+				tick()
+					.then(() => {
+						tdref?.focus();
+					})
+					.catch(devCatch);
 				break;
 			case 'Enter':
 				e.preventDefault();
@@ -187,9 +202,11 @@
 				// shouldFocusTDOnBlur.current = true;
 				tableContext.focusStartIsBeingEdited = false;
 				(e.target as HTMLInputElement).blur();
-				tick().then(() => {
-					tdref?.focus();
-				});
+				tick()
+					.then(() => {
+						tdref?.focus();
+					})
+					.catch(devCatch);
 				break;
 		}
 	}
@@ -198,7 +215,9 @@
 		const oldValue = typeof value === 'string' ? parseInt(value) : value;
 
 		if (oldValue != tempNumericValue) {
-			tableContext.onEditCell(cell.row.original, focusDetails.coordinates, tempNumericValue);
+			tableContext
+				.onEditCell(cell.row.original, focusDetails.coordinates, tempNumericValue)
+				.catch(devCatch);
 		}
 
 		if (!tableContext.singleClickEditing) {
@@ -238,9 +257,11 @@
 				overrideEdit = true;
 
 				tableContext.isMousingDown = false;
-				tick().then(() => {
-					inputRef?.focus();
-				});
+				tick()
+					.then(() => {
+						inputRef?.focus();
+					})
+					.catch(devCatch);
 			}
 
 			tableContext.focusStartIsBeingEdited = true;

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

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

package/dist/Components/Table/Body/Rows/Columns/TableQueryCell.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+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> {
+    columnDef: QueryDef<T>;
+}

package/dist/Components/Table/Body/Rows/Columns/TableQueryColumn.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,35 +1,21 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script lang="ts" generics="T extends object">
 	import { dev } from '$app/environment';
 	import QuerySelect from '../../../../QuerySelect.svelte';
-	import type { Column } from '../../../Types/Columns/Column.js';
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
-	import type { TableCell } from '../../../Types/Columns/TableCell.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 type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
+	import type { TableQuerySelectProps } from './TableQuerySelectProps.js';
 
-	export interface TableQueryColumn<T extends object> extends Column<T> {
-		columnDef: QueryDef<T>;
-	}
-
-	export interface TableQueryCell<T extends object> extends TableCell<T> {
-		column: TableQueryColumn<T>;
-	}
-
-	export interface TableQuerySelectProps<T extends object> {
-		cell: TableQueryCell<T>;
-	}
-</script>
-
-<script lang="ts" generics="T extends object,">
 	const { cell }: TableQuerySelectProps<T> = $props();
 
-	const value = $derived((cell.getValue() ?? null) as unknown | Promise<unknown> | null);
+	const value = $derived((cell.getValue() ?? null) as unknown);
 
 	const visibleValue = $derived(
 		cell.column.columnDef.getDisplayValue(cell.row.original, cell.row.originalIndex)
@@ -40,7 +26,7 @@
 	const columnDef: QueryDef<T> = $derived(cell.column.columnDef) as unknown as QueryDef<T>; // TODO stabilise and remove `as unknown`
 	// const optional = $derived(columnDef.optional ?? false);
 
-	let lastOptions: SelectOption<unknown>[] = $state([]);
+	let lastOptions: Array<SelectOption<unknown>> = $state([]);
 
 	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
@@ -85,7 +71,7 @@
 						console.log('skipping caught async option insertion error because it is stale');
 					}
 				}
-			})();
+			})().catch(devCatch);
 		});
 	});
 
@@ -112,7 +98,7 @@
 						console.log('skipping async editable because it is stale');
 					}
 				}
-			})();
+			})().catch(devCatch);
 		});
 	});
 
@@ -125,8 +111,8 @@
 			tableContext.focusEnd?.column === focusDetails.coordinates.column &&
 			tableContext.focusStart.row === focusDetails.coordinates.row &&
 			tableContext.focusEnd.row === focusDetails.coordinates.row &&
-			tableContext.isMousingDown === false &&
-			tableContext.focusStartIsBeingEdited === true
+			!tableContext.isMousingDown &&
+			tableContext.focusStartIsBeingEdited
 	);
 
 	let isBeingEdited = $state(false);
@@ -134,29 +120,35 @@
 	$effect(() => {
 		if (wantsToBeEdited) {
 			if (editable) {
-				tick().then(() => {
-					untrack(() => {
-						isBeingEdited = true;
-					});
-				});
+				tick()
+					.then(() => {
+						untrack(() => {
+							isBeingEdited = true;
+						});
+					})
+					.catch(devCatch);
 			} else {
-				tick().then(() => {
-					untrack(() => {
-						tableContext.focusStartIsBeingEdited = false;
-					});
-				});
+				tick()
+					.then(() => {
+						untrack(() => {
+							tableContext.focusStartIsBeingEdited = false;
+						});
+					})
+					.catch(devCatch);
 			}
 		} else {
 			if (isBeingEdited) {
-				tick().then(() => {
-					untrack(() => {
-						if (!tableContext.singleClickEditing) {
-							tableContext.focusStartIsBeingEdited = false;
-						}
-
-						isBeingEdited = false;
-					});
-				});
+				tick()
+					.then(() => {
+						untrack(() => {
+							if (!tableContext.singleClickEditing) {
+								tableContext.focusStartIsBeingEdited = false;
+							}
+
+							isBeingEdited = false;
+						});
+					})
+					.catch(devCatch);
 			}
 		}
 	});
@@ -164,26 +156,32 @@
 	let previousValidity: Validity = $state(Validity.Valid);
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
-		focusDetails.validityTuple.then(([newValidity]) => {
-			untrack(() => {
-				tick().then(() => {
-					validity = newValidity;
+		focusDetails.validityTuple
+			.then(([newValidity]) => {
+				untrack(() => {
+					tick()
+						.then(() => {
+							validity = newValidity;
+						})
+						.catch(devCatch);
 				});
-			});
-		});
+			})
+			.catch(devCatch);
 	});
 
 	$effect(() => {
 		if (validity != previousValidity) {
 			untrack(() => {
-				tick().then(() => {
-					if (validity === Validity.Invalid) {
-						tableContext.addInvalidValue(cell.row.original);
-					} else {
-						tableContext.removeInvalidValue(cell.row.original);
-					}
-					previousValidity = validity;
-				});
+				tick()
+					.then(() => {
+						if (validity === Validity.Invalid) {
+							tableContext.addInvalidValue(cell.row.original);
+						} else {
+							tableContext.removeInvalidValue(cell.row.original);
+						}
+						previousValidity = validity;
+					})
+					.catch(devCatch);
 			});
 		}
 	});
@@ -222,49 +220,40 @@
 			e.stopPropagation();
 
 			tableContext.focusStartIsBeingEdited = false;
-			tick().then(() => {
-				tdref?.focus();
-			});
+			tick()
+				.then(() => {
+					tdref?.focus();
+				})
+				.catch(devCatch);
 
 			return true;
 		}
 
 		if (e.key === 'Tab') {
 			e.preventDefault();
-
-			tick().then(() => {
-				tick().then(() => {
-					// tdref?.dispatchEvent(
-					// 	new KeyboardEvent('keydown', {
-					// 		key: e.key,
-					// 		altKey: e.getModifierState('Alt'),
-					// 		metaKey: e.getModifierState('Meta'),
-					// 		shiftKey: e.getModifierState('Shift'),
-					// 		ctrlKey: e.getModifierState('Control'),
-					// 		bubbles: true
-					// 	})
-					// );
-				});
-			});
 			return true;
 		}
+
+		return false;
 	}
 
 	function keydownForce(e: KeyboardEvent) {
 		const shouldStop = handleUnfocus(e);
 		if (!shouldStop && !(e.key === 'ArrowUp' || e.key === 'ArrowDown')) {
-			tick().then(() => {
-				tdref?.dispatchEvent(
-					new KeyboardEvent('keydown', {
-						key: e.key,
-						altKey: e.getModifierState('Alt'),
-						metaKey: e.getModifierState('Meta'),
-						shiftKey: e.getModifierState('Shift'),
-						ctrlKey: e.getModifierState('Control'),
-						bubbles: true
-					})
-				);
-			});
+			tick()
+				.then(() => {
+					tdref?.dispatchEvent(
+						new KeyboardEvent('keydown', {
+							key: e.key,
+							altKey: e.getModifierState('Alt'),
+							metaKey: e.getModifierState('Meta'),
+							shiftKey: e.getModifierState('Shift'),
+							ctrlKey: e.getModifierState('Control'),
+							bubbles: true
+						})
+					);
+				})
+				.catch(devCatch);
 		}
 	}
 
@@ -274,15 +263,14 @@
 
 	let prevtdref: HTMLTableCellElement | undefined = undefined;
 	$effect(() => {
-		if (tdref) {
-			untrack(() => {
-				if (tdref != prevtdref) {
-					tdref!.addEventListener('edit', handleTDFocus);
-				} else {
-					prevtdref = tdref;
-				}
-			});
-		}
+		void tdref;
+		untrack(() => {
+			if (tdref && tdref != prevtdref) {
+				tdref.addEventListener('edit', handleTDFocus);
+			} else {
+				prevtdref = tdref;
+			}
+		});
 	});
 </script>
 
@@ -297,25 +285,25 @@
 				name={cell.column.columnDef.id}
 				valueProp="value"
 				labelProp="label"
-				clearable={cell.column.columnDef.clearable ?? true}
+				clearable={cell.column.columnDef.clearable}
 				valueAsObject={false}
 				{value}
-				query={(v) => columnDef.query(v, cell.row.original, cell.row.originalIndex)}
+				query={(v: string) => columnDef.query(v, cell.row.original, cell.row.originalIndex)}
 				bind:options={lastOptions}
 				onfocus={addKeydownEvent}
 				onchange={(newValue: SelectOption<unknown> | null) => {
 					if (newValue?.value !== value) {
-						tableContext.onEditCell(
-							cell.row.original,
-							focusDetails.coordinates,
-							newValue?.value ?? null
-						);
+						tableContext
+							.onEditCell(cell.row.original, focusDetails.coordinates, newValue?.value ?? null)
+							.catch(devCatch);
 					}
 
 					tableContext.focusStartIsBeingEdited = false;
-					tick().then(() => {
-						tdref?.focus();
-					});
+					tick()
+						.then(() => {
+							tdref?.focus();
+						})
+						.catch(devCatch);
 				}}
 			/>
 		{/await}

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

@@ -1,15 +1,4 @@
-import type { Column } from '../../../Types/Columns/Column.js';
-import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
-import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface TableQueryColumn<T extends object> extends Column<T> {
-    columnDef: QueryDef<T>;
-}
-export interface TableQueryCell<T extends object> extends TableCell<T> {
-    column: TableQueryColumn<T>;
-}
-export interface TableQuerySelectProps<T extends object> {
-    cell: TableQueryCell<T>;
-}
+import type { TableQuerySelectProps } from './TableQuerySelectProps.js';
 declare function $$render<T extends object>(): {
     props: TableQuerySelectProps<T>;
     exports: {};

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

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

package/dist/Components/Table/Body/Rows/Columns/TableQuerySelectProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -31,10 +31,10 @@
 	const value = $derived(tableContext.selectedItems.has(key));
 
 	const isSelectable = $derived(
-		(cell.column.columnDef as RowSelectionDef<T>).isSelectable?.(
+		(cell.column.columnDef as RowSelectionDef<T>).isSelectable(
 			cell.row.original,
 			cell.row.originalIndex
-		) ?? true
+		)
 	);
 
 	const onchange: ChangeEventHandler<HTMLInputElement> = (e) => {
@@ -88,8 +88,10 @@
 		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}
 	</label>