@lavalogic/scoria 0.21.5 → 0.22.1

package/dist/Components/DimensionInput.svelte

@@ -34,11 +34,10 @@
 		oninput,
 
 		inputRef = $bindable(),
-		'data-type': dataType
+		'data-type': dataType,
 	}: DimensionInputProps = $props();
 
-	// HACK unable to edit signature
-	/* eslint-disable @typescript-eslint/no-unused-vars */
+	// NOTE unable to edit signature
 	function xNumberValidator(_node: HTMLInputElement, _newValue: number | null | undefined) {
 		// function xNumberValidator() {
 		return {
@@ -49,7 +48,7 @@
 				x = (
 					isNaN(newValue) ? 0 : underMinimum ? min : overMaximum ? max : newValue
 				) as Centimetres;
-			}
+			},
 		};
 	}
 	function yNumberValidator(_node: HTMLInputElement, _newValue: number | null | undefined) {
@@ -61,7 +60,7 @@
 				y = (
 					isNaN(newValue) ? 0 : underMinimum ? min : overMaximum ? max : newValue
 				) as Centimetres;
-			}
+			},
 		};
 	}
 
@@ -75,10 +74,9 @@
 				z = (
 					isNaN(newValue) ? 0 : underMinimum ? min : overMaximum ? max : newValue
 				) as Centimetres;
-			}
+			},
 		};
 	}
-	/* eslint-enable @typescript-eslint/no-unused-vars */
 	// ^
 
 	let isInvalid = $derived(
@@ -108,7 +106,10 @@
 		<span class="border">Dimensions - <span class="optional">optional</span></span>
 	{/if}
 	<!-- style="--background-colour: {leftIcon?.backgroundColour ?? rightIcon?.backgroundColour};" -->
-	<div class="icon-container" class:for-modal={variant == InputVariant.Modal}>
+	<div
+		class="icon-container"
+		class:for-modal={variant == InputVariant.Modal}
+	>
 		<input
 			{id}
 			class:for-default={variant === InputVariant.Default}
@@ -173,7 +174,10 @@
 			step={decimal ? 0.01 : 1}
 		/>
 		<div class="spacer"></div>
-		<span class="right-label inset" class:for-modal={variant == InputVariant.Modal}>cm</span>
+		<span
+			class="right-label inset"
+			class:for-modal={variant == InputVariant.Modal}>cm</span
+		>
 	</div>
 </div>
 

package/dist/Components/HorizontalTabGroup.svelte

@@ -1,19 +1,26 @@
 <svelte:options runes />
 
-<script lang="ts" generics="CommonDenominator">
+<script
+	lang="ts"
+	generics="CommonDenominator"
+>
 	import HorizontalTabGroupButton from './HorizontalTabGroupButton.svelte';
 	import type { HorizontalTabGroupProps } from './HorizontalTabGroupProps.js';
 	let {
-		name: _name,
+		// name: _name, //FIXME why is this not implemented?
 		tabComponent,
 		options,
 		selected,
 		noRadius = false,
-		grow = false
+		grow = false,
 	}: HorizontalTabGroupProps<CommonDenominator> = $props();
 </script>
 
-<div class="wrapper" class:no-radius={noRadius} class:grow>
+<div
+	class="wrapper"
+	class:no-radius={noRadius}
+	class:grow
+>
 	<div class="tabs">
 		{#if tabComponent}
 			{#each options as option (option)}
@@ -21,7 +28,10 @@
 			{/each}
 		{:else}
 			{#each options as option (option)}
-				<HorizontalTabGroupButton {option} selected={selected === option} />
+				<HorizontalTabGroupButton
+					{option}
+					selected={selected === option}
+				/>
 			{/each}
 		{/if}
 	</div>

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

@@ -22,7 +22,7 @@ export function generateExampleItemColumnDefs(modal) {
         if (!$effect.tracking()) {
             throw new Error(`NOT in tracking context`);
         }
-        return isSelected.then((isSelected) => {
+        const compareValidity = (isSelected) => {
             if (isSelected) {
                 if (!item.name.trim()) {
                     return { value: Validity.Invalid, reason: 'Missing name' };
@@ -36,7 +36,10 @@ export function generateExampleItemColumnDefs(modal) {
                 };
             }
             return { value: Validity.Neutral, reason: 'row not selected' };
-        });
+        };
+        return isSelected instanceof Promise
+            ? isSelected.then(compareValidity)
+            : compareValidity(isSelected);
     };
     const expandDef = $state(new ExpandDef({
         accessorFn: (it) => [it],

package/dist/Components/Table/Types/Columns/Definitions/ValidationFn.d.ts

@@ -1,3 +1,3 @@
 import type { Validity } from '../../../../../Types/Internal/Validity.js';
 import type { ValidityWrapper } from '../../../../../Types/Internal/ValidityWrapper.js';
-export type ValidationFn<T> = (item: T, isSelected: Promise<boolean>) => Validity | Promise<Validity | ValidityWrapper> | ValidityWrapper;
+export type ValidationFn<T> = (item: T, isSelected: boolean | Promise<boolean>) => Validity | Promise<Validity | ValidityWrapper> | ValidityWrapper;

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

@@ -51,7 +51,6 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     get remoteFilters(): CustomRemoteFilters<unknown> | undefined;
     private set remoteFilters(value);
     private _showSelectedOnly;
-    private _pageBeforeSelectedOnly;
     get showSelectedOnly(): boolean;
     set showSelectedOnly(v: boolean);
     readonly dateFilter: FilterFn<T, DateFilterValueType> | undefined;
@@ -161,7 +160,7 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private _flushScheduled;
     private _flushPendingSelectionChanges;
     private _schedulePendingFlush;
-    readonly selectionContains: (item: T) => Promise<boolean>;
+    readonly selectionContains: (item: T) => boolean | Promise<boolean>;
     readonly addInvalidValue: (item: T) => void | Promise<void>;
     readonly removeInvalidValue: (item: T) => void | Promise<void>;
     readonly setOpenModalCoordinates: (coordinates: CellCoordinatesWithoutColumn | null) => void;

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -423,7 +423,6 @@ export class TableContext {
         this._remoteFilters = v;
     }
     _showSelectedOnly = $state(false);
-    _pageBeforeSelectedOnly = undefined;
     get showSelectedOnly() {
         return this._showSelectedOnly;
     }
@@ -432,14 +431,6 @@ export class TableContext {
             return;
         }
         this._showSelectedOnly = v;
-        if (v) {
-            this._pageBeforeSelectedOnly = (this.paginationRepo?.paginationState.pageIndex ?? 0) + 1;
-            this.paginationRepo?.setPage(1);
-        }
-        else if (this._pageBeforeSelectedOnly != null) {
-            this.paginationRepo?.setPage(this._pageBeforeSelectedOnly);
-            this._pageBeforeSelectedOnly = undefined;
-        }
     }
     dateFilter = $derived(this.paginationRepo?.dateFilter);
     numberFilter = $derived(this.paginationRepo?.numberFilter);
@@ -1054,7 +1045,7 @@ export class TableContext {
         })
             .catch(devCatch);
     }
-    selectionContains = async (item) => {
+    selectionContains = (item) => {
         void item;
         void this.isSelectable;
         void this.selectedItems.size;
@@ -1065,9 +1056,9 @@ export class TableContext {
             return true;
         }
         const rawIdentity = this._cachedKey(item);
-        const identity = rawIdentity instanceof Promise ? await rawIdentity : rawIdentity;
-        const has = this.selectedItems.has(identity);
-        return has;
+        return rawIdentity instanceof Promise
+            ? rawIdentity.then((identity) => this.selectedItems.has(identity))
+            : this.selectedItems.has(rawIdentity);
     };
     addInvalidValue = (item) => {
         const raw = this._cachedKey(item);

package/package.json

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