import { Maybe, ObjectForExtending } from './utils.type';
import { ColumnDefaultOmitted } from './data-grid.type';
import { ColumnRowsGrouping } from '../feature-rows-grouping/types';
import { KeyText } from '../feature-key-text/types';
import { FilterComponentInPopoverProps } from '../feature-filtering/header-filter-button/types';
import { CellMouseEvent, RenderCellProps, RenderEditCellProps, RenderSummaryCellProps, SortColumn } from 'react-data-grid';
import { ComponentProps, ReactElement, ReactNode } from 'react';
import { TextFieldProps } from '../../TextField';
import { NumberFormat } from '../../NumberFormat';
import { Combobox } from '../../Combobox';

export type { CellMouseEvent, RenderCellProps, RenderEditCellProps, RenderSummaryCellProps, SortColumn, };
export type Comparator<Row extends ObjectForExtending> = (a: Row, b: Row) => number;
type FilterCb<Mode extends 'multiple' | 'single' | void = 'single'> = (filterV: Mode extends 'multiple' ? string[] : string, rowValue: string) => boolean;
export type RenderSubRowCell<SubRowType extends ObjectForExtending> = (renderCellProps: RenderCellProps<SubRowType>, lvl: number) => ReactNode;
export type RenderSubRowEditCell<SubRowType extends ObjectForExtending> = (renderCellProps: RenderEditCellProps<SubRowType>, lvl: number) => ReactNode;
export type SelectOptions = {
    value: string | number;
    text: string | number;
};
export type Editing<RowType extends ObjectForExtending> = {
    error?: {
        value: (row: RowType, treeLevel: number) => boolean;
    };
    editedSuccessfully?: {
        value: (row: RowType, treeLevel: number) => boolean;
    };
    editable?: ((row: RowType) => boolean) | boolean;
} & ({
    component: 'inputString';
    inputProps?: Partial<Omit<TextFieldProps, 'value' | 'onChange' | 'onBlur' | 'ref' | 'size'>>;
} | {
    component: 'inputNumber';
    inputProps?: Partial<Omit<ComponentProps<typeof NumberFormat>, 'value' | 'onChange' | 'onBlur' | 'ref' | 'size'>>;
} | {
    component: 'select';
    options: {
        type: 'constant';
        options: SelectOptions[];
    };
    selectProps?: Partial<Omit<ComponentProps<typeof Combobox>, 'value' | 'onChange' | 'items' | 'ref' | 'size' | 'portal'>>;
} | {
    component: 'select';
    options: {
        type: 'stateInRowContext';
        optionsKeyInRowContext: string;
    };
} | {
    component: RenderSubRowEditCell<RowType>;
});
export type CommonFormat = {
    alignContent?: 'right' | 'left' | 'center';
};
export type CustomFormat = CommonFormat & {
    customFormat: (value: string) => React.ReactNode;
};
export type NumberFormatOptions = CommonFormat & {
    type: 'number';
    decimalSeparator?: string;
    thousandSeparator?: string;
    minimumFractionDigits?: number;
    maximumFractionDigits?: number;
    useGrouping?: boolean;
    locales?: string | string[];
    alignContent?: 'right' | 'left' | 'center';
};
export type ContentFormat = 'number' | CustomFormat | NumberFormatOptions;
export type KeyTextColumnConfig<Row extends ObjectForExtending, SummRow = unknown> = ((props: {
    keyText: KeyText;
}) => ColumnConfig<Row, SummRow>) | ColumnConfig<Row, SummRow>;
export type ColumnConfig<Row extends ObjectForExtending, SummRow = unknown> = ColumnDefaultOmitted<Row, SummRow> & {
    nameAsString?: string;
    sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;
    searching?: {
        valueInRow: (row: Row) => string | number;
    };
    filtering?: {
        keyInFilterState: string;
        valueInRow?: (row: Row) => string | number;
    } & ({
        component: 'input';
        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;
    } | {
        component: 'select';
        beforeList?: (props: FilterComponentInPopoverProps<ObjectForExtending, ColumnConfig<Row, SummRow>>) => ReactNode;
        afterList?: (props: FilterComponentInPopoverProps<ObjectForExtending, ColumnConfig<Row, SummRow>>) => ReactNode;
        filter: {
            typeOfValue: 'single';
            filteringType?: FilterCb<'single'>;
        } | {
            typeOfValue: 'multiple';
            filteringType?: FilterCb<'multiple'>;
        };
        selectOptions: {
            type: 'constant';
            options: SelectOptions[];
        } | {
            type: 'stateInHeaderContext';
            optionsKeyInHeaderContext: string;
        };
        listMaxHeight?: string;
    } | {
        component: 'custom';
        customRender: (props: FilterComponentInPopoverProps<ObjectForExtending, ColumnConfig<Row, SummRow>>) => ReactNode;
        filter?: (filterValue: unknown, rowValue: unknown) => boolean;
        compareWithClearedValue?: (clearedValue: unknown, currV: unknown) => boolean;
    });
    contentFormat?: ContentFormat;
    editingCell?: Editing<Row>;
    subRow?: {
        isColumnWithArrow?: boolean | ((props: {
            keyText: KeyText;
        }) => boolean);
        hideHeaderExpandAllArrow?: boolean;
        parentKeyAsDefault?: boolean;
        contentFormat?: ContentFormat;
        renderSubRowCell?: RenderSubRowCell<any>;
    } & ({
        keyOfColumnInSubRow: string | number | ((lvl: number) => string | number);
        editingCell: Editing<any>;
    } | {
        editingCell?: undefined;
        keyOfColumnInSubRow?: string | number | ((lvl: number) => string | number);
    });
    rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;
    keyText?: KeyTextColumnConfig<Row, SummRow>;
};
export type ColumnOrColumnGroupConfig<R extends ObjectForExtending, SR = unknown> = ColumnConfig<R, SR> | ColumnGroupConfig<R, SR>;
export declare interface ColumnGroupConfig<R extends ObjectForExtending, SR = unknown> {
    readonly key: string;
    readonly name: string | ReactElement;
    readonly headerCellClass?: Maybe<string>;
    readonly children: readonly ColumnOrColumnGroupConfig<R, SR>[];
}