Represents the properties required for the ITile component.

interface ITileProps<Data = IAnything, Payload = IAnything> {
    bufferSize?: number;
    children: ComponentType<ITile<Data, Payload>>;
    className?: string;
    data: Data[];
    errorMessage?: null | string;
    hasMore?: boolean;
    headerLabel?: string;
    itemSx?: any;
    loading?: boolean;
    minRowHeight?: number;
    mode?: TileMode;
    noDataLabel?: string;
    onButtonSkip?: () => void;
    onItemClick?: (
        item: {
            data: Data;
            isSelected: boolean;
            payload: Payload;
            toggleSelection: () => void;
        },
    ) => void;
    onSelectedRows?: (rowIds: string[], initialChange: boolean) => void;
    onSkip?: (initial: boolean) => void;
    payload?: Payload | () => Payload;
    recomputeSubject?: TSubject<void>;
    rowColor?: (row: Data) => string | (row: Data) => Promise<string>;
    rowKey?: string | number | symbol;
    rowMark?: (row: Data) => string | (row: Data) => Promise<string>;
    scrollXSubject?: TSubject<number>;
    scrollYSubject?: TSubject<number>;
    selectedRows?: string[];
    selectionMode?: SelectionMode;
    style?: any;
    sx?: any;
    withHeader?: boolean;
}

Type Parameters

  • Data = IAnything

    The type of data used in the tile.

  • Payload = IAnything

    The type of payload used in the tile.

Properties

bufferSize?: number
children: ComponentType<ITile<Data, Payload>>
className?: string
data: Data[]
errorMessage?: null | string
hasMore?: boolean
headerLabel?: string
itemSx?: any
loading?: boolean
minRowHeight?: number
mode?: TileMode
noDataLabel?: string
onButtonSkip?: () => void
onItemClick?: (
    item: {
        data: Data;
        isSelected: boolean;
        payload: Payload;
        toggleSelection: () => void;
    },
) => void
onSelectedRows?: (rowIds: string[], initialChange: boolean) => void
onSkip?: (initial: boolean) => void
payload?: Payload | () => Payload
recomputeSubject?: TSubject<void>
rowColor?: (row: Data) => string | (row: Data) => Promise<string>
rowKey?: string | number | symbol
rowMark?: (row: Data) => string | (row: Data) => Promise<string>
scrollXSubject?: TSubject<number>
scrollYSubject?: TSubject<number>
selectedRows?: string[]
selectionMode?: SelectionMode
style?: any
sx?: any
withHeader?: boolean