feat(ui): extract text from React node label in WhereBuilder

[ruslan-amboss]

What?

Extract text from the React node label in WhereBuilder

Why?

If you have a nested field in filter options, the label would show correctly, but the search will not work

How

By adding an extractTextFromReactNode function that gets text out of React.node label

Code setup:

{
      type: "collapsible",
      label: "Meta",
      fields: [
        {
          name: 'media',
          type: 'relationship',
          relationTo: 'media',
          label: 'Ferrari',
          filterOptions: () => {
            return {
              id: { in: ['67efdbc872ca925bc2868933'] },
            }
          }
        },
        {
          name: 'media2',
          type: 'relationship',
          relationTo: 'media',
          label: 'Williams',
          filterOptions: () => {
            return {
              id: { in: ['67efdbc272ca925bc286891c'] },
            }
          }
        },
      ],
    },
    

Before:

before2.mov

After:

after2.mov