fix(VerticalLayout): remove div element causing flex issues

[ashmortar]

Unlike the HorzontalLayout the VerticalLayout was submitting div as the component prop to the antd Form component. This causes an issue with container heights, overflow and margin collapse when attempting to use the vertical layout prop in either forms or form items.

For instance, if one updates the StorybookAntDJsonForm like so:

...
 return (
 +   <Form form={form} layout="vertical">
      <AntDJsonForm<typeof jsonSchema>
        uiSchema={uiSchema}
        jsonSchema={jsonSchema}
   ....

The resulting issues can be seen in all stories featuring the VerticalLayout renderer:

however, the same issue is not present in the HorizontalLayout

After investigation this appears to have been caused by the component prop being supplied to Form in the Vertical layout being a div rather than false as it is in HorizontalLayout. This update brings parity to the two components in terms of dom structure expectations and fixes the issues with vertical forms.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 74.80%. Comparing base (77af92c) to head (29848b6).
Report is 1 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #101      +/-   ##
==========================================
- Coverage   74.85%   74.80%   -0.05%     
==========================================
  Files          38       38              
  Lines         505      504       -1     
  Branches       96       96              
==========================================
- Hits          378      377       -1     
  Misses         90       90              
  Partials       37       37              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[DrewHoo]

the label in vertical layout needs to be removed altogether; our types don't even allow vertical layout labels to be specified

[DrewHoo]

LGTM!

[github-actions]

🎉 This PR is included in version 1.21.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀