Implement filtering of ScatterMap and Data Grid

[joemoorhouse]

Possible approach is to use

const apiRef = useGridApiRef();
See
https://mui.com/x/react-data-grid/state/
e.g.
const visibleRows = gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);

This can allow us to use the Data Grid filtering but update on map

[negillett]

It looks like apiRef is exclusive to DataGridPro so I'm not quite sure how to proceed. It doesn't look like there's an alternative means of finding the filter results or selected rows.
@joemoorhouse

[joemoorhouse]

Hi @negillett, yes I think you're right. Given we want to keep with DataGrid (not Pro) for the reference UI, I think maybe we need to build our own filter before display in Grid and map?
Looking at the Mui source, it seems that FormControl and Select are being used (and are doing much of the heavy-lifting):
https://mui.com/material-ui/react-select/
'Small Size' example looks interesting to me.
What do you think?