Chore: popups manager

[thewahome]

Overview

Closes #2452

Demo

In the component that you want to load another component as a dialog / modal / panel, simply:

import it using the usePopups hook
const { open: openPermissions } = usePopups('full-permissions', 'panel');

Then call it by passing in parameters

const openPermissionsPanel = () => {
    openPermissions({
      settings: {
        title: translateMessage('Permissions'),
        width: 'lg'
      }
    })
  }

Notes

Parameters in the functions are autocompleted e.g the component name and the type of display. The width in the settings

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[ElinorW]

Seems like the "Download Postman Collection" button has moved to the right.

The rest all work and appear as expected 👍🏾

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[thewahome]

Yes @ElinorW ... the button moved to where Fluent Defines Dialog Footer buttons to go. I didn't see there being a need to move it

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[thewahome]

Yes @ElinorW ... the button moved to where Fluent Defines Dialog Footer buttons to go. I didn't see there being a need to move it

So previously we are the ones who changed the default Fluent behavior?

Not exactly. I chose to use the DialogFooter on the Panel and the Dialog components. And it sat right for both without changing anything. So it just made sense to leave it there

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[Onokaev]

The Modify permissions tab and permissions panel reload every time a consent/unconsent action is performed. The same behavior is not in dev

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-2514.centralus.azurestaticapps.net