@spaced-out/ui-design-system/lib/components/Table/DefaultTableHeader.d.ts

Sense UI components library

import * as React from 'react';
import type { ClassNameComponent } from '../../utils/makeClassNameComponent';
import type { SortDirection } from './hooks';
import type { GenericObject } from './Table';
export type GenericHeaderItem<T extends GenericObject, U extends GenericObject> = {
    label: React.ReactNode;
    key: keyof T;
    className?: string;
    filterIcon?: React.ReactNode;
    filtered?: boolean;
    subtext?: string;
    sortable?: boolean;
    headerIconClassName?: string;
    sticky?: boolean;
    render?: React.ComponentType<{
        data: T;
        extras?: U;
        className?: string;
        selected?: boolean;
        disabled?: boolean;
    }>;
};
export type GenericHeaderItems<T, U> = GenericHeaderItem<T, U>[];
export declare const BasicHeadCell: ClassNameComponent<'th'>;
export declare const BasicTableHead: ClassNameComponent<'thead'>;
export type TableHeaderProps<T, U> = {
    className?: string;
    tableHeaderClassName?: string;
    sortable?: boolean;
    columns: GenericHeaderItems<T, U>;
    handleSortClick?: (sortKey: keyof T) => unknown;
    sortKey?: keyof T;
    sortDirection?: SortDirection;
    checked?: 'true' | 'false' | 'mixed';
    handleCheckboxClick?: (arg1: {
        value: string;
        checked: boolean;
    }) => unknown;
    disabled?: boolean;
    stickyHeader?: boolean;
};
export declare function DefaultTableHeader<T extends GenericObject, U extends GenericObject>(props: TableHeaderProps<T, U>): React.JSX.Element;
//# sourceMappingURL=DefaultTableHeader.d.ts.map