Function render has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { items, multiselect, sort, onKeyDown, onPicked } = this.props

    let ids = items.map((record: Record) => record.id)
    let selected = ids.filter(this.isPicked, this)

Function renderRow has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderRow(item: Record, index: number, list: Record[]) {
    const { id, name, attribution, caption, url, tags } = item
    const { multiselect, onPicked, onTagClick } = this.props

    let animationDelay = itemAnimationDelay(index) + 'ms'

Function renderItems has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderItems(data: Record[], fetching: boolean) {
    const { columns, multiselect } = this.props
    const { mode, picked, queriedSearch, sort } = this.state

    if (data.length === 0) {

Function getItem has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  getItem(record: Record, index: number, list: Record[]) {
    const { onPicked } = this.props

    let isPicked = this.isPicked(record.id)
    let delay = Math.max(0, itemAnimationDelay(index) - this.offset)

Function render has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { resource, ids, onEdit, onClear } = this.props

    let hasPicked = ids.length

Function render has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    let { search, autoComplete, data } = this.props
    let inputId = `ars_search_${this.id}`
    let listId = `ars_search_list_${this.id}`

Function accumulate has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

  accumulate(requests: Request[]): Record[] {
    let data = []
    let newContent = requests.some(request => request.valid && !request.fetching)

    for (var i = 0; i < requests.length; i += 1) {

• Read up
  Read up