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

Reusable user interface component: Pop-up dialog

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Done
    • Priority: Medium
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: 2.10.0
    • Component/s: PMM UI
    • Labels:
    • Story Points:
      2
    • Sprint:
      Platform Sprint 24
    • Needs Review:
      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

            Assignee:
            Unassigned
            Reporter:
            alexander.tymchuk Alexander Tymchuk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Smart Checklist