feat: add auto resizing for plugins [LIBS-487]

[tomzemp]

Implements LIBS-487

Note this change requires updates in both app-runtime and in app-platform (see also app-platform PR: dhis2/app-platform#814)

---

Key features

1. Adds option to autoresize plugin height/width based on its contents. If a fixed height/width is provided that will be used. Otherwise, the plugin will by default resize to its contents.

---

Description

See ticket

---

Checklist

• Have written Documentation
  • a note has been added to the documentation for Plugin component
• Has tests coverage
  • Tests will be written when we decide we want to move forward with Plugin wrappers

---

Known issues

As noted on the ticket, I'm not totally sure what the behaviour should be for autoresizing of width.

---

Screenshots

Top/Orange box has a plugin with autoresizing (of both width/height); Bottom/Blue box has fixed width

[tomzemp]

stable reference for props is handled in a more thought-out-manner in #1351

[kabaros]

I am thinking though, maybe it makes more sense to have a min-height property? and kind of related, do we need the div to have overflow-y: scroll or auto or will that work out of the box

[tomzemp]

I am thinking though, maybe it makes more sense to have a min-height property?

As in, have min-height if you want to use auto-resizing for height, but also have some minimum height? I was imagining that there'd be use cases where people would want a fixed height (e.g. on the dashboard), but I think that min-height/max-height combined with auto-resizing would also make sense.

and kind of related, do we need the div to have overflow-y: scroll or auto or will that work out of the box

this worked out of the box for me, but I only tested in chrome and firefox, so could look into that more.

[kabaros]

I am thinking though, maybe it makes more sense to have a min-height property?

As in, have min-height if you want to use auto-resizing for height, but also have some minimum height? I was imagining that there'd be use cases where people would want a fixed height (e.g. on the dashboard), but I think that min-height/max-height combined with auto-resizing would also make sense.

yeah this is different requirement probably .. so can leave it for now until there is a need.

[dhis2-bot]

🎉 This PR is included in version 3.10.0-alpha.4 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[dhis2-bot]

🎉 This PR is included in version 3.11.0-alpha.1 🎉

The release is available on:

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

Your semantic-release bot 📦🚀