@lavalogic/scoria 0.4.5 → 0.5.1

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

@@ -79,7 +79,6 @@
 		{:then value}
 			{@render ValueFallback(value)}
 		{:catch e}
-			{@debug e}
 			<FocusableImmutableCell value={e?.toString()} {cell} />
 		{/await}
 	{/if}

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

@@ -146,9 +146,16 @@
 		if (isRemoteSelect && !tableContext.paginationRepo?.filtering) {
 			return;
 		}
+		if (def.debug) {
+			console.log('filtering state value:', $state.snapshot(filteringStateValue));
+		}
 		void filteringStateValue;
 
 		if (hasQuery) {
+			if (def.debug) {
+				console.log('has query');
+			}
+
 			untrack(async () => {
 				try {
 					//  as unknown as string | number | undefined;
@@ -157,7 +164,16 @@
 						const x = tableContext.__queryValues.get(
 							customFilter?.label ?? customFilter?.objectName ?? customFilter?.queryKey ?? _uuid
 						);
+
+						if (def.debug) {
+							console.log('value:', $state.snapshot(x));
+						}
 						value = (x ?? null) as SelectOption<unknown> | null;
+					} else if (def.debug) {
+						console.log(
+							'filtering state value was undefined',
+							$state.snapshot(tableContext.paginationRepo?.filtering)
+						);
 					}
 				} catch (e) {
 					console.warn(e);
@@ -165,9 +181,16 @@
 				}
 			});
 		} else if (isSelect) {
+			if (def.debug) {
+				console.log('is select (not query)');
+			}
 			untrack(async () => {
 				try {
-					const x = (await options).filter((it) => {
+					const opts = await options;
+					if (def.debug) {
+						console.log('possible options:', $state.snapshot(options));
+					}
+					const x = opts.filter((it) => {
 						if (it.value != null && (typeof it.value == 'string' || typeof it.value == 'number')) {
 							return (
 								filteringStateValue as unknown as Array<string | number> | undefined
@@ -175,6 +198,9 @@
 						}
 						return false;
 					});
+					if (def.debug) {
+						console.log('selected options:', x);
+					}
 					selectedOptions = x;
 				} catch (e) {
 					console.warn(e);
@@ -211,7 +237,7 @@
 			) {
 				value = filteringStateValue;
 			} else {
-				console.log('unknown value type:', filteringStateValue);
+				console.warn('unknown value type:', $state.snapshot(filteringStateValue));
 				value = filteringStateValue as string; // HACK attempt to keep production running
 			}
 		}
@@ -354,7 +380,7 @@
 							<!-- TODO: multiselect -->
 
 							<QuerySelect
-								valueAsObject
+								valueAsObject={customFilter!.valueAsObject ?? true}
 								{label}
 								clearable
 								name={customFilter?.objectName ?? 'Item'}
@@ -366,7 +392,8 @@
 								onchange={(newValue) => {
 									tableContext.paginationRepo?.filterBy(def.id, newValue?.value ?? null);
 									tableContext.__queryValues.set(label ?? _uuid, newValue);
-									value = newValue as SelectOption<unknown> | null;
+									// FIXME <T> is lost when autoformatting. why?
+									value = newValue as SelectOption | null;
 								}}
 							/>
 						{:else}

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

@@ -9,6 +9,7 @@ import type { FilterValueType } from '../../Filtering/FilterValueType.js';
 export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
     id: string;
     header: string | Snippet;
+    debug?: boolean;
     index?: number;
     allowFiltering?: boolean;
     allowSorting?: boolean;
@@ -26,6 +27,7 @@ export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
 export declare abstract class ColumnDef<T extends object, FilterFnType = undefined> {
     protected constructor(props: ColumnDefProps<T, FilterFnType>);
     readonly id: string;
+    debug: boolean;
     private _index;
     get index(): number;
     set index(v: number);

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

@@ -15,8 +15,10 @@ export class ColumnDef {
         this.header = $derived(props.header);
         this._filterValueType = $derived(props.filterValueType);
         this._getDisplayValue = $derived(props.getDisplayValue);
+        this.debug = $derived(props.debug ?? false);
     }
     id;
+    debug;
     _index;
     get index() {
         return this._index;

package/dist/Components/Table/Types/Filtering/CustomRemoteFilters.d.ts

@@ -1,2 +1,3 @@
+import type { SvelteMap } from 'svelte/reactivity';
 import type { CustomFilter } from './CustomFilter.js';
-export type CustomRemoteFilters = Map<string, CustomFilter>;
+export type CustomRemoteFilters = SvelteMap<string, CustomFilter>;

package/dist/Helpers/Helpers.svelte.js

@@ -153,8 +153,7 @@ export function gridItem(element) {
         return;
     }
     let height = $state(0);
-    let spanHeight = $derived.by(() => {
-        element.classList.values().filter((it) => it.startsWith('col-'));
+    const spanHeight = $derived.by(() => {
         return Math.ceil((height + Sizing['$regular-gap']) / 4);
     });
     $effect(() => {

package/dist/index.d.ts

@@ -123,7 +123,7 @@ export { TooltipContext } from './Contexts/TooltipContext.svelte.js';
 export { UntypedInputContext } from './Contexts/UntypedInputContext.svelte.js';
 export { Delay } from './Delay/Delay.js';
 export { DATAMatrix } from './Helpers/Datamatrix.js';
-export { autoPluralise, generateUUID, generateShortUUID, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, passthrough, getCanvasContext, getErrorMessage, isValidEmailAddress, localTimeFormat, vowels } from './Helpers/Helpers.svelte.js';
+export { gridItem, autoPluralise, generateUUID, generateShortUUID, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, passthrough, getCanvasContext, getErrorMessage, isValidEmailAddress, localTimeFormat, vowels } from './Helpers/Helpers.svelte.js';
 export { type INamed } from './Helpers/INamed.js';
 export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
 export { type BigRadioOption } from './Types/Internal/BigRadioOption.js';
@@ -153,5 +153,6 @@ export { Validity } from './Types/Internal/Validity.js';
 export { type ValidityWrapper } from './Types/Internal/ValidityWrapper.js';
 export { Variant } from './Types/Internal/Variant.js';
 export { Colour, ColourSet } from './scss/colours.js';
+export { Sizing } from './scss/sizing.js';
 export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
 export { default as Pagination, type PaginationProps } from './Components/Base/Pagination.svelte';

package/dist/index.js

@@ -130,7 +130,7 @@ export { TooltipContext } from './Contexts/TooltipContext.svelte.js';
 export { UntypedInputContext } from './Contexts/UntypedInputContext.svelte.js';
 export { Delay } from './Delay/Delay.js';
 export { DATAMatrix } from './Helpers/Datamatrix.js';
-export { autoPluralise, generateUUID, generateShortUUID, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, passthrough, getCanvasContext, getErrorMessage, isValidEmailAddress, localTimeFormat, vowels } from './Helpers/Helpers.svelte.js';
+export { gridItem, autoPluralise, generateUUID, generateShortUUID, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, passthrough, getCanvasContext, getErrorMessage, isValidEmailAddress, localTimeFormat, vowels } from './Helpers/Helpers.svelte.js';
 export {} from './Helpers/INamed.js';
 export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
 export {} from './Types/Internal/BigRadioOption.js';
@@ -158,5 +158,6 @@ export { Validity } from './Types/Internal/Validity.js';
 export {} from './Types/Internal/ValidityWrapper.js';
 export { Variant } from './Types/Internal/Variant.js';
 export { Colour, ColourSet } from './scss/colours.js';
+export { Sizing } from './scss/sizing.js';
 export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
 export { default as Pagination } from './Components/Base/Pagination.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.4.5",
+  "version": "0.5.1",
   "publishConfig": {
     "access": "restricted"
   },
@@ -33,38 +33,38 @@
     "@eslint/compat": "^2.0.0",
     "@eslint/js": "^9.39.1",
     "@playwright/test": "^1.57.0",
-    "@storybook/addon-a11y": "^10.1.4",
-    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-a11y": "^10.1.7",
+    "@storybook/addon-docs": "^10.1.7",
     "@storybook/addon-svelte-csf": "^5.0.10",
-    "@storybook/addon-vitest": "^10.1.4",
-    "@storybook/sveltekit": "^10.1.4",
+    "@storybook/addon-vitest": "^10.1.7",
+    "@storybook/sveltekit": "^10.1.7",
     "@sveltejs/adapter-node": "^5.4.0",
-    "@sveltejs/kit": "^2.49.1",
+    "@sveltejs/kit": "^2.49.2",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^24.10.1",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "@typescript-eslint/parser": "^8.48.1",
+    "@types/node": "^24.10.3",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
     "@vitest/browser": "^4.0.15",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-storybook": "10.1.4",
-    "eslint-plugin-svelte": "^3.13.0",
+    "eslint-plugin-svelte": "^3.13.1",
     "globals": "^16.5.0",
     "mdsvex": "^0.12.6",
     "playwright": "^1.57.0",
     "prettier": "^3.7.4",
     "prettier-plugin-svelte": "^3.4.0",
-    "publint": "^0.3.15",
-    "sass-embedded": "^1.93.3",
-    "storybook": "^10.1.4",
-    "svelte": "^5.45.5",
+    "publint": "^0.3.16",
+    "sass-embedded": "^1.96.0",
+    "storybook": "^10.1.7",
+    "svelte": "^5.45.10",
     "svelte-check": "^4.3.4",
     "svelte-render-scan": "^1.1.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.1",
-    "vite": "^7.2.6",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7",
     "vite-plugin-devtools-json": "^1.0.0",
     "vitest": "^4.0.15",
     "vitest-browser-svelte": "^2.0.1"