import React from 'react';
import {
	Column as DColumn,
	DataGridHandle,
	Filters,
	RowHeightArgs,
	RowRendererProps,
	RowsChangeData,
} from 'react-data-grid';

import { IErrorContext } from './context/error';
import { IErrorIcon } from './context/errorIcon';

declare interface Position {
	idx: number;
	rowIdx: number;
}

// eslint-disable-next-line @typescript-eslint/no-unused-vars
export interface GridProps<R, K, SR = unknown> {
	className?: string;
	errorIcon?: IErrorIcon;
	enableCellSelect?: boolean;
	minColumnWidth?: number;
	ref?: ((instance: DataGridHandle | null) => void) | React.RefObject<DataGridHandle> | null | undefined;
	style?: { width?: number; height?: number };
	defaultColumnOptions?: Pick<Column<R>, 'formatter' | 'minWidth' | 'resizable' | 'sortable'>;
	rowKey?: string;
	rows: Array<R>;
	columns: Array<K>;
	selectedRows?: Set<string>;
	autoScrollToBottom?: boolean;
	autoCommonRowsHeight?: boolean;
	selectableRows?: boolean;
	rowHeight?: number | ((args: RowHeightArgs<R>) => number) | null;
	headerRowHeight?: number;
	headerFiltersHeight?: number;
	rowRenderer?: React.ComponentType<RowRendererProps<R>>;
	enableSorting?: boolean;
	enableReordering?: boolean;
	enableFilters?: boolean;
	enableEditModeInOneClick?: boolean;
	disableAutomaticEditorPortalTargetResolver?: boolean;
	errors?: IErrorContext;
	editorPortalTarget?: Element;
	disableSelectedCellStyles?: boolean;
	filterFunction?: (row: R, filters: Filters) => boolean;
	filters?: Filters;
	onRowReorder?: (index: number, rowIdx: number) => void;
	onRowClick?: (rowIdx: number, row: R, column: K) => void;
	onSelectedRowsChange?: (selectedRows: Set<string>) => void;
	onColumnResize?: (columnIndex: number, columnWidth: number) => void;
	onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
	onSelectedCellChange?: (position: Position) => void;
	onRowsChange?: ((rows: R[], data: RowsChangeData<R, SR>) => void) | null;
	onFiltersChange?: (filters: Filters) => void;
}

export interface Column<TRow = any, TSummaryRow = any> extends DColumn<TRow, TSummaryRow> {
	hideTooltip?: boolean;
}