@lavalogic/scoria 0.11.14 → 0.12.0

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

@@ -6,6 +6,7 @@
 	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 { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
 
@@ -32,32 +33,38 @@
 	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);
 			});
 		}
 	});
 
 	const colours = $derived(
-		cell.column.columnDef.getColour?.(cell.row.original, cell.row.originalIndex, value)
+		cell.column.columnDef.getColour(cell.row.original, cell.row.originalIndex, value)
 	);
 </script>
 

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

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

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

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

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

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

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

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

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

@@ -2,19 +2,12 @@
 
 <script lang="ts" module>
 	import Button from '../../../../Button.svelte';
+	import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
+	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 	import { ColourSet } from '../../../../../scss/colours.js';
 	import { Size } from '../../../../../Types/Internal/Size.js';
-	import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
-	import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
-	import type { TableCell } from '../../../Types/Columns/TableCell.js';
-	import type { Column } from '../../../Types/Columns/Column.js';
+	import type { ActionsTableCell } from './ActionsTableCell.js';
 
-	export interface ActionsColumn<T extends object> extends Column<T> {
-		columnDef: ActionsDef<T>;
-	}
-	export interface ActionsTableCell<T extends object> extends TableCell<T> {
-		column: ActionsColumn<T>;
-	}
 	export interface TableActionProps<T extends object> {
 		action: TableActionButton<T>;
 		cell: ActionsTableCell<T>;
@@ -35,11 +28,7 @@
 			}
 		}
 		return (
-			(cell.column.columnDef as ActionsDef<T>).isEnabled?.(
-				cell.row.original,
-				cell.row.originalIndex,
-				action
-			) ?? true
+			cell.column.columnDef.isEnabled?.(cell.row.original, cell.row.originalIndex, action) ?? true
 		);
 	});
 
@@ -59,7 +48,7 @@
 		<Button
 			fullWidth
 			size={Size.Medium}
-			colourSet={(cell.column.columnDef as ActionsDef<T>).getColourSet?.(
+			colourSet={cell.column.columnDef.getColourSet?.(
 				cell.row.original,
 				cell.row.originalIndex,
 				action
@@ -70,10 +59,8 @@
 			}}>{label}</Button
 		>
 	{:catch e}
-		{@debug e}
-		Error Loading Button
+		Error Loading Button: {getErrorMessage(e)}
 	{/await}
 {:catch e}
-	{@debug e}
-	Error Loading Button
+	Error Loading Button: {getErrorMessage(e)}
 {/await}

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

@@ -1,13 +1,5 @@
-import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
 import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
-import type { TableCell } from '../../../Types/Columns/TableCell.js';
-import type { Column } from '../../../Types/Columns/Column.js';
-export interface ActionsColumn<T extends object> extends Column<T> {
-    columnDef: ActionsDef<T>;
-}
-export interface ActionsTableCell<T extends object> extends TableCell<T> {
-    column: ActionsColumn<T>;
-}
+import type { ActionsTableCell } from './ActionsTableCell.js';
 export interface TableActionProps<T extends object> {
     action: TableActionButton<T>;
     cell: ActionsTableCell<T>;

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

@@ -13,6 +13,7 @@
 	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 { getContext, tick } from 'svelte';
 
 	import type { ChangeEventHandler } from 'svelte/elements';
@@ -21,14 +22,6 @@
 
 	const value = $derived(!!cell.getValue());
 
-	$effect(() => {
-		if (value != null && typeof value != 'boolean') {
-			console.warn(
-				`non-boolean value was passed: ${value}\nIf that is intentional, please use accessorFn() to parse it to a boolean value.`
-			);
-		}
-	});
-
 	const tableContext = getContext<TableContext<T>>(TableContext.identifier);
 	const toastContext = getContext<ToastContext>(ToastContext.identifier);
 
@@ -39,18 +32,22 @@
 	let inputRef: HTMLInputElement | undefined = $state();
 
 	const onchange: ChangeEventHandler<HTMLInputElement> = (e) => {
-		tableContext.onEditCell(
-			cell.row.original,
-			focusDetails.coordinates,
-			(e.target as HTMLInputElement).checked
-		);
+		tableContext
+			.onEditCell(
+				cell.row.original,
+				focusDetails.coordinates,
+				(e.target as HTMLInputElement).checked
+			)
+			.catch(devCatch);
 		parentOnchange?.(e);
 
-		tick().then(() => {
-			if (inputRef && value != inputRef.checked) {
-				inputRef.checked = value;
-			}
-		});
+		tick()
+			.then(() => {
+				if (inputRef && value != inputRef.checked) {
+					inputRef.checked = value;
+				}
+			})
+			.catch(devCatch);
 	};
 </script>
 
@@ -71,7 +68,7 @@
 	onkeyup={(e: KeyboardEvent) => {
 		if (e.key === 'Enter') {
 			e.stopPropagation();
-			tableContext.onEditCell(cell.row.original, focusDetails.coordinates, !value);
+			tableContext.onEditCell(cell.row.original, focusDetails.coordinates, !value).catch(devCatch);
 		}
 	}}
 	onkeydown={(e: KeyboardEvent) => {
@@ -99,7 +96,7 @@
 			id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
 			{onchange}
 			type="checkbox"
-			checked={!!value || undefined}
+			checked={value}
 		/>
 	</label>
 </td>

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

@@ -1,33 +1,33 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import FocusableImmutableCell from './FocusableImmutableCell.svelte';
-	import BubbleCell from './BubbleCell.svelte';
-	import ActionsCell from './ActionsCell.svelte';
-	import type { Component } from 'svelte';
-	import ExpandCell from './ExpandCell.svelte';
 	import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
-	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { DisplayType } from '../../../Types/Columns/DisplayType.js';
+	import type { TableCell } from '../../../Types/Columns/TableCell.js';
+	import type { Component, Snippet } from 'svelte';
+	import ActionsCell from './ActionsCell.svelte';
+	import BubbleCell from './BubbleCell.svelte';
+	import ExpandCell from './ExpandCell.svelte';
+	import FocusableImmutableCell from './FocusableImmutableCell.svelte';
 
+	import { ColumnType } from '../../../Types/Columns/ColumnType.js';
 	import { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
-	import ValidityCell from './ValidityCell.svelte';
-	import TableRowSelectionCheckbox from './TableRowSelectionCheckbox.svelte';
 	import { AbstractDisplayDef } from '../../../Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
-	import ProgressCell from './ProgressCell.svelte';
-	import { ValidityDef } from '../../../Types/Columns/Definitions/Display/ValidityDef.svelte.js';
-	import { ColumnType } from '../../../Types/Columns/ColumnType.js';
 	import { ProgressBarDef } from '../../../Types/Columns/Definitions/Display/ProgressBarDef.svelte.js';
-	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
 	import { RowSelectionDef } from '../../../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 	import type { ExpandTableCell } from '../../../Types/Columns/ExpandTableCell.js';
-	import type { ActionsTableCell } from './TableAction.svelte';
+	import type { ProgressBarTableCell } from '../../../Types/Columns/ProgressBarTableCell.js';
+	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 	import AccessorComponent from './AccessorComponent.svelte';
+	import type { ActionsTableCell } from './ActionsTableCell.js';
+	import ProgressCell from './ProgressCell.svelte';
+	import TableRowSelectionCheckbox from './TableRowSelectionCheckbox.svelte';
+	import ValidityCell from './ValidityCell.svelte';
 
 	export interface TableColumnProps<T extends object> {
 		cell: TableCell<T>;
-		expandedColumnDef: ExpandDef<T, object> | undefined;
-		onExpandChange: (columnDef: ExpandDef<T, object>) => void;
+		expandedColumnDef: ExpandDef<T> | undefined;
+		onExpandChange: (columnDef: ExpandDef<T>) => void;
 	}
 
 	function isProgressBarTableCell<T extends object>(
@@ -38,6 +38,8 @@
 </script>
 
 <script lang="ts" generics="T extends object">
+	import { dev } from '$app/environment';
+
 	let { cell, expandedColumnDef, onExpandChange }: TableColumnProps<T> = $props();
 
 	function valueOrComponentIsConstructor(
@@ -53,6 +55,10 @@
 	function isExpandTableCell(cell: TableCell<T>): cell is ExpandTableCell<T> {
 		return cell.column.columnDef instanceof ExpandDef;
 	}
+
+	function isSnippet(value: unknown): value is Snippet<[TableCell<T>]> {
+		return !!value && typeof value == 'function';
+	}
 </script>
 
 {#if cell.column.getIsVisible()}
@@ -76,33 +82,43 @@
 		{:else if cell.column.columnDef.displayType === DisplayType.Normal}
 			<FocusableImmutableCell {cell} />
 		{:else}
-			{@debug cell}
+			{#if dev}
+				<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+				{@debug cell}
+			{/if}
+			Unknown Cell Type
 		{/if}
 	{:else}
 		{@const valueOrComponentPromise =
 			cell.column.columnDef.accessorFn?.(cell.row.original, cell.row.originalIndex) ??
-			cell.row.original[cell.column.id as keyof typeof cell.row.original] ??
-			null}
+			cell.row.original[cell.column.id as keyof typeof cell.row.original]}
 
 		{#await valueOrComponentPromise}
 			<FocusableImmutableCell {cell} />
 		{:then Value}
-			{#if Value == null || typeof Value === 'string' || typeof Value == 'number'}
+			{#if typeof Value === 'string' || typeof Value == 'number'}
 				<FocusableImmutableCell {cell} />
 			{:else if valueOrComponentIsConstructor(Value)}
 				<FocusableImmutableCell {cell}>
 					<Value {cell} />
 				</FocusableImmutableCell>
-			{:else if typeof Value === 'function'}
+			{:else if isSnippet(Value)}
 				<FocusableImmutableCell {cell}>
+					<!-- eslint-disable-next-line @typescript-eslint/no-unsafe-call -->
 					{@render Value(cell)}
 				</FocusableImmutableCell>
 			{:else}
-				{@debug cell}
+				{#if dev}
+					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+					{@debug cell}
+					<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
+					{@debug Value}
+				{/if}
+				Unknown Cell or value Type
 			{/if}
 		{:catch e}
 			<FocusableImmutableCell {cell}>
-				{e?.toString()}
+				{getErrorMessage(e)}
 			</FocusableImmutableCell>
 		{/await}
 	{/if}

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> {
     cell: TableCell<T>;
-    expandedColumnDef: ExpandDef<T, object> | undefined;
-    onExpandChange: (columnDef: ExpandDef<T, object>) => void;
+    expandedColumnDef: ExpandDef<T> | undefined;
+    onExpandChange: (columnDef: ExpandDef<T>) => void;
 }
 declare function $$render<T extends object>(): {
     props: TableColumnProps<T>;

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

@@ -1,22 +1,17 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	import { getContext, tick } from 'svelte';
+<script lang="ts" generics="T extends object">
+	import { dev } from '$app/environment';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import type { CellCoordinates } from '../../../Types/Coordinates/CellCoordinates.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import DateModal from '../../../../Touch/DateModal.svelte';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
+	import { devCatch } from '../../../../../Helpers/Helpers.svelte.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
-	import type { DateTableCell } from '../../../Types/Columns/DateTableCell.js';
-	import { dev } from '$app/environment';
-
-	export interface TableDatePickerProps<T extends object> {
-		cell: DateTableCell<T>;
-	}
-</script>
+	import { getContext, tick } from 'svelte';
+	import type { TableDatePickerProps } from './TableDatePickerProps.js';
 
-<script lang="ts" generics="T extends object">
 	const { cell }: TableDatePickerProps<T> = $props();
 
 	const value = $derived(cell.getValue());
@@ -30,7 +25,7 @@
 	const coordinates: CellCoordinates = $derived({
 		row: cell.row.visibleIndex,
 		column: columnDef.index,
-		id: columnDef.id as string & keyof T
+		id: columnDef.id
 	});
 
 	const editableAsync = $derived(
@@ -60,7 +55,7 @@
 					console.log('skipping async editable because it is stale');
 				}
 			}
-		})();
+		})().catch(devCatch);
 	});
 	const focusDetails: TableFocusDetails<T> = $derived(
 		new TableFocusDetails(cell, tableContext, toast)
@@ -72,17 +67,19 @@
 		editable &&
 			tableContext.focusStart?.column === focusDetails.coordinates.column &&
 			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.focusStart.row === focusDetails.coordinates.row &&
+			tableContext.focusEnd.row === focusDetails.coordinates.row &&
+			tableContext.isMousingDown &&
+			tableContext.focusStartIsBeingEdited
 	);
 
 	$effect(() => {
 		if (isBeingEdited) {
-			tick().then(() => {
-				modalLock = true;
-			});
+			tick()
+				.then(() => {
+					modalLock = true;
+				})
+				.catch(devCatch);
 		}
 	});
 
@@ -102,13 +99,15 @@
 	const validityPromise = $derived(focusDetails.validityTuple);
 
 	$effect(() => {
-		validityPromise.then(([validity]) => {
-			if (validity === Validity.Invalid) {
-				tableContext.addInvalidValue(cell.row.original);
-			} else {
-				tableContext.removeInvalidValue(cell.row.original);
-			}
-		});
+		validityPromise
+			.then(([validity]) => {
+				if (validity === Validity.Invalid) {
+					tableContext.addInvalidValue(cell.row.original);
+				} else {
+					tableContext.removeInvalidValue(cell.row.original);
+				}
+			})
+			.catch(devCatch);
 	});
 
 	const handleDoubleClick = () => {
@@ -120,9 +119,11 @@
 	function refocusTd() {
 		tableContext.focusStartIsBeingEdited = false;
 		modalLock = false;
-		tick().then(() => {
-			tdref?.focus();
-		});
+		tick()
+			.then(() => {
+				tdref?.focus();
+			})
+			.catch(devCatch);
 	}
 
 	let prevtdref: HTMLTableCellElement | undefined = undefined;
@@ -181,7 +182,7 @@
 					refocusTd();
 				}}
 				confirm={(e) => {
-					tableContext.onEditCell(cell.row.original, coordinates, e);
+					tableContext.onEditCell(cell.row.original, coordinates, e).catch(devCatch);
 					refocusTd();
 				}}
 			/>
@@ -194,9 +195,12 @@
 			{@const parsed = new Date(value)}
 			{isNaN(parsed.getFullYear()) ? value : parsed.toLocaleString()}
 		{:else if value instanceof Date}
-			{value?.toLocaleDateString()}
-		{:else}
+			{value.toLocaleDateString()}
+		{:else if dev}
+			<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
 			{@debug value}
+			Error reading value
+		{:else}
 			-
 		{/if}
 	</td>
@@ -246,7 +250,7 @@
 					refocusTd();
 				}}
 				confirm={(e) => {
-					tableContext.onEditCell(cell.row.original, coordinates, e);
+					tableContext.onEditCell(cell.row.original, coordinates, e).catch(devCatch);
 					refocusTd();
 				}}
 			/>
@@ -264,8 +268,11 @@
 			{:else}
 				{value.toLocaleDateString()}
 			{/if}
-		{:else}
+		{:else if dev}
+			<!-- eslint-disable-next-line svelte/no-at-debug-tags -->
 			{@debug value}
+			Error reading value
+		{:else}
 			-
 		{/if}
 	</td>

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

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

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

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

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

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