chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

use dataset functions

Browse source
This commit is contained in:
Chris Kruining 2024-12-11 10:06:18 +01:00
parent f87ea3697f
commit b80e4ea6f5
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
1 changed files with 4 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/table/table.tsx
View file

@ -71,41 +71,19 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
const groupBy = table.groupBy(); const groupBy = table.groupBy();
const sort = table.sort(); const sort = table.sort();
let kaas = createDataSet(props.rows); let dataset = createDataSet(props.rows);
if (sort) { if (sort) {
kaas = toSorted(kaas, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 }) dataset = toSorted(dataset, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
} }
if (groupBy) { if (groupBy) {
kaas = toGrouped(kaas, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) }); dataset = toGrouped(dataset, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
} }
console.log(kaas); return dataset;
const rows = props.rows;
if (sort) {
rows.sort((a, b) => a[sort.by] < b[sort.by] ? -1 : a[sort.by] > b[sort.by] ? 1 : 0);
if (sort.reversed === true) {
rows.reverse();
}
}
const nodes = Object.entries(rows).map<RowNode<T>>(([i, row]) => ({ kind: 'row', key: i, value: row }));
if (groupBy === undefined) {
return nodes;
}
const groupingFunction = columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy);
return groupingFunction(nodes);
}); });
return <section class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}> return <section class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
<Head /> <Head />