@lavalogic/scoria 0.12.3 → 0.13.2

package/dist/Components/Table/Types/Context/TableInitOptions.d.ts

@@ -1,7 +1,8 @@
 import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
 import type { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
-export interface TableInitOptions<T extends object> {
-    selectionExtractor: (item: T) => unknown;
+export type Primitive = string | number;
+export interface TableInitOptions<T extends object, Identifier extends Primitive> {
+    selectionExtractor: (item: T) => Promise<Identifier>;
     allowCopy?: boolean;
     enableResize?: boolean;
     allowColumnReordering?: boolean;
@@ -12,4 +13,5 @@ export interface TableInitOptions<T extends object> {
     displayFooter?: boolean;
     onEditCell?: (item: T, coords: CellCoordinates, value: unknown) => void | Promise<void>;
     getUserId: () => string | undefined;
+    debug?: boolean;
 }

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

@@ -17,7 +17,7 @@ export interface IDataRepository<T extends object> {
     manualSorting?: boolean;
     sorting: SortingState;
     filtering: ColumnFiltersState;
-    filterModes: SvelteMap<string, FilterMode>;
+    filterModes: ReadonlyMap<string, FilterMode>;
     setFilterMode: (id: string, mode: FilterMode) => void;
     filterBy: (id: string, value: unknown) => void;
     dateFilter?: FilterFn<T, DateFilterValueType>;

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

@@ -1,4 +1,3 @@
-import type { SvelteMap } from 'svelte/reactivity';
 import type { ColumnFiltersState } from '../Filtering/ColumnFiltersState.js';
 import type { BoolFilterValueType, DateFilterValueType, FilterFn, NumberFilterValueType, SelectFilterValueType, StringFilterValueType } from '../Filtering/FilterFn.js';
 import type { FilterMode } from '../Filtering/FilterMode.js';
@@ -10,7 +9,7 @@ export interface ILocalDataRepository<T extends object> extends IDataRepository<
     nextPage: () => void;
     prevPage: () => void;
     filtering: ColumnFiltersState;
-    filterModes: SvelteMap<string, FilterMode>;
+    filterModes: ReadonlyMap<string, FilterMode>;
     setFilterMode: (id: string, mode: FilterMode) => void;
     filterBy: (id: string, value: unknown) => void;
     dateFilter: FilterFn<T, DateFilterValueType>;

package/dist/Components/Table/Types/DataRepository/LocalTableDataRepository.svelte.d.ts

@@ -13,9 +13,10 @@ import { TableDataRepository } from './TableDataRepository.svelte.js';
 export declare const allowedEmptyFilterModes: SvelteSet<StringFilterMode | NumberDateFilterMode>;
 export declare class LocalTableDataRepository<T extends object> extends TableDataRepository<T> implements ILocalDataRepository<T> {
     addEmptyRow?: (() => void) | undefined;
+    private debug;
     readonly filterType: "Real";
     constructor(tableName: string, dataRef: RefWrapper<Array<T>>, // reactive
-    getUserId: () => string | undefined, addEmptyRow?: (() => void) | undefined);
+    getUserId: () => string | undefined, addEmptyRow?: (() => void) | undefined, debug?: boolean);
     private _isLoading;
     get isLoading(): boolean;
     set isLoading(v: boolean);

package/dist/Components/Table/Types/DataRepository/LocalTableDataRepository.svelte.js

@@ -11,11 +11,13 @@ export const allowedEmptyFilterModes = new SvelteSet([
 ]);
 export class LocalTableDataRepository extends TableDataRepository {
     addEmptyRow;
+    debug;
     filterType = FilterType.Real;
     constructor(tableName, dataRef, // reactive
-    getUserId, addEmptyRow) {
+    getUserId, addEmptyRow, debug = false) {
         super(tableName, getUserId);
         this.addEmptyRow = addEmptyRow;
+        this.debug = debug;
         this._dataRef = $derived(dataRef);
         this._lastPage = $derived(Math.ceil(this._dataRef.value.length / this.paginationState.pageSize));
         this._totalRows = $derived(this._dataRef.value.length);
@@ -64,14 +66,20 @@ export class LocalTableDataRepository extends TableDataRepository {
     paginationType = PaginationType.Local;
     setFilterMode = (id, mode) => {
         if (mode != undefined) {
-            this.filterModes.set(id, mode);
+            if (this.debug) {
+                console.log(`LOCAL REPO: Setting mode ${mode} for ${id}`);
+            }
+            this._filterModes.set(id, mode);
             //add stub filtering in empty cases
             if (allowedEmptyFilterModes.has(mode) && !this.filtering.some((it) => it.id === id)) {
                 this.filterBy(id, '');
             }
         }
         else {
-            this.filterModes.delete(id);
+            if (this.debug) {
+                console.log(`LOCAL REPO: Deleting mode for ${id}`);
+            }
+            this._filterModes.delete(id);
         }
     };
     filterBy = (id, value) => {
@@ -82,18 +90,33 @@ export class LocalTableDataRepository extends TableDataRepository {
         const oldIndex = this.filtering.findIndex((it) => it.id === id);
         const newFiltering = this.filtering.concat();
         if (oldIndex === -1 || newFiltering[oldIndex].value != value) {
+            // remove previous filter state for this column if exists
+            // if it's useful, we'll then add it back to the end of the array for filtering precedence
             if (oldIndex > -1) {
                 newFiltering.splice(oldIndex, 1);
             }
             const filterMode = this.filterModes.get(id);
-            const hasValue = filterMode &&
-                (allowedEmptyFilterModes.has(filterMode) ||
-                    !(value == null ||
-                        (typeof value === 'object' && Array.isArray(value) && value.length === 0) ||
-                        (typeof value === 'string' && value.length === 0)));
+            const hasValue = (filterMode && allowedEmptyFilterModes.has(filterMode)) ||
+                (value != null &&
+                    ((typeof value === 'object' && Array.isArray(value) && value.length !== 0) ||
+                        (typeof value === 'string' && value.length !== 0) ||
+                        (typeof value !== 'object' && typeof value !== 'string')));
             if (hasValue) {
+                if (this.debug) {
+                    console.log(`LOCAL REPO: adding filter value ${value?.toString()} for  id ${id}`);
+                }
                 newFiltering.push({ id, value });
             }
+            else {
+                if (this.debug) {
+                    if (!filterMode) {
+                        console.log(`LOCAL REPO: no filter mode found for ${id}, skipping value ${value?.toString()}...`);
+                    }
+                    else {
+                        console.log(`LOCAL REPO: no value found for id ${id}. Skipping...`);
+                    }
+                }
+            }
         }
         this.filtering = newFiltering;
     };

package/dist/Components/Table/Types/DataRepository/TableDataRepository.svelte.d.ts

@@ -36,7 +36,8 @@ export declare abstract class TableDataRepository<T extends object> implements I
     private _previouslyViewedPage;
     get previouslyViewedPage(): number;
     private set previouslyViewedPage(value);
-    filterModes: SvelteMap<string, FilterMode>;
+    protected _filterModes: SvelteMap<string, FilterMode>;
+    get filterModes(): ReadonlyMap<string, FilterMode>;
     private _forceRefresh;
     get forceRefresh(): () => void;
     set forceRefresh(v: () => void);

package/dist/Components/Table/Types/DataRepository/TableDataRepository.svelte.js

@@ -29,7 +29,10 @@ export class TableDataRepository {
     set previouslyViewedPage(v) {
         this._previouslyViewedPage = v;
     }
-    filterModes = $state(new SvelteMap());
+    _filterModes = $state(new SvelteMap());
+    get filterModes() {
+        return this._filterModes;
+    }
     _forceRefresh = $state(() => {
         console.warn('tried to force refresh without a callback registered');
     });

package/dist/Components/Table/Types/Focus/TableFocusDetails.svelte.d.ts

@@ -5,13 +5,13 @@ import type { TableContext } from '../Context/TableContext.svelte.js';
 import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
 export declare class TableFocusDetails<T extends object, in FilterValueType> {
     private toastCallback;
-    constructor(cell: TableCell<T, FilterValueType>, tableContext: TableContext<T>, toastCallback: ToastContext['toast']);
+    constructor(cell: TableCell<T, FilterValueType>, tableContext: TableContext<T, never>, toastCallback: ToastContext['toast']);
     private _cell;
     get cell(): TableCell<T, FilterValueType>;
     set cell(v: TableCell<T, FilterValueType>);
     private _tableContext;
-    get tableContext(): TableContext<T>;
-    set tableContext(v: TableContext<T>);
+    get tableContext(): TableContext<T, never>;
+    set tableContext(v: TableContext<T, never>);
     private _coordinates;
     get coordinates(): CellCoordinates;
     private _isMultiFocused;

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

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

package/dist/Components/Table/Types/Header.d.ts

@@ -1,9 +1,9 @@
 import type { Column } from './Columns/Column.js';
-export interface Header<T extends object> {
+export interface Header<T extends object, FilterValueType> {
     id: string;
     colSpan: number;
     getSize: () => number;
-    column: Column<T>;
+    column: Column<T, FilterValueType>;
     isPlaceholder: boolean;
     getResizeHandler: () => (e: MouseEvent) => void;
 }

package/dist/Components/Table/Types/HeaderGroup.d.ts

@@ -1,5 +1,5 @@
 import type { Header } from './Header.js';
 export interface HeaderGroup<T extends object> {
     id: string;
-    headers: Array<Header<T>>;
+    headers: Array<Header<T, unknown>>;
 }

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export { default as Switch } from './Components/Switch.svelte';
 export { type ITable } from './Components/Table/Types/Context/ITable.js';
 export { type RowModel } from './Components/Table/Types/Context/RowModel.js';
 export { isSearchable, TableContext } from './Components/Table/Types/Context/TableContext.svelte.js';
-export { type TableInitOptions } from './Components/Table/Types/Context/TableInitOptions.js';
+export { type Primitive, type TableInitOptions } from './Components/Table/Types/Context/TableInitOptions.js';
 export { type TableSettings } from './Components/Table/Types/Context/TableSettings.js';
 export { type CellCoordinates } from './Components/Table/Types/Coordinates/CellCoordinates.js';
 export { type CellCoordinatesWithoutColumn } from './Components/Table/Types/Coordinates/CellCoordinatesWithoutColumn.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.12.3",
+  "version": "0.13.2",
   "publishConfig": {
     "access": "restricted"
   },
@@ -33,24 +33,24 @@
     "@eslint/compat": "^2.0.2",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
-    "@storybook/addon-a11y": "^10.2.10",
-    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-a11y": "^10.2.11",
+    "@storybook/addon-docs": "^10.2.11",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.10",
-    "@storybook/sveltekit": "^10.2.10",
+    "@storybook/addon-vitest": "^10.2.11",
+    "@storybook/sveltekit": "^10.2.11",
     "@sveltejs/adapter-node": "^5.5.3",
     "@sveltejs/kit": "^2.53.0",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/eslint": "^9.6.1",
     "@types/node": "^25.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@typescript-eslint/parser": "^8.56.1",
     "@vitest/browser": "^4.0.18",
     "@vitest/browser-playwright": "^4.0.18",
-    "eslint": "^10.0.1",
+    "eslint": "^10.0.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^10.2.10",
+    "eslint-plugin-storybook": "^10.2.11",
     "eslint-plugin-svelte": "^3.15.0",
     "globals": "^17.3.0",
     "mdsvex": "^0.12.6",
@@ -59,12 +59,12 @@
     "prettier-plugin-svelte": "^3.5.0",
     "publint": "^0.3.17",
     "sass-embedded": "^1.97.3",
-    "storybook": "^10.2.10",
+    "storybook": "^10.2.11",
     "svelte": "^5.53.3",
     "svelte-check": "^4.4.3",
     "svelte-render-scan": "^1.1.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.0",
+    "typescript-eslint": "^8.56.1",
     "vite": "^7.3.1",
     "vite-plugin-devtools-json": "^1.0.0",
     "vitest": "^4.0.18",