index.js.flow

/* @flow */

import * as React from 'react';

export type TemplateProps<I, C> = {
  item: I,
  itemSelected: number,
  anySelected: number,
  dragHandleProps: Object,
  commonProps: C,
};

export type Props<I, C, T> = {
  itemKey: string | ((item: I) => string),
  template: Class<T>,
  list: $ReadOnlyArray<I>,
  onMoveEnd?: ?(
    newList: $ReadOnlyArray<I>,
    movedItem: I,
    oldIndex: number,
    newIndex: number
  ) => void,
  container?: ?() => ?HTMLElement,
  constrainDrag: boolean,
  springConfig: Object,
  padding: number,
  unsetZIndex: boolean,
  autoScrollMaxSpeed: number,
  autoScrollRegionSize: number,
  commonProps?: C,
};

declare export default class DraggableList<
    I,
    C = *,
    T: React.Component<$Shape<TemplateProps<I, C>>, *> = *
  >
  extends React.Component<Props<I, C, T>>
{
  getItemInstance(key: string): T;
}