@coocoon/react-awesome-query-builder/modules/components/rule/FieldWrapper.jsx

User-friendly query builder for React. Demo: https://ukrbublik.github.io/react-awesome-query-builder

import React, { PureComponent } from "react";
import Field from "./Field";
import {Col} from "../utils";


export default class FieldWrapper extends PureComponent {
  render() {
    const {config, selectedField, setField, parentField, classname, readonly, id, groupId, isFunc, args} = this.props;
    return (
      <Col className={classname}>
        { config.settings.showLabels
                    && <label className="rule--label">{config.settings.fieldLabel}</label>
        }
        <Field
          config={config}
          selectedField={selectedField}
          parentField={parentField}
          setField={setField}
          customProps={config.settings.customFieldSelectProps}
          readonly={readonly}
          id={id}
          groupId={groupId}
          isFunc={isFunc}
           args={args}
        />
      </Col>
    );
  }
}