mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(data-table): handle ToolbarSearch filtering in DataTable (#2037)

Browse source
This commit is contained in:
Eric Liu 2024-11-10 09:27:27 -08:00 • committed by GitHub
commit 3192824322
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 36 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/DataTable/ToolbarSearch.svelte
View file

@ -49,32 +49,10 @@
import { tick, getContext } from "svelte";
import Search from "../Search/Search.svelte";
const { tableRows } = getContext("DataTable") ?? {};
const ctx = getContext("DataTable") ?? {};
$: originalRows = tableRows ? [...$tableRows] : [];
$: if (shouldFilterRows) {
let rows = originalRows;
if (value.trim().length > 0) {
if (shouldFilterRows === true) {
rows = rows.filter((row) => {
return Object.entries(row)
.filter(([key]) => key !== "id")
.some(([key, _value]) => {
if (typeof _value === "string" || typeof _value === "number") {
return (_value + "")
?.toLowerCase()
.includes(value.trim().toLowerCase());
}
});
});
} else if (typeof shouldFilterRows === "function") {
rows = rows.filter((row) => shouldFilterRows(row, value) ?? false);
}
}
tableRows.set(rows);
filteredRowIds = rows.map((row) => row.id);
filteredRowIds = ctx?.filterRows(value, shouldFilterRows);
}
async function expandSearch() {