import { type Row } from '@tanstack/react-table'; import { type MRT_Column, type MRT_ColumnDef, type MRT_ColumnOrderState, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_FilterOption, type MRT_RowData, } from '../types'; export const getColumnId = ( columnDef: MRT_ColumnDef, ): string => columnDef.id ?? columnDef.accessorKey?.toString?.() ?? columnDef.header; export const getAllLeafColumnDefs = ( columns: MRT_ColumnDef[], ): MRT_ColumnDef[] => { const allLeafColumnDefs: MRT_ColumnDef[] = []; const getLeafColumns = (cols: MRT_ColumnDef[]) => { cols.forEach((col) => { if (col.columns) { getLeafColumns(col.columns); } else { allLeafColumnDefs.push(col); } }); }; getLeafColumns(columns); return allLeafColumnDefs; }; export const prepareColumns = ({ columnDefs, tableOptions, }: { columnDefs: MRT_ColumnDef[]; tableOptions: MRT_DefinedTableOptions; }): MRT_DefinedColumnDef[] => { const { aggregationFns = {}, defaultDisplayColumn, filterFns = {}, sortingFns = {}, state: { columnFilterFns = {} } = {}, } = tableOptions; return columnDefs.map((columnDef) => { //assign columnId if (!columnDef.id) columnDef.id = getColumnId(columnDef); //assign columnDefType if (!columnDef.columnDefType) columnDef.columnDefType = 'data'; if (columnDef.columns?.length) { columnDef.columnDefType = 'group'; //recursively prepare columns if this is a group column columnDef.columns = prepareColumns({ columnDefs: columnDef.columns, tableOptions, }); } else if (columnDef.columnDefType === 'data') { //assign aggregationFns if multiple aggregationFns are provided if (Array.isArray(columnDef.aggregationFn)) { const aggFns = columnDef.aggregationFn as string[]; columnDef.aggregationFn = ( columnId: string, leafRows: Row[], childRows: Row[], ) => aggFns.map((fn) => aggregationFns[fn]?.(columnId, leafRows, childRows), ); } //assign filterFns if (Object.keys(filterFns).includes(columnFilterFns[columnDef.id])) { columnDef.filterFn = filterFns[columnFilterFns[columnDef.id]] ?? filterFns.fuzzy; (columnDef as MRT_DefinedColumnDef)._filterFn = columnFilterFns[columnDef.id]; } //assign sortingFns if (Object.keys(sortingFns).includes(columnDef.sortingFn as string)) { // @ts-ignore columnDef.sortingFn = sortingFns[columnDef.sortingFn]; } } else if (columnDef.columnDefType === 'display') { columnDef = { ...(defaultDisplayColumn as MRT_ColumnDef), ...columnDef, }; } return columnDef; }) as MRT_DefinedColumnDef[]; }; export const reorderColumn = ( draggedColumn: MRT_Column, targetColumn: MRT_Column, columnOrder: MRT_ColumnOrderState, ): MRT_ColumnOrderState => { if (draggedColumn.getCanPin()) { draggedColumn.pin(targetColumn.getIsPinned()); } const newColumnOrder = [...columnOrder]; newColumnOrder.splice( newColumnOrder.indexOf(targetColumn.id), 0, newColumnOrder.splice(newColumnOrder.indexOf(draggedColumn.id), 1)[0], ); return newColumnOrder; }; export const getDefaultColumnFilterFn = ( columnDef: MRT_ColumnDef, ): MRT_FilterOption => { const { filterVariant } = columnDef; if (filterVariant === 'multi-select') return 'arrIncludesSome'; if (filterVariant?.includes('range')) return 'betweenInclusive'; if (['checkbox', 'date', 'select'].includes(filterVariant || '')) return 'equals'; return 'fuzzy'; };