Filter doesn't work with nested objects (Firestore maps)

react-admin has the ability to use a reference to a Firestore map by using something like: <TextField source="author.firstName" /> (as briefly documented in the docs). or <ReferenceField label="Organization" source="organization.id" reference="organizations">

When trying to do this with a filter, it doesn’t work.

const ProgramFilter = (props) => (
  <Filter {...props}>
    <ReferenceInput label="Organization" source="organization.id" reference="organizations" allowEmpty>
      <SelectInput optionText="name" />
    </ReferenceInput>
  </Filter>
);

This is the URL that’s generated when the above filter is applied:

http://localhost:3000/programs?filter=%7B%22organization%22%3A%7B%22id%22%3A%22ZxaE6XPDbMQWkeADrUYs%22%7D%7D&order=ASC&page=1&perPage=10&sort=id

And the decoded version:

http://localhost:3000/programs?filter={"organization":{"id":"ZxaE6XPDbMQWkeADrUYs"}}&order=ASC&page=1&perPage=10&sort=id

[davidstackio]

@benwinding That works. As always, thanks for your help!

[benwinding]

Hi @dhstack,

Hopefully this fixes the problem for using nested filters. It accesses the deep object field using dot path notation, like you mentioned above:

filter={{ 'organization.id': organizationId }}

Should be deployed in version 3.1.15

Here’s the unit-tests for it, let me know if this works for you:

https://github.com/benwinding/react-admin-firebase/blob/cd2a6842e2d8bdb76cb057eba4e06e387944e88e/tests/arrayHelpers.filtering.spec.ts#L92-L102