@lavalogic/scoria 0.18.0 → 0.18.2

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

@@ -25,7 +25,7 @@
 
 	const cellTypes: Record<
 		'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text',
-		Component<any>
+		object & Component<any>
 	> = {
 		Number: TableNumberInput,
 		Date: TableDatePicker,

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

@@ -29,35 +29,9 @@
 		id: columnDef.id,
 	});
 
-	const editableAsync = $derived(
-		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
+	const editable = $derived(
+		await cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
-	let editable = $state(false);
-
-	let asyncCounter = 0;
-	$effect(() => {
-		void editableAsync;
-		const localCounter = (asyncCounter = asyncCounter + 1);
-		(async () => {
-			try {
-				const isEditable = await editableAsync;
-				if (asyncCounter === localCounter) {
-					editable = isEditable;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			} catch (e) {
-				if (cell.column.columnDef.debug) {
-					console.error(e);
-				}
-				if (asyncCounter === localCounter) {
-					editable = false;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			}
-		})().catch(devCatch);
-	});
 	const focusDetails: TableFocusDetails<T, never> = $derived(
 		new TableFocusDetails(cell, tableContext)
 	);

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

@@ -1,17 +1,17 @@
 import type { TableDatePickerProps } from './TableDatePickerProps.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object>(): Promise<{
     props: TableDatePickerProps<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'];
+    props(): Awaited<ReturnType<typeof $$render<T>>>['props'];
+    events(): Awaited<ReturnType<typeof $$render<T>>>['events'];
+    slots(): Awaited<ReturnType<typeof $$render<T>>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): Promise<{}>;
 }
 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']>> & {

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

@@ -54,34 +54,9 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const editableAsync = $derived(
-		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
+	const editable = $derived(
+		await cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
-	let editable = $state(false);
-	let asyncCounter = 0;
-	$effect(() => {
-		void editableAsync;
-		const localCounter = (asyncCounter = asyncCounter + 1);
-		(async () => {
-			try {
-				const isEditable = await editableAsync;
-				if (asyncCounter === localCounter) {
-					editable = isEditable;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			} catch (e) {
-				if (cell.column.columnDef.debug) {
-					console.error(e);
-				}
-				if (asyncCounter === localCounter) {
-					editable = false;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			}
-		})().catch(devCatch);
-	});
 
 	const focusDetails: TableFocusDetails<T, never> = $derived(
 		new TableFocusDetails(cell, tableContext)

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

@@ -2,19 +2,19 @@ export interface TableNumberInputProps<T extends object> {
     cell: TableCell<T>;
 }
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object>(): Promise<{
     props: TableNumberInputProps<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'];
+    props(): Awaited<ReturnType<typeof $$render<T>>>['props'];
+    events(): Awaited<ReturnType<typeof $$render<T>>>['events'];
+    slots(): Awaited<ReturnType<typeof $$render<T>>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): Promise<{}>;
 }
 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']>> & {

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

@@ -4,7 +4,6 @@
 	lang="ts"
 	generics="T extends object,"
 >
-	import { dev } from '$app/environment';
 	import QuerySelect from '../../../../QuerySelect.svelte';
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
@@ -32,10 +31,9 @@
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
-	const editableAsync = $derived(
-		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
+	const editable = $derived(
+		await cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
-	let editable = $state(false);
 
 	let valueAsyncCounter = 0;
 	$effect(() => {
@@ -76,33 +74,6 @@
 		});
 	});
 
-	let editableAsyncCounter = 0;
-	$effect(() => {
-		void editableAsync;
-		untrack(() => {
-			const localCounter = (editableAsyncCounter = editableAsyncCounter + 1);
-			(async () => {
-				try {
-					const isEditable = await editableAsync;
-					if (editableAsyncCounter === localCounter) {
-						editable = isEditable;
-					} else if (dev || columnDef.debug) {
-						console.log('skipping async editable because it is stale');
-					}
-				} catch (e) {
-					if (dev || columnDef.debug) {
-						console.error(e);
-					}
-					if (editableAsyncCounter === localCounter) {
-						editable = false;
-					} else if (dev || columnDef.debug) {
-						console.log('skipping async editable because it is stale');
-					}
-				}
-			})().catch(devCatch);
-		});
-	});
-
 	const focusDetails: TableFocusDetails<T, never> = $derived(
 		new TableFocusDetails(cell, tableContext)
 	);

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

@@ -1,17 +1,17 @@
 import type { TableQuerySelectProps } from './TableQuerySelectProps.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object>(): Promise<{
     props: TableQuerySelectProps<T, unknown>;
     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'];
+    props(): Awaited<ReturnType<typeof $$render<T>>>['props'];
+    events(): Awaited<ReturnType<typeof $$render<T>>>['events'];
+    slots(): Awaited<ReturnType<typeof $$render<T>>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): Promise<{}>;
 }
 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']>> & {

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

@@ -32,34 +32,10 @@
 	const optional = $derived(cell.column.columnDef.optional);
 
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-	const editableAsync = $derived(
-		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
+
+	const editable = $derived(
+		await cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
-	let editable = $state(false);
-	let asyncCounter = 0;
-	$effect(() => {
-		void editableAsync;
-		const localCounter = (asyncCounter = asyncCounter + 1);
-		(async () => {
-			try {
-				const isEditable = await editableAsync;
-				if (asyncCounter === localCounter) {
-					editable = isEditable;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			} catch (e) {
-				if (cell.column.columnDef.debug) {
-					console.error(e);
-				}
-				if (asyncCounter === localCounter) {
-					editable = false;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			}
-		})().catch(devCatch);
-	});
 
 	const focusDetails: TableFocusDetails<T, never> = $derived(
 		new TableFocusDetails(cell, tableContext)

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

@@ -1,17 +1,17 @@
 import type { TableSelectProps } from './TableSelectProps.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object>(): Promise<{
     props: TableSelectProps<T, 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'];
+    props(): Awaited<ReturnType<typeof $$render<T>>>['props'];
+    events(): Awaited<ReturnType<typeof $$render<T>>>['events'];
+    slots(): Awaited<ReturnType<typeof $$render<T>>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): Promise<{}>;
 }
 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']>> & {

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

@@ -21,35 +21,9 @@
 	// 	getNumberColumnDefOrError(cell.column.columnDef)
 	// );
 
-	const editableAsync = $derived(
+	const isEditable = $derived(
 		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
 	);
-	let editable = $state(false);
-
-	let asyncCounter = 0;
-	$effect(() => {
-		void editableAsync;
-		const localCounter = (asyncCounter = asyncCounter + 1);
-		(async () => {
-			try {
-				const isEditable = await editableAsync;
-				if (asyncCounter === localCounter) {
-					editable = isEditable;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			} catch (e) {
-				if (cell.column.columnDef.debug) {
-					console.error(e);
-				}
-				if (asyncCounter === localCounter) {
-					editable = false;
-				} else if (cell.column.columnDef.debug) {
-					console.log('skipping async editable because it is stale');
-				}
-			}
-		})().catch(devCatch);
-	});
 
 	const value = $derived(cell.getValue());
 
@@ -77,7 +51,7 @@
 
 	$effect(() => {
 		if (wantsToBeEdited) {
-			if (editable) {
+			if (isEditableText) {
 				tick()
 					.then(() => {
 						if (typeof value == 'object' && value instanceof Promise) {
@@ -218,7 +192,7 @@
 		if (
 			tableContext.focusStart?.column === focusDetails.coordinates.column &&
 			tableContext.focusStart.row === focusDetails.coordinates.row &&
-			editable
+			isEditableText
 		) {
 			if (
 				tableContext.focusEnd?.column !== focusDetails.coordinates.column ||
@@ -285,6 +259,8 @@
 
 		return unsubscriber;
 	});
+
+	const isEditableText = $derived(await isEditable);
 </script>
 
 {#if isBeingEdited}
@@ -331,7 +307,7 @@
 		}}
 		bind:this={tdref}
 		tabIndex="0"
-		class:editable
+		class:isEditableText
 		class="focusable"
 		class:multifocus={focusDetails.isMultiFocused}
 		class:multifocus-start={focusDetails.isMultiFocusStart}

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

@@ -1,17 +1,17 @@
 import type { TableTextInputProps } from './TableTextInputProps.js';
-declare function $$render<T extends object, FilterValueType>(): {
+declare function $$render<T extends object, FilterValueType>(): Promise<{
     props: TableTextInputProps<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'];
+    props(): Awaited<ReturnType<typeof $$render<T, FilterValueType>>>['props'];
+    events(): Awaited<ReturnType<typeof $$render<T, FilterValueType>>>['events'];
+    slots(): Awaited<ReturnType<typeof $$render<T, FilterValueType>>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): Promise<{}>;
 }
 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']>> & {

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

@@ -79,7 +79,7 @@ export function generateExampleItemColumnDefs(modal) {
             getDisplayValue: (item) => {
                 return item.simulatedQuery?.value ?? null;
             },
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             id: 'simulatedQuery',
             query: async (_v, item) => {
                 void item.someDate;
@@ -98,13 +98,13 @@ export function generateExampleItemColumnDefs(modal) {
         new TextInputDef({
             header: 'Name',
             id: 'name',
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             isValid,
         }),
         new NumberInputDef({
             header: 'Some Number',
             id: 'someNumber',
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             min: 0,
             max: 12345,
             isValid,
@@ -147,20 +147,20 @@ export function generateExampleItemColumnDefs(modal) {
         new DateInputDef({
             header: 'Some Date With Time',
             id: 'someDateWithTime',
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             showTime: true,
             isValid,
         }),
         new DateInputDef({
             header: 'Flo Date',
             id: 'floDate',
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             defaultHidden: true,
         }),
         new DateInputDef({
             header: 'Flo Date With Time',
             id: 'floDateWithTime',
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             defaultHidden: true,
             showTime: true,
             isValid,
@@ -191,7 +191,7 @@ export function generateExampleItemColumnDefs(modal) {
                 ];
             },
             getDisplayValue: (item) => item.someSelect,
-            isEditable: () => true,
+            isEditable: () => Promise.resolve(true),
             isValid,
         }),
         new BubbleDef({

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.d.ts

@@ -16,7 +16,7 @@ export interface ColumnDefProps<T extends object, in FilterFnType, out OptionsTy
     defaultHidden?: boolean;
     minSize?: Pixels;
     width?: Pixels;
-    isEditable?: (item: T, index: number) => boolean | Promise<boolean>;
+    isEditable?: (item: T, index: number) => Promise<boolean>;
     resizable?: boolean;
     isValid?: ValidationFn<T>;
     filterFn?: FilterFn<T, FilterFnType>;
@@ -56,7 +56,7 @@ export declare abstract class ColumnDef<T extends object, in FilterFnType = neve
     set filterValueType(v: FilterValueType | undefined);
     readonly getDisplayValue: ((item: T, index: number) => string | null | Promise<string | null>) | undefined;
     toJSON(): object;
-    readonly isEditable: (item: T, index: number) => boolean | Promise<boolean>;
+    readonly isEditable: (item: T, index: number) => Promise<boolean>;
     readonly resizable: boolean;
     readonly header: string | Snippet;
     readonly getOptions?: () => Array<SelectOption<OptionsType>> | Promise<Array<SelectOption<OptionsType>>>;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.js

@@ -10,7 +10,7 @@ export class ColumnDef {
         this.accessorFn = $derived(props.accessorFn);
         this._minSize = $state(props.minSize ?? 48);
         this._width = $state(props.width ?? props.minSize ?? 48);
-        this.isEditable = $derived(props.isEditable ?? (() => false));
+        this.isEditable = $derived(props.isEditable ?? (() => Promise.resolve(false)));
         this.resizable = $derived(props.resizable ?? true);
         this.header = $derived(props.header);
         this._filterValueType = $derived(props.filterValueType);

package/dist/Helpers/Helpers.svelte.js

@@ -244,7 +244,7 @@ export async function asyncFilter(array, asyncCallback) {
 }
 export function devCatch(e) {
     if (dev) {
-        console.log(e);
+        console.log(getErrorMessage(e));
     }
 }
 export function hasQuery(customFilter) {

package/package.json

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