@lavalogic/scoria 0.11.9 → 0.11.11

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

@@ -147,7 +147,8 @@ export declare class TableContext<T extends object> {
     private _filteredIndices;
     get filteredIndices(): number[];
     set filteredIndices(v: number[]);
-    readonly filteredData: T[];
+    private _filteredData;
+    get filteredData(): T[];
     private _sortedData;
     get sortedData(): T[];
     readonly sortedRowModel: RowModel<T>;

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

@@ -67,13 +67,25 @@ export class TableContext {
         this._dataRepo = $state(dataRepo);
         // this.dataRepo.forceRefresh = this.forceVisibilityUpdate;
         $effect(() => {
+            const fd = (() => {
+                if (this.paginationRepo?.paginationType == PaginationType.Local) {
+                    const data = this.showSelectedOnly
+                        ? // FIXME this will show the selected items by order of insertion to the selectedItems map.
+                            [...this.selectedItems.values()]
+                        : (this.filteredIndices.map((index) => {
+                            return dataRepo.data[index];
+                        }) ?? []);
+                    return data;
+                }
+                return this.showSelectedOnly ? [...this.selectedItems.values()] : (dataRepo?.data ?? []);
+            })();
             const sd = (() => {
                 if (this.paginationRepo?.paginationType == PaginationType.Local) {
-                    const state = this.dataRepo?.sorting ?? [];
+                    const state = dataRepo.sorting ?? [];
                     const sortedData = this.showSelectedOnly
                         ? // FIXME this will show the selected items by order of insertion to the selectedItems map.
                             [...this.selectedItems.values()]
-                        : this.filteredData.concat();
+                        : fd.concat();
                     sortedData.sort((a, b) => {
                         const end = state.length;
                         for (let i = 0; i < end; i++) {
@@ -93,7 +105,7 @@ export class TableContext {
                     });
                     return sortedData;
                 }
-                return this.filteredData ?? [];
+                return fd ?? [];
             })();
             const cpd = (() => {
                 if (dataRepo.paginationType != PaginationType.Local) {
@@ -102,13 +114,10 @@ export class TableContext {
                 return sd.slice(dataRepo.pageStartIndex, dataRepo.pageEndIndexExclusive);
             })();
             const ori = new Map((dataRepo.data ?? []).map((item, index) => [item, index]));
-            if (cpd != null) {
-                this._sortedData = sd;
-                this._currentPageData = cpd;
-                this._originalRowIndices = ori;
-            }
-            else {
-            }
+            this._filteredData = fd;
+            this._sortedData = sd;
+            this._currentPageData = cpd;
+            this._originalRowIndices = ori;
         });
         $effect(() => {
             if (this._currentPageData) {
@@ -121,6 +130,9 @@ export class TableContext {
                 });
             }
         });
+        $effect(() => {
+            $inspect(this.sortedData, this._currentPageData, this._originalRowIndices);
+        });
         if (defaultColumnDefs.remoteFilters) {
             this.remoteFilters = defaultColumnDefs.remoteFilters;
         }
@@ -665,18 +677,10 @@ export class TableContext {
     set filteredIndices(v) {
         this._filteredIndices = v;
     }
-    filteredData = $derived.by(() => {
-        if (this.paginationRepo?.paginationType == PaginationType.Local) {
-            const data = this.showSelectedOnly
-                ? // FIXME this will show the selected items by order of insertion to the selectedItems map.
-                    [...this.selectedItems.values()]
-                : (this.filteredIndices.map((index) => {
-                    return this.dataRepo.data[index];
-                }) ?? []);
-            return data;
-        }
-        return this.showSelectedOnly ? [...this.selectedItems.values()] : (this.dataRepo?.data ?? []);
-    });
+    _filteredData = $state([]);
+    get filteredData() {
+        return this._filteredData;
+    }
     _sortedData = $state([]);
     get sortedData() {
         return this._sortedData;
@@ -686,8 +690,6 @@ export class TableContext {
             const originalIndex = this._originalRowIndices.get(item);
             const unsortedIndex = originalIndex ?? index;
             if (originalIndex == null) {
-                $inspect(this.sortedData);
-                $inspect(this._originalRowIndices);
                 throw new Error(`Sorted Data not found in Original Row Indices: original index ${originalIndex}, index ${index}`);
             }
             return this.createRow(item, index, unsortedIndex);
@@ -713,8 +715,6 @@ export class TableContext {
         const rows = sortedData.map((item, index) => {
             const unsortedIndex = this._originalRowIndices.get(item) ?? index;
             if (!item) {
-                console.log($state.snapshot(sortedData));
-                console.log($state.snapshot(this._originalRowIndices));
                 throw new Error(`No Item was found at index ${index}`);
             }
             const row = {
@@ -874,7 +874,7 @@ export class TableContext {
                 const item = this.sortedData[index];
                 // HACK: Please find why this is happening and fix it properly
                 if (!item) {
-                    console.warn(`skipping update because there is a data mismatch, page start index: ${pageStartIndex}, current index ${index}, page end index (exclusive) ${pageEndIndexExclusive}`, $state.snapshot(this.sortedData));
+                    console.warn(`skipping update because there is a data mismatch (with selectable method)`);
                     return;
                 }
                 if (await selectableMethod(item, index)) {
@@ -887,7 +887,7 @@ export class TableContext {
                 const item = this.sortedData[index];
                 // HACK: Please find why this is happening and fix it properly
                 if (!item) {
-                    console.warn(`skipping update because there is a data mismatch, page start index: ${pageStartIndex}, current index ${index}, page end index (exclusive) ${pageEndIndexExclusive}`, $state.snapshot(this.sortedData));
+                    console.warn(`skipping update because there is a data mismatch (no selectable method)`);
                     return;
                 }
                 updateSelectedItem(item);
@@ -902,10 +902,18 @@ export class TableContext {
         this.recalculateAllSelectedInCurrentPage();
     };
     recalculateAllSelectedInCurrentPage = () => {
-        tick().then(() => {
-            this.allSelectedInCurrentPage?.then(() => {
+        tick()
+            .then(() => {
+            this.allSelectedInCurrentPage
+                ?.then(() => {
                 this.hasInvalidSelectedItems = [...this.selectedItems.keys()].some((key) => this._invalidValues.has(key));
+            })
+                .catch((e) => {
+                console.log(e);
             });
+        })
+            .catch((e) => {
+            console.log(e);
         });
     };
     selectAllInCurrentPage = async () => {
@@ -1720,7 +1728,6 @@ export class TableContext {
     // #region private methods
     createRow(item, index, unsortedIndex) {
         if (!item) {
-            console.log($state.snapshot(this._originalRowIndices));
             throw new Error(`No Item was found at index ${index} (unsorted index ${unsortedIndex})`);
         }
         const row = {

package/package.json

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