feat(sectionedForm): initial architecture and base components

[Birkbjo]

https://dhis2.atlassian.net/browse/DHIS2-18334

Implements base components for SectionedForms. These are forms with a sidebar, with links to different sections.
In a recent meeting it was decided we probably want to keep most section in a "scrollable"-view - ie. all fields should render.

This also implements some fields for dataSet "New"-forms, to showcase the use of the components.

• Introduces a concept of formDescriptor. This is put in to context to allow sub-component to retrieve it.
  • The main purpose of this is to able to get labels for fields and sections, as well as describe which fields belong to what section.
  • I believe it's important to have the ability to imperatively be able to fetch which section a certain field belongs to. This is useful for showing error-indicators in the "Section-sidebar" to communicate to the user which section has errors. It's also useful to show a summary of errors fields - because previously the label was grabbed through the DOM, which is not really ideal.
  • The context also includes some helper-functions, to eg. get a field label. The structure needed to keep order of sections/fields, so regular keyed objects couldn't be used to key them.

[netlify]

✅ Deploy Preview for dhis2-maintenance-app-beta ready!

Name	Link
🔨 Latest commit	76840b1
🔍 Latest deploy log	https://app.netlify.com/sites/dhis2-maintenance-app-beta/deploys/67486d2cfc9d3a0008676b22
😎 Deploy Preview	https://deploy-preview-431--dhis2-maintenance-app-beta.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Birkbjo]

Unused

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 18.23204% with 148 lines in your changes missing coverage. Please review.

Project coverage is 58.77%. Comparing base (79a1892) to head (156b9bb).
Report is 5 commits behind head on master.

Files with missing lines	Patch %	Lines
src/lib/form/sectionedForm/useSelectedSection.ts	10.86%	41 Missing ⚠️
...ponents/sectionedForm/SectionedFormErrorNotice.tsx	0.00%	19 Missing ⚠️
...nents/sectionedForm/DefaultSectionedFormFooter.tsx	5.26%	18 Missing ⚠️
...rc/lib/form/sectionedForm/SectionedFormContext.tsx	14.28%	18 Missing ⚠️
src/components/form/DefaultFormErrorNotice.tsx	26.66%	11 Missing ⚠️
.../components/sectionedForm/SectionedFormSidebar.tsx	18.18%	9 Missing ⚠️
...c/components/sectionedForm/SectionedFormLayout.tsx	46.66%	8 Missing ⚠️
src/components/form/FormBase.tsx	0.00%	5 Missing ⚠️
src/components/form/useFormStateErrors.ts	28.57%	5 Missing ⚠️
...ents/sectionedForm/DefaultSectionedFormSidebar.tsx	16.66%	5 Missing ⚠️
... and 2 more

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #431      +/-   ##
==========================================
- Coverage   60.67%   58.77%   -1.90%     
==========================================
  Files         210      221      +11     
  Lines        3354     3515     +161     
  Branches      750      766      +16     
==========================================
+ Hits         2035     2066      +31     
- Misses       1311     1441     +130     
  Partials        8        8              

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

[Birkbjo]

Not super happy about this, but I couldn't find a better way.

[dhis2-bot]

🎉 This PR is included in version 0.19.0 🎉

The release is available on:

• AppHub release
• GitHub release

Your semantic-release bot 📦🚀