cql.js

const cqlHoc = (Component) => {
  return (props) => {
    const { layer, attr, remainingProps } = props;
    const generateCql = (attr, values) => `${attr} IN (${values.map(_ => `'${_}'`).join(',')})`;
    
    return <Component 
      {...remainingProps}
      onChange={(selected) => {
        layer.setCql(generateCql(attr, selected));
      }} 
    />;
  }
}