render()

in modules/monochrome/src/drag-drop-list/drag-drop-list.js [120:152]

• 32 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    const {theme, style} = this.props;
    const items = this.state.items || this.props.items;

    return (
      <ListContainer
        theme={theme}
        isDragging={Boolean(this.state.items)}
        isRemoving={this.state.removedIndex >= 0}
        userStyle={style.wrapper}
      >
        {items &&
          items.map((item, i) => (
            <DragDropListItem
              theme={theme}
              key={item.key}
              ref={instance => {
                item.instance = instance;
              }}
              style={style}
              title={item.title}
              removed={i === this.state.removedIndex}
              className={item.className}
              onDragStart={this._onDragStart.bind(this, item)}
              onDragMove={this._onDragMove}
              onDragEnd={this._onDragEnd}
            >
              {this.renderContent(item)}
            </DragDropListItem>
          ))}
      </ListContainer>
    );
  }