import { IStoreState, NumericFormat, ID, IRow } from '../index.data';

///////// editor
export interface EditorProps<V> {
  isActiving: boolean;
  formula?: string;
  value?: V;
  // 中间值, 一般是字符串, 比如 3. ( 注意后面有小数点, 不能直接转成数字, 否则无法输入小数)
  onChange: (v: any) => void;
  // 最终值
  onSubmit: (v: V) => void;
  onExitEditing: () => void;
  getState: () => IStoreState;
  openFormulaEditor: () => void;
  style?: React.CSSProperties;
}

export type IEditor<V> = React.FC<EditorProps<V>> | React.ComponentClass<EditorProps<V>>;

////////// renderer
export interface RendererProps<V> {
  id: ID;
  rowId: ID;
  value?: V;
  error?: string;
  formulaIsAbstract?: boolean;
  style?: React.CSSProperties;
  format?: NumericFormat;
  // isSelected?: boolean;
  rowAdditions?: any;
  locked?: boolean;
  isCellSelected?: (id: ID) => boolean;
  getRow: (cellId: ID) => IRow;
}

export type IRenderer<V> = React.FC<RendererProps<V>>;