Reusable Dashboard Web Component

[lpgarzonr]

Context

We would like to introduce a new dashboard component, which later can be used to show personalized home screens of users. This web component should have the following requirements / features:

• The web component must be independently usable, so no hard dependencies to OpenMFP are required (see out of scope section)
• The component must be based on SAPUI5 Web Components: https://ui5.github.io/webcomponents/
• Flexible Layout, which adapts the card size of the dashboard based on the screen size
• The API provides a slots for cards, which can be added by defining the flexible size of the cards
• The user is able to remove a card (edit mode)
• The user is able to add a new card via a flexible card catalog (edit mode)
• The user is be able to drag and drop the cards (edit mode)
• Events for all user interactions, so that embedding applications can log the user interactions (e.g. via Matomo, Adobe Analytics)

Prerequisites

• Introduce a new reuse web component repository in OpenMFP
• Discuss with design team the UX requirements
• Align with SAPUI5 team and discuss our requirements -> perhaps this can be also implement in UI5 directly
• Align with Kyma team if we have synergies

Out of Scope

• Personalization Service
• Deep integration in OpenMFP, for now this should be a reusable web component (later we can provide a deeper integrated Composite Web Component, which also supports Micro Frontends)
• Advanced cards, which allow to display e.g. pre defined analytics content

Related to: openmfp/portal-ui-lib#555