Uploaded image for project: 'Percona Monitoring and Management'
  1. Percona Monitoring and Management
  2. PMM-6568

Reusable user interface component: Pop-up dialog

Details

    • New Feature
    • Status: Done
    • Medium
    • Resolution: Done
    • None
    • 2.10.0
    • PMM UI
    • 2
    • Yes

    Description

      Goal

      We need a library component that would be used in many UI interfaces.

      Requirements

      • closely match @grafana/ui styles, use themes for the styles
      • render well in dark/light modes
      • blur the background as showed in https://jira.percona.com/browse/PMM-6492
      • render whatever children are passed to it
      • feature a standard close (cross) icon in the upper right corner
      • accept an onClose callback function from the parent to notify the parent when the window is closed
      • accept an closeOnClickaway boolean prop which defaults to true
      • closable on click away
      • accept an closeOnEscape boolean prop which defaults to true
      • closable on escape keypress
      • test coverage as per the rules

       

      Out of scope

      • async handling of events
      • no implementation for the action buttons (ex: Save, Submit, etc) - this is done in the child component passed from the parent

      Attachments

        Activity

          People

            Unassigned Unassigned
            alexander.demidoff Alexander Demidoff
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Smart Checklist