import { ObjectForExtending } from '../types/utils.type';
import { MergedCellsAlign } from '../types/merged-cells.type';
import { DomMetadata, DropdownItemOption } from '../types/additional.type';
import { CanvasContent, CellInfoGlideInstance } from '../TableGlideInstance/type';
import { Theme } from '../../TableGlide';

export type GroupRow<RowType> = {
    readonly childRows: readonly RowType[];
    readonly childGroups: readonly RowType[] | Readonly<GroupRowsOrRows<RowType>>;
    groupKey: string;
    groupByKey: string;
    groupParents: string;
};
export type GroupRowsOrRows<RowType> = readonly (GroupRow<RowType> | RowType)[];
type LocalColumnInstance = Record<'key' | 'name' | 'width' | string, unknown>;
export type RowsGrouping<RowType extends ObjectForExtending, SummaryRowType = unknown, ColumnConfig extends LocalColumnInstance = LocalColumnInstance> = {
    groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];
    view?: 'tree' | 'merged';
    mergedCellsAlign?: MergedCellsAlign;
    disableGroupColumnsSort?: boolean;
    rowKeyGetter: (row: RowType) => string | number;
    showInControl?: boolean;
    groupedColumnProps?: Partial<Pick<ColumnConfig, 'name' | 'width'>> & {
        renderCell?: (props: CellInfoGlideInstance<RowType, SummaryRowType> & {
            parentGroupKey: string | undefined;
            groupByArr: string[];
        }) => CanvasContent;
        rowsGrouping?: Pick<ColumnRowsGrouping<RowType, ColumnConfig>, 'renderGroupCell'>;
    };
    expandAllBtn?: {
        expandedAll: (p: {
            allRowsIds: Set<string | number> | null;
            shownRows: readonly RowType[];
            expandedRowsIds: Set<string | number>;
        }) => boolean;
    };
    groupButton?: {
        getGroupedCount?: (props: {
            currCount: number;
            groupedCols: string[];
            columns: {
                visible: string[];
                hidden: string[];
            };
        }) => number;
        defaultCustomItems?: DropdownItemOption[];
        onItemSelect?: (props: {
            item: DropdownItemOption;
            setGroupedCols: React.Dispatch<React.SetStateAction<string[]>>;
            columns: {
                visible: string[];
                hidden: string[];
            };
        }) => void;
    };
    groupRowReplaceTo?: (groupRow: GroupRow<RowType>) => GroupRow<RowType> | RowType;
    domMetadata?: DomMetadata;
};
export type RenderGroupCellProps<RowType extends ObjectForExtending, ColumnConfig extends LocalColumnInstance = LocalColumnInstance> = {
    column: ColumnConfig;
    tabIndex: number;
    theme?: Theme;
} & GroupRow<RowType>;
export type ColumnRowsGrouping<RowType extends ObjectForExtending, ColumnConfig extends LocalColumnInstance> = {
    groupByColumn?: boolean;
    columnGroupLabel?: string;
    renderGroupCell?: (props: RenderGroupCellProps<RowType, ColumnConfig>) => CanvasContent;
};
export {};