@lavalogic/scoria 0.11.14 → 0.12.0

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

@@ -3,25 +3,14 @@
 <script lang="ts" module>
 	import { dev } from '$app/environment';
 	import SingleSelect from '../../../../SingleSelect.svelte';
-	import type { Column } from '../../../Types/Columns/Column.js';
-	import type { SelectDef } from '../../../Types/Columns/Definitions/Accessors/SelectDef.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';
-
-	export interface SelectColumn<T extends object> extends Column<T> {
-		columnDef: SelectDef<T>;
-	}
-	export interface SelectTableCell<T extends object> extends TableCell<T> {
-		column: SelectColumn<T>;
-	}
-	export interface TableSelectProps<T extends object> {
-		cell: SelectTableCell<T>;
-	}
+	import type { TableSelectProps } from './TableSelectProps.js';
 </script>
 
 <script lang="ts" generics="T extends object">
@@ -29,13 +18,13 @@
 
 	let tdref = $state<HTMLTableCellElement | undefined>();
 
-	const selectValue = $derived(cell.getValue() as T | null | undefined);
+	const selectValue = $derived(cell.getValue() as T | Promise<T> | null | undefined);
 
 	const visibleValue = $derived(
 		cell.column.columnDef.getDisplayValue(cell.row.original, cell.row.originalIndex)
 	);
 
-	const optional = $derived((cell.column.columnDef as SelectDef<T>).optional ?? false);
+	const optional = $derived(cell.column.columnDef.optional);
 
 	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
 	const { toast } = getContext<ToastContext>(ToastContext.identifier);
@@ -66,7 +55,7 @@
 					console.log('skipping async editable because it is stale');
 				}
 			}
-		})();
+		})().catch(devCatch);
 	});
 
 	const focusDetails: TableFocusDetails<T> = $derived(
@@ -78,37 +67,43 @@
 			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);
 	$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;
-						}
+				tick()
+					.then(() => {
+						untrack(() => {
+							if (!tableContext.singleClickEditing) {
+								tableContext.focusStartIsBeingEdited = false;
+							}
 
-						isBeingEdited = false;
-					});
-				});
+							isBeingEdited = false;
+						});
+					})
+					.catch(devCatch);
 			}
 		}
 	});
@@ -117,32 +112,40 @@
 		(cell.column.columnDef.getSpecificOptions?.(
 			cell.row.original,
 			focusDetails.coordinates.column
-		) ?? cell.column.columnDef.getOptions()) as SelectOption<T>[] | Promise<SelectOption<T>[]>
+		) ?? cell.column.columnDef.getOptions()) as
+			| Array<SelectOption<T>>
+			| Promise<Array<SelectOption<T>>>
 	);
 
 	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);
 			});
 		}
 	});
@@ -180,9 +183,11 @@
 			e.stopPropagation();
 
 			tableContext.focusStartIsBeingEdited = false;
-			tick().then(() => {
-				tdref?.focus();
-			});
+			tick()
+				.then(() => {
+					tdref?.focus();
+				})
+				.catch(devCatch);
 		}
 		if (e.key === 'Tab') {
 			e.preventDefault();
@@ -233,7 +238,7 @@
 				name="Item"
 				valueProp="value"
 				labelProp="label"
-				value={selectValue ?? null}
+				value={value ?? null}
 				{options}
 				width="100%"
 				clearable={cell.column.columnDef.clearable}
@@ -242,21 +247,25 @@
 				onchange={(newValue: SelectOption<T> | null) => {
 					if (newValue?.value !== value) {
 						if (optional || newValue?.value != null) {
-							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);
 				}}
 			/>
 		{:catch e}
-			{@debug e}
+			{#if dev}
+				error: {e}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug e}
+			{/if}
 			could not retrieve options
 		{/await}
 	</td>
@@ -301,7 +310,11 @@
 		{:then value}
 			{value ?? '-'}
 		{:catch e}
-			{@debug e}
+			{#if dev}
+				error: {e}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug e}
+			{/if}
 			Could not retrieve options
 		{/await}</td
 	>

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

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

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

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

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

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

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

@@ -1,22 +1,17 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	export interface TableTextInputProps<T extends object> {
-		cell: TableCell<T>;
-	}
-</script>
-
 <script lang="ts" generics="T extends object">
 	import { dev } from '$app/environment';
 
-	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 TextInput from '../../../../TextInput.svelte';
 	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 { getContext, tick, untrack } from 'svelte';
+	import type { TableTextInputProps } from './TableTextInputProps.js';
 
 	const { cell }: TableTextInputProps<T> = $props();
 
@@ -51,7 +46,7 @@
 					console.log('skipping async editable because it is stale');
 				}
 			}
-		})();
+		})().catch(devCatch);
 	});
 
 	const value = $derived(cell.getValue());
@@ -73,8 +68,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);
@@ -82,33 +77,41 @@
 	$effect(() => {
 		if (wantsToBeEdited) {
 			if (editable) {
-				tick().then(() => {
-					untrack(() => {
-						if (typeof value == 'object' && value instanceof Promise) {
-							value.then((v) => {
-								tempTextValue = v?.toString() ?? '';
+				tick()
+					.then(() => {
+						untrack(() => {
+							if (typeof value == 'object' && value instanceof Promise) {
+								value
+									.then((v: unknown) => {
+										tempTextValue = v?.toString() ?? '';
+										isBeingEdited = true;
+									})
+									.catch(devCatch);
+							} else {
+								tempTextValue = value?.toString() ?? '';
 								isBeingEdited = true;
-							});
-						} else {
-							tempTextValue = value?.toString() ?? '';
-							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);
 				});
 			}
 		}
@@ -129,35 +132,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);
 	}
 
 	let discard = false;
@@ -173,25 +184,31 @@
 
 				// tempTextValue = value?.toString() || '';
 				tableContext.focusStartIsBeingEdited = false;
-				tick().then(() => {
-					tdref?.focus();
-				});
+				tick()
+					.then(() => {
+						tdref?.focus();
+					})
+					.catch(devCatch);
 				break;
 			}
 			case 'Enter':
 				e.preventDefault();
 				e.stopPropagation();
 				tableContext.focusStartIsBeingEdited = false;
-				tick().then(() => {
-					tdref?.focus();
-				});
+				tick()
+					.then(() => {
+						tdref?.focus();
+					})
+					.catch(devCatch);
 				break;
 		}
 	}
 
 	function onBlur(): void {
-		if (!discard && (value as string | undefined)?.trim() !== tempTextValue?.trim()) {
-			tableContext.onEditCell(cell.row.original, focusDetails.coordinates, tempTextValue);
+		if (!discard && (value as string | undefined)?.trim() !== tempTextValue.trim()) {
+			tableContext
+				.onEditCell(cell.row.original, focusDetails.coordinates, tempTextValue)
+				.catch(devCatch);
 		}
 
 		if (!tableContext.singleClickEditing) {
@@ -232,9 +249,11 @@
 				overrideEdit = true;
 
 				tableContext.isMousingDown = false;
-				tick().then(() => {
-					inputRef?.focus();
-				});
+				tick()
+					.then(() => {
+						inputRef?.focus();
+					})
+					.catch(devCatch);
 			}
 
 			tableContext.focusStartIsBeingEdited = true;
@@ -349,7 +368,11 @@
 		{:then value}
 			{value}
 		{:catch error}
-			{@debug error}
+			{#if dev}
+				error: {error}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug error}
+			{/if}
 			Error getting value
 		{/await}
 	</td>

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

@@ -1,7 +1,4 @@
-export interface TableTextInputProps<T extends object> {
-    cell: TableCell<T>;
-}
-import type { TableCell } from '../../../Types/Columns/TableCell.js';
+import type { TableTextInputProps } from './TableTextInputProps.js';
 declare function $$render<T extends object>(): {
     props: TableTextInputProps<T>;
     exports: {};

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

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

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

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

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

@@ -2,21 +2,17 @@
 
 <script lang="ts" module>
 	import Action from '../../../../Action.svelte';
-	import type { IconProps } from '../../../../Icon.svelte';
+	import type { IconProps } from '../../../../IconProps.js';
 	import Portal from '../../../../Portal.svelte';
 	import type { AbstractDisplayDef } from '../../../Types/Columns/Definitions/Display/AbstractDisplayDef.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 { Colour, ColourSet } from '../../../../../scss/colours.js';
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 
-	export interface ValidityCellProps<T extends object> {
-		cell: TableCell<T>;
-	}
-
 	const iconSets: Record<Validity, IconProps> = {
 		[Validity.Invalid]: {
 			name: 'circle-cross',
@@ -42,6 +38,7 @@
 
 <script lang="ts" generics="T extends object">
 	import { getContext, tick, untrack } from 'svelte';
+	import type { ValidityCellProps } from './ValidityCellProps.js';
 
 	const { cell }: ValidityCellProps<T> = $props();
 
@@ -83,7 +80,7 @@
 				} else {
 					tableContext.removeInvalidValue(cell.row.original);
 				}
-			})();
+			})().catch(devCatch);
 		});
 	});
 
@@ -95,9 +92,11 @@
 		tableContext.setOpenModalCoordinates(null);
 
 		if (previousFocusElement?.id != thisId) {
-			tick().then(() => {
-				previousFocusElement?.focus();
-			});
+			tick()
+				.then(() => {
+					previousFocusElement?.focus();
+				})
+				.catch(devCatch);
 		}
 	}
 </script>
@@ -153,11 +152,7 @@
 				colourSet={ColourSet.Auxiliary}
 				label={reason}
 				size={Size.FillWidth}
-				icon={iconSets[value] ?? {
-					name: 'ellipsis',
-					colour: Colour['$ui-blue-6'],
-					size: Size.Medium
-				}}
+				icon={iconSets[value]}
 				onclick={() => {
 					if (ColumnDef.modal) {
 						tableContext.setOpenModalCoordinates(focusDetails.coordinates);

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

@@ -1,7 +1,4 @@
-import type { TableCell } from '../../../Types/Columns/TableCell.js';
-export interface ValidityCellProps<T extends object> {
-    cell: TableCell<T>;
-}
+import type { ValidityCellProps } from './ValidityCellProps.js';
 declare function $$render<T extends object>(): {
     props: ValidityCellProps<T>;
     exports: {};

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

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

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

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