github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(ui/datatables): support meta for expandable table

refactor/EE-4337/service-task-datatable
Chaim Lev-Ari 2023-08-16 16:41:03 +03:00
parent 86a848d927
commit f780207b82
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/react/components/datatables/ExpandableDatatable.tsx
View File

@ -1,4 +1,4 @@
import { Row } from '@tanstack/react-table'; import { Row, TableMeta } from '@tanstack/react-table';
import { ReactNode } from 'react'; import { ReactNode } from 'react';
import { ExpandableDatatableTableRow } from './ExpandableDatatableRow'; import { ExpandableDatatableTableRow } from './ExpandableDatatableRow';
@ -9,20 +9,25 @@ import {
} from './Datatable'; } from './Datatable';
import { DefaultType } from './types'; import { DefaultType } from './types';
interface Props<D extends DefaultType> interface Props<
extends Omit<DatatableProps<D>, 'renderRow' | 'expandable'> { D extends DefaultType,
TMeta extends TableMeta<D> = TableMeta<D>
> extends Omit<DatatableProps<D, TMeta>, 'renderRow' | 'expandable'> {
renderSubRow(row: Row<D>): ReactNode; renderSubRow(row: Row<D>): ReactNode;
expandOnRowClick?: boolean; expandOnRowClick?: boolean;
} }
export function ExpandableDatatable<D extends DefaultType>({ export function ExpandableDatatable<
D extends DefaultType,
TMeta extends TableMeta<D> = TableMeta<D>
>({
renderSubRow, renderSubRow,
getRowCanExpand = () => true, getRowCanExpand = () => true,
expandOnRowClick, expandOnRowClick,
...props ...props
}: Props<D> & PaginationProps) { }: Props<D, TMeta> & PaginationProps) {
return ( return (
<Datatable<D> <Datatable<D, TMeta>
// eslint-disable-next-line react/jsx-props-no-spreading // eslint-disable-next-line react/jsx-props-no-spreading
{...props} {...props}
getRowCanExpand={getRowCanExpand} getRowCanExpand={getRowCanExpand}