@mk-kit/ui 0.52.0 → 0.53.0

package/fesm2022/mk-kit-ui-table.mjs

@@ -2181,6 +2181,15 @@ class MkTableDataSource {
     refresh() {
         this.load();
     }
+    /**
+     * Back to page 1 and load — the "filters changed outside the search box"
+     * case. Unlike {@link setPage}, this loads even when already on page 1, so
+     * callers no longer need `page() === 1 ? refresh() : setPage(1)`.
+     */
+    reload() {
+        this._page.set(1);
+        this.load();
+    }
     /**
      * Pipe an `mkSort` directive's changes into {@link setSort}. Idempotent per
      * directive instance; all subscriptions are released by {@link destroy}.
@@ -2300,6 +2309,45 @@ class MkTableDataSource {
         sub.unsubscribe();
     }
 }
+/**
+ * In-memory {@link MkDataFetcher}: filter, sort and slice a full row set that
+ * the app already holds (an API that returns everything). Lets a client-side
+ * list use {@link MkTableDataSource} — same pager, footer and API as a
+ * server-paged one — without hand-rolling `filtered/sorted/paged` computeds.
+ *
+ * ```ts
+ * ds = new MkTableDataSource(mkClientFetcher(() => this.rows()));
+ * ```
+ */
+function mkClientFetcher(rows, opts = {}) {
+    const match = opts.match ??
+        ((row, q) => Object.values(row).some((v) => (typeof v === 'string' || typeof v === 'number') &&
+            String(v).toLowerCase().includes(q)));
+    const compare = opts.compare ??
+        ((a, b, sort) => {
+            const av = a[sort.active];
+            const bv = b[sort.active];
+            if (av == null && bv == null)
+                return 0;
+            if (av == null)
+                return 1;
+            if (bv == null)
+                return -1;
+            if (typeof av === 'number' && typeof bv === 'number')
+                return av - bv;
+            return String(av).localeCompare(String(bv), undefined, { numeric: true, sensitivity: 'base' });
+        });
+    return (req) => {
+        const q = req.filter.trim().toLowerCase();
+        let out = q ? rows().filter((r) => match(r, q)) : [...rows()];
+        if (req.sort && req.sort.direction !== 'none') {
+            const dir = req.sort.direction === 'desc' ? -1 : 1;
+            out = [...out].sort((a, b) => dir * compare(a, b, req.sort));
+        }
+        const start = (req.page - 1) * req.pageSize;
+        return Promise.resolve({ rows: out.slice(start, start + req.pageSize), total: out.length });
+    };
+}
 
 /**
  * @mk-kit/ui/table — the data table, grid features and sort directives.
@@ -2309,5 +2357,5 @@ class MkTableDataSource {
  * Generated bundle index. Do not edit.
  */
 
-export { MkSort, MkSortHeader, MkTable, MkTableCell, MkTableDataSource, MkTableRowDetail, mkCompactFilters, mkDownloadText, mkExportCsv, mkToCsv };
+export { MkSort, MkSortHeader, MkTable, MkTableCell, MkTableDataSource, MkTableRowDetail, mkClientFetcher, mkCompactFilters, mkDownloadText, mkExportCsv, mkToCsv };
 //# sourceMappingURL=mk-kit-ui-table.mjs.map