render()

in web/timebase-datasource-plugin/src/view/Filter/Filter.tsx [270:302]

• 33 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const [type, field] = separateTypeAndField(this.props.selectedField);
    return (
      <div className="gf-form-inline">
        <Segment
          Component={<ColoredFieldLabelComponent value={field} type={type} needFiledFun={false} fun={''} />}
          options={this.state.fields}
          className="width-9"
          onChange={this.onChangeField}
        />
        <Segment
          Component={<FieldLabelComponent value={this.props.selectedOperators} />}
          options={this.state.operators}
          className="width-3"
          onChange={this.onChangeOperator}
        />
        {showSpecialValues(this.props.selectedOperators as Operator) ? (
          <Select
            width={15}
            className={cx('gf-form-mr', styles)}
            options={this.state.values}
            value={this.state.selectedItem}
            onChange={this.onChangeValue}
            backspaceRemovesValue={true}
            isClearable={true}
            renderControl={this.getContentForItems}
          />
        ) : (
          this.getContent()
        )}
      </div>
    );
  }