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

Open

  componentDidUpdate(prevProps) {
    const { cacheKey, exclude_ids, filter, records, selected, sort, status, onUpdateSelected } = this.props
    if(this.timeout && status !== prevProps.status && prevProps.status === 'loading') {
      clearTimeout(this.timeout)
    }

• Read up
  Read up

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

Open

  render() {
    const { alt, component, content, empty, extra, format, handler, icon, label, link, tasks, units } = this.props
    if(this.props.if === false) return null
    return (
      <div className={ this._getClass() } onClick={ this._handleClick.bind(this) }>

• Read up
  Read up

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

Open

  _getStatus(index) {
    const { slideFirst } = this.props
    const mountedIndexes = this.state.mounted - 1
    const cardIndexes = this.state.cards.length - 1
    if(!slideFirst && mountedIndexes === -1) return 'active'

• Read up
  Read up

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

Open

  render(){
    const { columns, link, records, recordTasks, selectable, selected, selectAll, sort } = this.props
    return (
      <div className="reframe-table">
        <table className="reframe-table-pinned">

• Read up
  Read up

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

Open

  _handleFetch(skip = null, reload = false) {
    const { endpoint, exclude_ids, filter, next, records, sort, total, onFetch } = this.props
    const loaded = records ? records.length : 0
    const query = {
      $page: this._getPagination(skip),

• Read up
  Read up

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

Open

  (files) => files.sort((fileA, fileB) => {
    const aIsImage = (fileA.contentType || fileA.asset.content_type).match(/image/) !== null
    const bIsImage = (fileB.contentType || fileB.asset.content_type).match(/image/) !== null
    if (aIsImage && !bIsImage) return -1
    if (bIsImage && !aIsImage) return 1

• Read up
  Read up

Avoid too many return statements within this function.

Open

        return Check(this.props, true)

Avoid too many return statements within this function.

Open

      return 0

Avoid too many return statements within this function.

Open

        return Check(this.props, false)

Avoid too many return statements within this function.

Open

        return Default(this.props)

Avoid too many return statements within this function.

Open

  return { $eq: value }

Avoid too many return statements within this function.

Open

        return Email(this.props)

Avoid too many return statements within this function.

Open

        return Link(this.props)

Avoid too many return statements within this function.

Open

    return 'file-text-o'

Avoid too many return statements within this function.

Open

        return Raw(this.props)

Avoid too many return statements within this function.

Open

    if(index < cardIndexes ) return 'covered'

Avoid too many return statements within this function.

Open

        return Element(this.props)

Avoid too many return statements within this function.

Open

        return Date(this.props, template)

Avoid too many return statements within this function.

Open

      return format(this.props)

Avoid too many return statements within this function.

Open

      return Default(this.props)