export interface RenderParams<TData = any> {
  item: TData;
  column: Column<TData>;
  rowIndex: number;
  columnIndex: number;
  value: string | number | unknown;
  cell: HTMLDivElement;
}

export interface ChangeParams<TData = any> {
  item: TData;
  id: string;
  key: string;
  oldValue: string | number | unknown;
  value: string | number | unknown;
}

type Currencies = 'USD' | 'EUR' | 'GBP' | 'JPY' | 'CNY';

export interface FormatParams<TData = any> extends RenderParams<TData> {
  currency?: Currencies;
  minDecimal?: number;
  maxDecimal?: number;
}

export interface GetterParams<TData = any> {
  item: TData;
}

export interface SetterParams<TData = any> {
  item: TData;
}

export interface CellStyle {
  [cssProperty: string]: string | number;
}

export interface CellStyleFn<TData = any> {
  (params: RenderParams<TData>): CellStyle | null | undefined;
}

export interface CellClsRules<TData = any> {
  [cssClassName: string]: ((params: RenderParams<TData>) => boolean);
}

export interface CellClsFn<TData = any> {
  (params: RenderParams<TData>): string | string[] | null | undefined;
}

export interface RowStyle {
  [cssProperty: string]: string | number;
}

export interface RowClsRules<TData = any> {
  [cssClassName: string]: ((params: RenderParams<TData>) => boolean);
}

export interface Column<TData = any> {
  sortable?: boolean;
  resizable?: boolean;
  draggable?: boolean;
  hidden?: boolean;
  index?: keyof TData;
  dataIndex?: boolean;
  id?: string;
  filter?: boolean | {
    defaultFilter?: 'list' | string;
    list?: boolean;
    items?: {
      value: string;
      text: string;
    }[];
  };
  menu?: boolean;
  menuVisibility?: 'hover' | 'always';
  align?: 'left' | 'center' | 'right';
  headerAlign?: 'left' | 'center' | 'right';
  type?: 'string' | 'number' | 'date' | 'boolean' | 'currency' | 'order';
  title?: string;
  sticky?: boolean;
  editable?: boolean;
  rowGroup?: boolean;
  rowGroupOrder?: number;
  children?: Column<TData>[];

  checkboxSelection?: boolean;
  headerCheckboxSelection?: boolean;

  maxWidth?: number;
  minWidth?: number;
  width?: number;
  flex?: number;

  render?(params: RenderParams<TData>): string|undefined;
  cellStyle?: CellStyle | CellStyleFn<TData>;
  cellClsRules?: CellClsRules<TData>;
  cellCls?: string | string[] | CellClsFn<TData>;

  format?(params: FormatParams<TData>): string;
  currency?: Currencies;
  minDecimal?: number;
  maxDecimal?: number;

  getter?(params: GetterParams<TData>): string;

  setter?(params: SetterParams<TData>): string|number|undefined|null|object;

  agFn?: 'sum' | 'avg' | 'min' | 'max' | ((params: unknown) => number | string);

  editor?: {
    type: 'combo' | string;
    disabled?: boolean;
    typing?: boolean;
    leftListRender?: (params: {
      item: {
        value: string;
        text: string;
      }
    }) => string
    items?: {
      value: string;
      text: string;
    }[];
  }
}