public render()

in fuse-ui-fabric/tree/treeNode.tsx [72:96]

24 lines of code
2 McCabe index (conditional complexity)


  public render(): JSX.Element {
    const node = this.props.data;
    const level = node.level;

    return (
      <div>
        <div className={this.nodeSelectClassName} onClick={this.selectNode} onContextMenu={this.toggleContextMenu} role='menu'>
          <div className={classNames(this.props.getStyle(this), this.theme, this.props.hideRoot)[`level_${level}`]}>
            {this.renderIcon()}
            <span
              className={classNames(this.props.getStyle(this), this.theme, this.props.hideRoot).name}
              ref={this.setName}
              contentEditable={this.state.editing}
              onKeyPress={this.nameKeyPress}
              onKeyDown={this.keyDown}
              role={this.state.editing ? 'textbox' : undefined}
            >
              {this.props.data.name}
            </span>
          </div>
        </div>
        {this.renderChildren()}
      </div>
    );
  }