@lavalogic/scoria 0.17.0 → 0.17.2

package/dist/Components/Table/Body/QuickSearchCell.svelte

@@ -291,8 +291,8 @@
 	{#if isSearchable}
 		<div class="input-wrapper-parent">
 			{#if isDate}
-				{@const dateValues =
-					tableContext.paginationRepo?.filtering.find((it) => it.id === def.id)?.value ?? []}
+				{@const dateValues = tableContext.paginationRepo?.filtering.find((it) => it.id === def.id)
+					?.value ?? [null, null]}
 				{#if isDateTuple(dateValues)}
 					{@const [fromDate, toDate] = dateValues}
 					<div class="spaced-around">

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

@@ -72,7 +72,6 @@
 			tableContext.focusEnd?.column === focusDetails.coordinates.column &&
 			tableContext.focusStart.row === focusDetails.coordinates.row &&
 			tableContext.focusEnd.row === focusDetails.coordinates.row &&
-			tableContext.isMousingDown &&
 			tableContext.focusStartIsBeingEdited
 	);
 

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

@@ -82,19 +82,17 @@
 			if (editable) {
 				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;
-							}
-						});
+						if (typeof value == 'object' && value instanceof Promise) {
+							value
+								.then((v: unknown) => {
+									tempTextValue = v?.toString() ?? '';
+									isBeingEdited = true;
+								})
+								.catch(devCatch);
+						} else {
+							tempTextValue = value?.toString() ?? '';
+							isBeingEdited = true;
+						}
 					})
 					.catch(devCatch);
 			} else {
@@ -106,17 +104,15 @@
 					})
 					.catch(devCatch);
 			}
-		} else {
-			if (isBeingEdited) {
-				untrack(() => {
-					isBeingEdited = false;
-					tick()
-						.then(() => {
-							onBlur();
-						})
-						.catch(devCatch);
-				});
-			}
+		} else if (isBeingEdited) {
+			untrack(() => {
+				isBeingEdited = false;
+				tick()
+					.then(() => {
+						onBlur();
+					})
+					.catch(devCatch);
+			});
 		}
 	});
 
@@ -257,7 +253,6 @@
 			if (!selectAll) {
 				overrideEdit = true;
 
-				tableContext.isMousingDown = false;
 				tick()
 					.then(() => {
 						inputRef?.focus();
@@ -301,7 +296,7 @@
 		if (tdref != prevTdRef) {
 			untrack(() => {
 				prevTdRef = tdref;
-				prevTdRef?.addEventListener('edit', onEdit);
+				tdref?.addEventListener('edit', onEdit);
 				unsubscriber = () => {
 					prevTdRef?.removeEventListener('edit', onEdit);
 				};

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

@@ -74,6 +74,12 @@
 
 	let validity = $derived(focusDetails.validityTuple);
 
+	$effect(() => {
+		if (ColumnDef.debug) {
+			$inspect(validity);
+		}
+	});
+
 	$effect(() => {
 		void validity;
 		untrack(() => {
@@ -81,6 +87,10 @@
 				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);
 				} else {

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

@@ -60,7 +60,7 @@ export function generateExampleItemColumnDefs(modal) {
                 await asyncSleep(10);
                 return item.id;
             },
-            debug: true,
+            // debug: true,
         }),
         new QueryDef({
             header: 'simulated query def',
@@ -122,6 +122,8 @@ export function generateExampleItemColumnDefs(modal) {
                 }
                 return true;
             },
+            debug: true,
+            // filterValueType: 'Date',
             // defaultHidden: true
         }),
         new DateInputDef({

package/dist/Components/Table/Misc/FilterInput.svelte

@@ -400,36 +400,36 @@
 			<div class="inner-row">
 				<label>
 					<input
-						value={null}
+						value={false}
 						type="radio"
 						bind:group={value}
 						onchange={() => {
 							tableContext.paginationRepo?.filterBy(def.id, value);
 						}}
 					/>
-					Any
+					No
 				</label>
 				<label>
 					<input
-						value={true}
+						value={undefined}
 						type="radio"
 						bind:group={value}
 						onchange={() => {
 							tableContext.paginationRepo?.filterBy(def.id, value);
 						}}
 					/>
-					Yes
+					Any
 				</label>
 				<label>
 					<input
-						value={false}
+						value={true}
 						type="radio"
 						bind:group={value}
 						onchange={() => {
 							tableContext.paginationRepo?.filterBy(def.id, value);
 						}}
 					/>
-					No
+					Yes
 				</label>
 			</div>
 		{:else if isNumeric}

package/dist/Components/Table/Misc/FilterPanel.svelte

@@ -1,10 +1,14 @@
 <svelte:options runes />
 
-<script lang="ts" generics="T extends object">
+<script
+	lang="ts"
+	generics="T extends object"
+>
 	import Button from '../../Button.svelte';
 	import { Size } from '../../../Types/Internal/Size.js';
 	import { Variant } from '../../../Types/Internal/Variant.js';
 	import { getContext } from 'svelte';
+	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
 	import { TableContext } from '../Types/Context/TableContext.svelte.js';
 	import FilterInput from './FilterInput.svelte';
 
@@ -13,13 +17,18 @@
 	function reset() {
 		tableContext.paginationRepo?.resetFilters();
 	}
+
+	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
 </script>
 
 <div class="column-panel">
 	<h3>Filter by</h3>
 
-	{#each tableContext.columnDefs as def (def.id)}
-		<FilterInput {def} customFilters={tableContext.remoteFilters} />
+	{#each defs as def (def.id)}
+		<FilterInput
+			{def}
+			customFilters={tableContext.remoteFilters}
+		/>
 	{/each}
 
 	<div class="reset-button">

package/dist/Components/Table/Misc/FilterPanelModal.svelte

@@ -9,6 +9,7 @@
 	import { Size } from '../../../Types/Internal/Size.js';
 	import { Variant } from '../../../Types/Internal/Variant.js';
 	import { getContext } from 'svelte';
+	import type { ColumnDef } from '../Types/Columns/Definitions/ColumnDef.svelte.js';
 	import { TableContext } from '../Types/Context/TableContext.svelte.js';
 	import FilterInput from './FilterInput.svelte';
 
@@ -24,11 +25,13 @@
 	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
 
 	const { onclose }: FilterPanelModalProps = $props();
-	const refs: Array<FilterInput<T, never, unknown>> = $state([]);
+	// const refs: Array<FilterInput<T, never, unknown>> = $state([]);
 
 	function reset() {
 		tableContext.paginationRepo?.resetFilters();
 	}
+
+	const defs = $derived(tableContext.columnDefs as Array<ColumnDef<T, unknown>>);
 </script>
 
 <TouchModal
@@ -39,9 +42,9 @@
 >
 	<div class="flex">
 		<div class="column-panel">
-			{#each tableContext.columnDefs as def, index (def)}
+			{#each defs as def (def.id)}
+				<!-- bind:this={refs[index]} -->
 				<FilterInput
-					bind:this={refs[index]}
 					{def}
 					customFilters={tableContext.remoteFilters}
 				/>

package/dist/Components/Table/Types/Columns/DefsWrapper.d.ts

@@ -1,6 +1,6 @@
 import type { CustomRemoteFilters } from '../Filtering/CustomRemoteFilters.js';
 import type { ColumnDef } from './Definitions/ColumnDef.svelte.js';
 export interface DefsWrapper<T extends object> {
-    defs: Array<ColumnDef<T, never, unknown>>;
-    remoteFilters?: CustomRemoteFilters<never>;
+    defs: Array<ColumnDef<T>>;
+    remoteFilters?: CustomRemoteFilters<unknown>;
 }

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -48,7 +48,7 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     get dataRepo(): IDataRepository<T>;
     private set dataRepo(value);
     private _remoteFilters;
-    get remoteFilters(): CustomRemoteFilters<never> | undefined;
+    get remoteFilters(): CustomRemoteFilters<unknown> | undefined;
     private set remoteFilters(value);
     private _showSelectedOnly;
     get showSelectedOnly(): boolean;

package/dist/Components/Table/Types/DataRepository/IRemoteDataRepository.d.ts

@@ -8,7 +8,7 @@ export interface IRemoteDataRepository<T extends object> extends IDataRepository
     setPage: (page: number) => void;
     nextPage: () => void;
     prevPage: () => void;
-    filtering: ColumnFiltersState<never>;
+    filtering: ColumnFiltersState;
     filterModes: SvelteMap<string, FilterMode>;
     setFilterMode: (id: string, mode: FilterMode) => void;
     filterBy: (id: string, value: unknown) => void;

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.js

@@ -119,6 +119,7 @@ export class TableFocusDetails {
     });
     async __validityTuple(isValid, original) {
         try {
+            void original;
             const result = (await isValid?.(original, await this.tableContext.selectionContains(original))) ??
                 Validity.Valid;
             if (isWrapper(result)) {

package/dist/Helpers/Helpers.svelte.js

@@ -259,13 +259,13 @@ export function hasQuery(customFilter) {
 }
 export function isDateTuple(value) {
     return (Array.isArray(value) &&
-        value.length == 2 &&
+        value.length < 3 &&
         (value[0] === null || (typeof value[0] == 'object' && value[0] instanceof Date)) &&
         (value[1] === null || (typeof value[1] == 'object' && value[1] instanceof Date)));
 }
 export function isNumberTuple(value) {
     return (Array.isArray(value) &&
-        value.length == 2 &&
+        value.length < 3 &&
         (value[0] === null || typeof value[0] == 'number') &&
         (value[1] === null || typeof value[1] == 'number'));
 }

package/package.json

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