react-awesome-query-builder/modules/components/widgets/vanilla/value/VanillaSelect.jsx

User-friendly query builder for React. Please migrate to new @react-awesome-query-builder/* See https://github.com/ukrbublik/react-awesome-query-builder#migration-to-600

import React from "react";
import {mapListValues} from "../../../../utils/stuff";
import omit from "lodash/omit";

export default ({listValues, value, setValue, allowCustomValues, readonly, customProps,}) => {
  const renderOptions = () => 
    mapListValues(listValues, ({title, value}) => {
      return <option key={value} value={value}>{title}</option>;
    });

  const onChange = e => setValue(e.target.value);
  
  const hasValue = value != null;
  return (
    <select
      onChange={onChange}
      value={hasValue ? value : ""}
      disabled={readonly}
      {...omit(customProps, ["showSearch", "input"])}
    >
      {!hasValue && <option disabled value={""}></option>}
      {renderOptions()}
    </select>
  );
};