diff --git a/packages/gamut/src/DataList/Tables/Rows/TableHeaderRow.tsx b/packages/gamut/src/DataList/Tables/Rows/TableHeaderRow.tsx index 705c0705c49..5cacd4a87c6 100644 --- a/packages/gamut/src/DataList/Tables/Rows/TableHeaderRow.tsx +++ b/packages/gamut/src/DataList/Tables/Rows/TableHeaderRow.tsx @@ -3,6 +3,7 @@ import { memo, ReactElement } from 'react'; import { FlexBox } from '../../..'; import { ListCol } from '../../../List'; import { useListContext } from '../../../List/ListProvider'; +import { DEFAULT_COLUMN_SIZE } from '../../constants'; import { ExpandControl, FilterControl, @@ -56,7 +57,7 @@ export const TableHeaderRow: HeaderComponent = ({ )} )} - {columns.map(({ key, header, sortable, filters, ...colProps }) => { + {columns.map(({ key, header, sortable, filters, size, ...colProps }) => { const rowProperty = key as string; const renderKey = prefixId(`header-col-${rowProperty}`); const columnText = String(header || key); @@ -73,6 +74,7 @@ export const TableHeaderRow: HeaderComponent = ({ {...colProps} aria-sort={sortable ? ariaSortDirection : undefined} columnHeader + size={size ?? DEFAULT_COLUMN_SIZE} > = Extract< export type FilterOption = string | { text: string; value: string }; +export type DataGridColumnSize = Exclude; + export interface ColumnConfig { key: keyof T; /** @@ -73,7 +75,7 @@ export interface ColumnConfig { */ header?: string; type?: ListColProps['type']; - size?: Exclude; + size?: DataGridColumnSize; render?: (row: T) => ReactElement | null; sortable?: boolean; filters?: string[];