@mantine/core/lib/components/Cascader/CascaderColumns.d.ts

React components library focused on usability, accessibility and developer experience

import type { GetStylesApi } from '../../core';
import { ScrollAreaProps } from '../ScrollArea';
import type { CascaderOption, CascaderSafeAreaPolygonOptions, CascaderStylesNames } from './Cascader';
type CascaderColumnsGetStyles = GetStylesApi<{
    props: any;
    stylesNames: CascaderStylesNames;
}>;
export interface CascaderColumnsProps {
    data: CascaderOption[];
    activePath: string[];
    value: string[] | null;
    keyboardNav: boolean;
    withCheckIcon: boolean | undefined;
    checkIconPosition: 'left' | 'right' | undefined;
    renderOption: ((option: CascaderOption, level: number) => React.ReactNode) | undefined;
    columnWidth: number | string | undefined;
    maxDisplayedLevels: number | undefined;
    previousLevelsControlLabel: string | undefined;
    nextLevelsControlLabel: string | undefined;
    maxDropdownHeight: number | string | undefined;
    nothingFoundMessage: React.ReactNode;
    getStyles: CascaderColumnsGetStyles;
    unstyled: boolean | undefined;
    scrollAreaProps: ScrollAreaProps | undefined;
    onOptionClick: (level: number, option: CascaderOption) => void;
    onOptionMouseEnter: (level: number, option: CascaderOption) => void;
    onColumnsMouseLeave: (() => void) | undefined;
    onPointerActivity: (() => void) | undefined;
    listId: string | undefined;
    safeAreaPolygon: boolean | CascaderSafeAreaPolygonOptions | undefined;
}
export declare function getCascaderOptionId(listId: string | undefined, level: number, value: string): string | undefined;
export declare function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId, safeAreaPolygon, }: CascaderColumnsProps): import("react/jsx-runtime").JSX.Element;
export declare namespace CascaderColumns {
    var displayName: string;
}
export {};