@lavalogic/scoria 0.12.2 → 0.13.1

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/Filtering/CustomFilterFn.d.ts

@@ -1,2 +1,2 @@
 import type { FilterMode } from './FilterMode.js';
-export type CustomFilterFn = (mode: FilterMode, value: unknown) => Promise<boolean>;
+export type CustomFilterFn = (mode: FilterMode, value: unknown) => boolean | Promise<boolean>;

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

@@ -6,4 +6,4 @@ export type SelectFilterValueType<T, columnType = T[keyof T]> = string | Array<u
 } | undefined;
 export type BoolFilterValueType = boolean | null;
 export type StringFilterValueType = string | null;
-export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => Promise<boolean>;
+export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => boolean | Promise<boolean>;

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

@@ -1,16 +1,17 @@
+import type { ToastContext } from '../../../../Contexts/ToastContext.svelte.js';
 import { Validity } from '../../../../Types/Internal/Validity.js';
 import type { TableCell } from '../Columns/TableCell.js';
 import type { TableContext } from '../Context/TableContext.svelte.js';
 import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
-export declare class TableFocusDetails<T extends object> {
+export declare class TableFocusDetails<T extends object, in FilterValueType> {
     private toastCallback;
-    constructor(cell: TableCell<T>, tableContext: TableContext<T>, toastCallback: (message: unknown) => void);
+    constructor(cell: TableCell<T, FilterValueType>, tableContext: TableContext<T, never>, toastCallback: ToastContext['toast']);
     private _cell;
-    get cell(): TableCell<T>;
-    set cell(v: TableCell<T>);
+    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

@@ -1,3 +1,4 @@
+import { devCatch, isErrorResponse } from '../../../../Helpers/Helpers.svelte.js';
 import { Colour } from '../../../../scss/colours.js';
 import { Validity } from '../../../../Types/Internal/Validity.js';
 import { tick } from 'svelte';
@@ -118,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];
@@ -130,7 +131,12 @@ export class TableFocusDetails {
         catch (e) {
             console.warn('validity error:', e);
             return tick().then(() => {
-                this.toastCallback(e);
+                if (isErrorResponse(e)) {
+                    this.toastCallback(e);
+                }
+                else {
+                    devCatch(e);
+                }
                 return [Validity.Valid, undefined];
             });
         }

package/dist/Components/VerticalTabGroupButton.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="Args extends object|undefined">
+<script lang="ts" generics="Args">
 	import { devCatch } from '../Helpers/Helpers.svelte.js';
 	import { Colour } from '../scss/colours.js';
 	import { Size } from '../Types/Internal/Size.js';

package/dist/Components/VerticalTabGroupButton.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
-declare function $$render<Args extends object | undefined>(): {
+declare function $$render<Args>(): {
     props: TabGroupButtonProps<Args>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<Args extends object | undefined> {
+declare class __sveltets_Render<Args> {
     props(): ReturnType<typeof $$render<Args>>['props'];
     events(): ReturnType<typeof $$render<Args>>['events'];
     slots(): ReturnType<typeof $$render<Args>>['slots'];
@@ -14,12 +14,12 @@ declare class __sveltets_Render<Args extends object | undefined> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <Args extends object | undefined>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
+    new <Args>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<Args>['bindings']>;
     } & ReturnType<__sveltets_Render<Args>['exports']>;
-    <Args extends object | undefined>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
+    <Args>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const VerticalTabGroupButton: $$IsomorphicComponent;
-type VerticalTabGroupButton<Args extends object | undefined> = InstanceType<typeof VerticalTabGroupButton<Args>>;
+type VerticalTabGroupButton<Args> = InstanceType<typeof VerticalTabGroupButton<Args>>;
 export default VerticalTabGroupButton;

package/dist/Components/VerticalTabGroupProps.d.ts

@@ -1,8 +1,8 @@
 import type { TabOption } from '../Types/Internal/TabOption.js';
 export interface VerticalTabGroupProps {
     name?: string;
-    tabs: Array<TabOption<object>>;
-    selected?: TabOption<object> | undefined;
+    tabs: Array<TabOption<unknown>>;
+    selected?: TabOption<unknown>;
     style?: string;
     noscroll?: boolean;
     noTabMessage?: string;

package/dist/Contexts/ToastContext.svelte.d.ts

@@ -1,9 +1,11 @@
+import { type IErrorResponse } from '../Helpers/Helpers.svelte.js';
 import type { IdentifiableToastMessage } from '../Types/Internal/IdentifiableToastMessage.js';
+import type { ToastMessage } from '../Types/Internal/ToastMessage.js';
 export declare class ToastContext {
     static readonly identifier: unique symbol;
     private _toasts;
     get toasts(): Array<IdentifiableToastMessage>;
     private set toasts(value);
-    readonly toast: (message: unknown) => void;
+    readonly toast: (message: Array<unknown> | string | ToastMessage | IErrorResponse) => void;
     private dismiss;
 }

package/dist/Contexts/ToastContext.svelte.js

@@ -27,7 +27,7 @@ export class ToastContext {
                     }
                 };
             }
-            else if (typeof message === 'string') {
+            if (typeof message === 'string') {
                 return {
                     result: Validity.Info,
                     closeable,
@@ -39,7 +39,7 @@ export class ToastContext {
                     }
                 };
             }
-            if (message != null && typeof message == 'object' && isToastMessage(message)) {
+            if (typeof message == 'object' && isToastMessage(message)) {
                 return {
                     closeable,
                     timeout,

package/dist/Helpers/Helpers.svelte.d.ts

@@ -13,7 +13,7 @@ export declare function SQLFriendlyWithLocalTime(date: InputDate | InputDateWith
 export declare const localTimeFormat: Intl.DateTimeFormat;
 export declare function passthrough(e: KeyboardEvent): void;
 export declare function getCanvasContext(): CanvasRenderingContext2D | null;
-interface IErrorResponse {
+export interface IErrorResponse {
     readonly errors: ReadonlyArray<{
         code: string;
         message: string;
@@ -41,4 +41,3 @@ export declare function devCatch(e: unknown): void;
 export declare function hasQuery(customFilter: CustomFilter | undefined): customFilter is CustomFilter & Required<Pick<CustomFilter, 'query'>>;
 export declare function isDateTuple(value: unknown): value is [Date | null, Date | null];
 export declare function isNumberTuple(value: unknown): value is [number | null, number | null];
-export {};

package/dist/Types/Examples/ExampleModal.svelte

@@ -1,12 +1,12 @@
 <svelte:options runes />
 
-<script lang="ts">
+<script lang="ts" generics="FilterValueType">
 	import DesktopModal from '../../Components/DesktopModal.svelte';
 	import Switch from '../../Components/Switch.svelte';
 	import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 	import type { ExampleItem } from './ExampleItem.js';
 
-	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem> = $props();
+	const { cell, onclose, onsubmit }: DisplayDefModalProps<ExampleItem, FilterValueType> = $props();
 </script>
 
 <DesktopModal

package/dist/Types/Examples/ExampleModal.svelte.d.ts

@@ -1,5 +1,26 @@
 import type { DisplayDefModalProps } from '../../Components/Table/Types/Columns/Definitions/Display/AbstractDisplayDef.svelte.js';
 import type { ExampleItem } from './ExampleItem.js';
-declare const ExampleModal: import("svelte").Component<DisplayDefModalProps<ExampleItem>, {}, "">;
-type ExampleModal = ReturnType<typeof ExampleModal>;
+declare function $$render<FilterValueType>(): {
+    props: DisplayDefModalProps<ExampleItem, FilterValueType>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<FilterValueType> {
+    props(): ReturnType<typeof $$render<FilterValueType>>['props'];
+    events(): ReturnType<typeof $$render<FilterValueType>>['events'];
+    slots(): ReturnType<typeof $$render<FilterValueType>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<FilterValueType>['props']>, ReturnType<__sveltets_Render<FilterValueType>['events']>, ReturnType<__sveltets_Render<FilterValueType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<FilterValueType>['bindings']>;
+    } & ReturnType<__sveltets_Render<FilterValueType>['exports']>;
+    <FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<FilterValueType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ExampleModal: $$IsomorphicComponent;
+type ExampleModal<FilterValueType> = InstanceType<typeof ExampleModal<FilterValueType>>;
 export default ExampleModal;

package/dist/Types/Internal/TabOption.d.ts

@@ -1,6 +1,6 @@
 import type { IconProps } from '../../Components/IconProps.js';
 import type { Snippet } from 'svelte';
-export interface TabOption<Args extends object | undefined = undefined> {
+export interface TabOption<Args> {
     label: string;
     content: Snippet<[Args]>;
     onclick: () => void;

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.2",
+  "version": "0.13.1",
   "publishConfig": {
     "access": "restricted"
   },
@@ -29,42 +29,42 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.3",
+    "@chromatic-com/storybook": "^5.0.1",
     "@eslint/compat": "^2.0.2",
-    "@eslint/js": "^9.39.2",
+    "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
-    "@storybook/addon-a11y": "^10.2.9",
-    "@storybook/addon-docs": "^10.2.9",
+    "@storybook/addon-a11y": "^10.2.11",
+    "@storybook/addon-docs": "^10.2.11",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.9",
-    "@storybook/sveltekit": "^10.2.9",
+    "@storybook/addon-vitest": "^10.2.11",
+    "@storybook/sveltekit": "^10.2.11",
     "@sveltejs/adapter-node": "^5.5.3",
-    "@sveltejs/kit": "^2.52.0",
+    "@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.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
+    "@types/node": "^25.3.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": "^9.39.2",
+    "eslint": "^10.0.2",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^10.2.9",
+    "eslint-plugin-storybook": "^10.2.11",
     "eslint-plugin-svelte": "^3.15.0",
     "globals": "^17.3.0",
     "mdsvex": "^0.12.6",
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
-    "prettier-plugin-svelte": "^3.4.1",
+    "prettier-plugin-svelte": "^3.5.0",
     "publint": "^0.3.17",
     "sass-embedded": "^1.97.3",
-    "storybook": "^10.2.9",
-    "svelte": "^5.51.3",
-    "svelte-check": "^4.4.0",
+    "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",