Add ability to change SelectArrayInput's size prop and fix outlined variant

[amilosmanli]

fixes #8515

This PR fixes 2 issues with SelectArrayInput:

• Removes hardcoded value for size prop
• Fixes label display issue when variant is set to outlined

size prop on SelectArrayInput was hardcoded to small which was preventing modifying size of the input through MUI's theming system.

Additionally, when setting SelectArrayInput variant to outlined label of the input wasn't showing correctly. This is fixed by adding input prop with OutlinedInput component when variant is set to outlined.

Before:

After:

[slax57]

This will supersede #8465

[amilosmanli]

Hey @slax57

When do you think you could check and merge this change?

[slax57]

Sorry for the late review, our team is a bit short-handed at the moment but hopefully this will get better soon 😇

[amilosmanli]

@slax57 thanks for the review and the feedback. Addressed all the comments. PTAL

[slax57]

Otherwise I'm good with the changes, thanks!

[amilosmanli]

@slax57 PTAL
Sorry it took a while

[slax57]

Thanks!

[davidhenley]

I noticed the label had the same issues in the ReferenceManyInput (ra-relationships) as well. Does this fix that too?

[slax57]

@davidhenley ReferenceManyInput does not render a SelectArrayInput (unless this is one of the inputs you pass as children of the SimpleFormIterator of course), so I think you may have mistaken it with ReferenceManyToManyInput.
If you are referring to ReferenceManyToManyInput then yes, this PR should fix it as well, provided you upgrade the latest react-admin version of course.

[davidhenley]

@slax57 No, I'm talking about ReferenceManyInput. The label is off only on the outline variant and doesn't match the other inputs. Just wondered if this fixed that as well, but seems to be a different bug. Since it's enterprise, I'm not sure where to open that issue though.

    <TextInput source="name" helperText="some text" />
    <ReferenceManyInput reference="products" target="testId">
      <SimpleFormIterator>
        <TextInput source="size" />
      </SimpleFormIterator>
    </ReferenceManyInput>

[slax57]

@davidhenley Thanks for the additional info.
For issues related to Enterprise components, you simply need to write an email to the support desk (email can be found here: https://marmelab.com/ra-enterprise/#support).
Now regarding the label position issue with ReferenceManyInput, I believe it was fixed with ra-relationships v4.1.6.
If ever this does not solve your issue then please write an email to our support desk. We'd be happy to help 🙂