import {PureComponent} from 'react';
import {RenderedSection} from './Grid';

export type OnSectionRenderedParams = RenderedSection;

export type ChildProps = {
  onSectionRendered: (params: RenderedSection) => void;
  scrollToColumn: number;
  scrollToRow: number;
};
/**
 * This HOC decorates a virtualized component and responds to arrow-key events by scrolling one row or column at a time.
 */
export type ArrowKeyStepperProps = {
  children: (props: ChildProps) => React.ReactNode;
  className?: string | undefined;
  columnCount: number;
  rowCount: number;
  mode?: 'edges' | 'cells' | undefined;
  disabled?: boolean | undefined;
  isControlled?: boolean | undefined;
  onScrollToChange?: ((params: ScrollIndices) => void) | undefined;
  scrollToColumn?: number | undefined;
  scrollToRow?: number | undefined;
  /**
   * PLEASE NOTE
   * The [key: string]: any; line is here on purpose
   * This is due to the need of force re-render of PureComponent
   * Check the following link if you want to know more
   * https://github.com/bvaughn/react-virtualized#pass-thru-props
   */
  [key: string]: any;
};
export type ScrollIndices = {
  scrollToRow: number;
  scrollToColumn: number;
};

export type ScrollIndexes = ScrollIndices;

export class ArrowKeyStepper extends PureComponent<
  ArrowKeyStepperProps,
  ScrollIndices
> {
  static defaultProps: {
    disabled: false;
    isControlled: false;
    mode: 'edges';
    scrollToColumn: 0;
    scrollToRow: 0;
  };
}

export default ArrowKeyStepper;