@lavalogic/scoria 0.8.2 → 0.8.3

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

@@ -45,7 +45,9 @@
 	const customFilter = $derived(customFilters?.get(def.id));
 
 	const isSelect = $derived(
-		def instanceof SelectDef || customFilter?.type === CustomFilterType.Select
+		def instanceof SelectDef ||
+			def.filterValueType == CustomFilterType.Select ||
+			customFilter?.type === CustomFilterType.Select
 	);
 
 	const hasFilterFn = $derived(!!def.filterFn && typeof def.filterFn === 'function');
@@ -65,8 +67,13 @@
 			def.filterValueType == 'Number' ||
 			customFilter?.type === CustomFilterType.Number
 	);
+
+	function emptyOptsAndWarn(): Array<never> {
+		console.warn(`def ${def.id} is declared as a select filter but has no getOptions() function`);
+		return [];
+	}
 	const options = $derived(
-		isSelect ? ((def as SelectDef<T>)?.getOptions?.() ?? customFilter?.options ?? []) : []
+		isSelect ? (def?.getOptions?.() ?? customFilter?.options ?? emptyOptsAndWarn()) : []
 	);
 	const isDate = $derived(def instanceof DateInputDef);
 	const isRemoteSelect = $derived(customFilter?.type === CustomFilterType.Select);

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

@@ -21,5 +21,5 @@ export declare class SelectDef<T extends object> extends AccessorDef<T, SelectFi
     readonly optional: boolean;
     readonly clearable: boolean;
     readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
-    readonly getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/Accessors/SelectDef.svelte.js

@@ -3,12 +3,12 @@ import { AccessorType } from './AccessorType.js';
 export class SelectDef extends AccessorDef {
     constructor(props) {
         super(props);
-        this.getSpecificOptions = $derived(props.getSpecificOptions);
-        this.getOptions = $derived(props.getOptions);
+        this.getSpecificOptions = $derived(props.getSpecificOptions); //done in the base class now
+        // this.getOptions = $derived(props.getOptions); // done in the base class now
         this.sortingFn = $derived(props.sortingFn);
         this.optional = $derived(props.optional ?? false);
         this.clearable = $derived(props.clearable ?? true);
-        this.getDisplayValue = $derived(props.getDisplayValue);
+        // this.getDisplayValue = $derived(props.getDisplayValue); //done in the base class now
         this._filterFn = $state(props.filterFn);
     }
     accessorType = AccessorType.Select;
@@ -23,5 +23,4 @@ export class SelectDef extends AccessorDef {
     optional;
     clearable;
     getSpecificOptions;
-    getOptions;
 }

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

@@ -6,6 +6,7 @@ import { ColumnType } from '../ColumnType.js';
 import type { AccessorFn } from './AccessorFn.js';
 import type { ValidationFn } from './ValidationFn.js';
 import type { FilterValueType } from '../../Filtering/FilterValueType.js';
+import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
     id: string;
     header: string | Snippet;
@@ -21,6 +22,7 @@ export interface ColumnDefProps<T extends object, FilterFnType = undefined> {
     isValid?: ValidationFn<T>;
     filterFn?: FilterFn<T, FilterFnType> | CustomFilterFn;
     filterValueType?: FilterValueType;
+    getOptions?: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
     accessorFn?: AccessorFn<T>;
     getDisplayValue?: (item: T, index: number) => string | null | Promise<string | null>;
 }
@@ -60,4 +62,5 @@ export declare abstract class ColumnDef<T extends object, FilterFnType = undefin
     readonly isEditable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly resizable: boolean;
     readonly header: string | Snippet;
+    readonly getOptions?: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
 }

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

@@ -16,6 +16,7 @@ export class ColumnDef {
         this._filterValueType = $derived(props.filterValueType);
         this._getDisplayValue = $derived(props.getDisplayValue);
         this.debug = $derived(props.debug ?? false);
+        this.getOptions = $derived(props.getOptions);
     }
     id;
     debug;
@@ -87,4 +88,5 @@ export class ColumnDef {
     isEditable;
     resizable;
     header;
+    getOptions;
 }

package/package.json

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