react-awesome-query-builder/modules/components/widgets/vanilla/core/VanillaValueSources.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";

export default ({config, valueSources, valueSrc, title, setValueSrc, readonly}) => {
  const renderOptions = (valueSources) => (
    valueSources.map(([srcKey, info]) => (
      <option key={srcKey} value={srcKey}>{info.label}</option>
    ))
  );

  const onChange = e => setValueSrc(e.target.value);
  
  return (
    <select 
      onChange={onChange}
      value={valueSrc}
      disabled={readonly}
    >
      {renderOptions(valueSources)}
    </select>
  );
};