import { ObjectForExtending } from '../types/utils.type';
import { ColumnConfig } from '../types/column-config.type';
import { DomMetadata, DropdownItemOption } from '../types/additional.type';
import { CalculatedColumn, RenderCellProps } from 'react-data-grid';
import { ReactNode } from 'react';

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)[];
export type RowsGrouping<RowType extends ObjectForExtending> = {
    groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];
    rowKeyGetter: (row: RowType) => string | number;
    showInControl?: boolean;
    groupedColumnProps?: Partial<Pick<ColumnConfig<RowType>, 'name' | 'resizable' | 'width' | 'minWidth' | 'maxWidth' | 'renderSummaryCell'>> & {
        renderCell?: (props: RenderCellProps<RowType> & {
            parentGroupKey: string | undefined;
            groupByArr: string[];
        }) => ReactNode;
        rowsGrouping?: Pick<ColumnRowsGrouping<RowType>, '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, SummaryRowType = unknown> = {
    column: CalculatedColumn<RowType, SummaryRowType>;
    tabIndex: number;
} & GroupRow<RowType>;
export type ColumnRowsGrouping<RowType, SummaryRowType = unknown> = {
    groupByColumn?: boolean;
    columnGroupLabel?: string;
    renderGroupCell?: (props: RenderGroupCellProps<RowType, SummaryRowType>) => ReactNode;
};