@lavalogic/scoria 0.0.42 → 0.0.44

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

@@ -5,7 +5,7 @@ export interface SelectDefProps<T extends object> extends ColumnDefProps<T> {
     getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     sortingFn?: (a: T, b: T) => 1 | -1 | 0;
-    getSpecificOptions?: (item?: T, index?: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    getSpecificOptions?: (item: T, index: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
     optional?: boolean;
     clearable?: boolean;
 }
@@ -16,6 +16,6 @@ export declare class SelectDef<T extends object> extends AccessorDef<T, T> {
     readonly getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     readonly optional: boolean;
     readonly clearable: boolean;
-    readonly getSpecificOptions?: (item?: T, index?: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
+    readonly getSpecificOptions?: (item: T, index: number) => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
     readonly getOptions: () => Array<SelectOption<unknown>> | Promise<Array<SelectOption<unknown>>>;
 }

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: boolean) => Validity | Promise<Validity> | ValidityWrapper | Promise<ValidityWrapper>;
+export type ValidationFn<T> = (item: T, isSelected: boolean) => Validity | Promise<Validity | ValidityWrapper> | ValidityWrapper;

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

@@ -25,6 +25,7 @@ export declare class TableContext<T extends object> {
     enableResize: boolean;
     allowColumnReordering: boolean;
     allowQuickFiltering: boolean;
+    showQuickFilterByDefault: boolean;
     allowAdvancedFiltering: boolean;
     toolbarPosition: ToolbarPosition;
     displayFooter: boolean;
@@ -33,7 +34,7 @@ export declare class TableContext<T extends object> {
     private _onEditCell;
     static readonly identifier: unique symbol;
     static init<T extends object>(defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, options: TableInitOptions<T>): TableContext<T>;
-    protected constructor(INTERNAL_ONLY: symbol, defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, allowCopy: boolean, enableResize: boolean, allowColumnReordering: boolean, allowQuickFiltering: boolean, allowAdvancedFiltering: boolean, toolbarPosition: ToolbarPosition, displayFooter: boolean, selectionExtractor: TableInitOptions<T>['selectionExtractor'], getUserId: () => string | undefined, _onEditCell?: TableInitOptions<T>['onEditCell']);
+    protected constructor(INTERNAL_ONLY: symbol, defaultColumnDefs: DefsWrapper<T>, tableName: string, dataRepo: IDataRepository<T>, allowCopy: boolean, enableResize: boolean, allowColumnReordering: boolean, allowQuickFiltering: boolean, showQuickFilterByDefault: boolean, allowAdvancedFiltering: boolean, toolbarPosition: ToolbarPosition, displayFooter: boolean, selectionExtractor: TableInitOptions<T>['selectionExtractor'], getUserId: () => string | undefined, _onEditCell?: TableInitOptions<T>['onEditCell']);
     private readonly userId;
     private isSelectable;
     __queryValues: SvelteMap<string, unknown>;

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

@@ -25,6 +25,7 @@ export class TableContext {
     enableResize;
     allowColumnReordering;
     allowQuickFiltering;
+    showQuickFilterByDefault;
     allowAdvancedFiltering;
     toolbarPosition;
     displayFooter;
@@ -33,11 +34,11 @@ export class TableContext {
     _onEditCell;
     static identifier = Symbol();
     static init(defaultColumnDefs, tableName, dataRepo, options) {
-        const context = new this(InternalSymbol, defaultColumnDefs, tableName, dataRepo, options.allowCopy ?? true, options.enableResize ?? true, options.allowColumnReordering ?? true, options.allowQuickFiltering ?? true, options.allowAdvancedFiltering ?? true, options.toolbar ?? ToolbarPosition.Right, options.displayFooter ?? true, options.selectionExtractor, options.getUserId, options.onEditCell);
+        const context = new this(InternalSymbol, defaultColumnDefs, tableName, dataRepo, options.allowCopy ?? true, options.enableResize ?? true, options.allowColumnReordering ?? true, options.allowQuickFiltering ?? true, options.showQuickFilterByDefault ?? true, options.allowAdvancedFiltering ?? true, options.toolbar ?? ToolbarPosition.Right, options.displayFooter ?? true, options.selectionExtractor, options.getUserId, options.onEditCell);
         return context;
     }
     // #region constructor
-    constructor(INTERNAL_ONLY, defaultColumnDefs, tableName, dataRepo, allowCopy, enableResize, allowColumnReordering, allowQuickFiltering, allowAdvancedFiltering, toolbarPosition, displayFooter, selectionExtractor, getUserId, _onEditCell = async () => {
+    constructor(INTERNAL_ONLY, defaultColumnDefs, tableName, dataRepo, allowCopy, enableResize, allowColumnReordering, allowQuickFiltering, showQuickFilterByDefault, allowAdvancedFiltering, toolbarPosition, displayFooter, selectionExtractor, getUserId, _onEditCell = async () => {
         console.warn('Cannot edit immutable table');
     }) {
         this.defaultColumnDefs = defaultColumnDefs;
@@ -46,6 +47,7 @@ export class TableContext {
         this.enableResize = enableResize;
         this.allowColumnReordering = allowColumnReordering;
         this.allowQuickFiltering = allowQuickFiltering;
+        this.showQuickFilterByDefault = showQuickFilterByDefault;
         this.allowAdvancedFiltering = allowAdvancedFiltering;
         this.toolbarPosition = toolbarPosition;
         this.displayFooter = displayFooter;
@@ -91,6 +93,7 @@ export class TableContext {
             };
             this.setupDefaultColumnDefs()
                 .then((defs) => {
+                this.showQuickFiltering = this.showQuickFilterByDefault;
                 this.isSelectable = defs.some((it) => it.id.startsWith('is-selectable-'));
                 if (this.allowColumnReordering) {
                     const savedPresets = localStorage.getItem(`${this.userId}-${tableName}-presets`);
@@ -634,7 +637,13 @@ export class TableContext {
             const leftVisibleCells = $derived([...(this.columnPinning.left?.keys() ?? [])].map(makeCellFromId) ?? []);
             const rightVisibleCells = $derived([...(this.columnPinning.right?.keys() ?? [])].map(makeCellFromId) ?? []);
             const centerVisibleCells = $derived(this.columnDefs
-                .filter((it) => !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id)))
+                .filter((it) => {
+                if (this.columnPinning.left && typeof this.columnPinning.left.has == 'function') {
+                    // eslint-disable-next-line no-debugger
+                    debugger;
+                }
+                return !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id));
+            })
                 .map(makeRow));
             return row;
         });
@@ -1607,7 +1616,13 @@ export class TableContext {
         const leftVisibleCells = $derived([...(this.columnPinning.left?.keys() ?? [])].map(makeCellFromId) ?? []);
         const rightVisibleCells = $derived([...(this.columnPinning.right?.keys() ?? [])].map(makeCellFromId) ?? []);
         const centerVisibleCells = $derived(this.columnDefs
-            .filter((it) => !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id)))
+            .filter((it) => {
+            if (this.columnPinning.left && typeof this.columnPinning.left.has == 'function') {
+                // eslint-disable-next-line no-debugger
+                debugger;
+            }
+            return !(this.columnPinning.left?.has(it.id) || this.columnPinning.right?.has(it.id));
+        })
             .map(makeRow));
         return row;
     }
@@ -1831,6 +1846,10 @@ export class TableContext {
         const midDefs = [];
         const rightDefs = [];
         this.columnDefs.forEach((def) => {
+            if (this.columnPinning.left && typeof this.columnPinning.left.has == 'function') {
+                // eslint-disable-next-line no-debugger
+                debugger;
+            }
             if (this.columnPinning.left?.has(def.id)) {
                 leftDefs.push(def);
             }
@@ -1961,7 +1980,13 @@ export class TableContext {
             // eslint-disable-next-line svelte/prefer-svelte-reactivity
             left: new Map(this.columnPinning.left &&
                 this.columnDefs
-                    .filter((col) => this.columnPinning.left?.has(col.id))
+                    .filter((col) => {
+                    if (this.columnPinning.left && typeof this.columnPinning.left.has == 'function') {
+                        // eslint-disable-next-line no-debugger
+                        debugger;
+                    }
+                    this.columnPinning.left?.has(col.id);
+                })
                     .map((col, index) => [col.id, index])),
             // eslint-disable-next-line svelte/prefer-svelte-reactivity
             right: new Map(this.columnPinning.right &&
@@ -2113,7 +2138,18 @@ function generateTableOptions(contextObj) {
     };
     const leftHeaderGroups = $derived.by(() => {
         const headers = contextObj.columnDefs
-            .filter((it) => contextObj.columnVisibility[it.id] != false && contextObj.columnPinning.left?.has(it.id))
+            .filter((it) => {
+            const isVisible = contextObj.columnVisibility[it.id] != false;
+            if (!isVisible) {
+                return false;
+            }
+            if (contextObj.columnPinning.left &&
+                typeof contextObj.columnPinning.left.has != 'function') {
+                // eslint-disable-next-line no-debugger
+                debugger;
+            }
+            return contextObj.columnPinning.left?.has(it.id);
+        })
             .map(makeHeader);
         return [
             {
@@ -2137,8 +2173,15 @@ function generateTableOptions(contextObj) {
     });
     const centerHeaderGroups = $derived.by(() => {
         const headers = contextObj.columnDefs
-            .filter((it) => contextObj.columnVisibility[it.id] != false &&
-            !(contextObj.columnPinning.left?.has(it.id) || contextObj.columnPinning.right?.has(it.id)))
+            .filter((it) => {
+            if (contextObj.columnPinning.left &&
+                typeof contextObj.columnPinning.left.has == 'function') {
+                // eslint-disable-next-line no-debugger
+                debugger;
+            }
+            return (contextObj.columnVisibility[it.id] != false &&
+                !(contextObj.columnPinning.left?.has(it.id) || contextObj.columnPinning.right?.has(it.id)));
+        })
             .map(makeHeader);
         return [
             {

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

@@ -6,6 +6,7 @@ export interface TableInitOptions<T extends object> {
     enableResize?: boolean;
     allowColumnReordering?: boolean;
     allowQuickFiltering?: boolean;
+    showQuickFilterByDefault?: boolean;
     allowAdvancedFiltering?: boolean;
     toolbar?: ToolbarPosition;
     displayFooter?: boolean;

package/package.json

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