77a1840611
Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { DropdownMenu } from '@/ui/dropdown/components/DropdownMenu';
|
|
import { FieldMetadata } from '@/ui/field/types/FieldMetadata';
|
|
|
|
import { ColumnDefinition } from '../types/ColumnDefinition';
|
|
|
|
import { ColumnHead } from './ColumnHead';
|
|
import { TableColumnDropdownMenu } from './TableColumnDropdownMenu';
|
|
|
|
type ColumnHeadWithDropdownProps = {
|
|
column: ColumnDefinition<FieldMetadata>;
|
|
isFirstColumn: boolean;
|
|
isLastColumn: boolean;
|
|
primaryColumnKey: string;
|
|
};
|
|
|
|
export const ColumnHeadWithDropdown = ({
|
|
column,
|
|
isFirstColumn,
|
|
isLastColumn,
|
|
primaryColumnKey,
|
|
}: ColumnHeadWithDropdownProps) => {
|
|
return (
|
|
<DropdownMenu
|
|
clickableComponent={<ColumnHead column={column} />}
|
|
dropdownId={column.key + '-header'}
|
|
dropdownComponents={
|
|
<TableColumnDropdownMenu
|
|
column={column}
|
|
isFirstColumn={isFirstColumn}
|
|
isLastColumn={isLastColumn}
|
|
primaryColumnKey={primaryColumnKey}
|
|
/>
|
|
}
|
|
dropdownHotkeyScope={{ scope: column.key + '-header' }}
|
|
dropdownOffset={{ x: 0, y: -8 }}
|
|
/>
|
|
);
|
|
};
|