UNPKG

@grafana/ui

Version:
1 lines 2.41 kB
{"version":3,"file":"PanelStatus.mjs","sources":["../../../../src/components/PanelChrome/PanelStatus.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\nimport { ToolbarButton } from '../ToolbarButton/ToolbarButton';\n\nexport interface Props {\n message?: string;\n onClick?: (e: React.SyntheticEvent) => void;\n ariaLabel?: string;\n}\n\nexport function PanelStatus({ message, onClick, ariaLabel = 'status' }: Props) {\n const styles = useStyles2(getStyles);\n\n return (\n <ToolbarButton\n className={styles.buttonStyles}\n onClick={onClick}\n variant={'destructive'}\n icon=\"exclamation-triangle\"\n iconSize=\"md\"\n tooltip={message || ''}\n aria-label={ariaLabel}\n data-testid={selectors.components.Panels.Panel.status('error')}\n />\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n const { headerHeight, padding } = theme.components.panel;\n\n return {\n buttonStyles: css({\n label: 'panel-header-state-button',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: theme.spacing(padding),\n width: theme.spacing(headerHeight),\n height: theme.spacing(headerHeight),\n borderRadius: theme.shape.radius.default,\n }),\n };\n};\n"],"names":[],"mappings":";;;;;;;AAeO,SAAS,YAAY,EAAE,OAAA,EAAS,OAAA,EAAS,SAAA,GAAY,UAAS,EAAU;AAC7E,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,YAAA;AAAA,MAClB,OAAA;AAAA,MACA,OAAA,EAAS,aAAA;AAAA,MACT,IAAA,EAAK,sBAAA;AAAA,MACL,QAAA,EAAS,IAAA;AAAA,MACT,SAAS,OAAA,IAAW,EAAA;AAAA,MACpB,YAAA,EAAY,SAAA;AAAA,MACZ,eAAa,SAAA,CAAU,UAAA,CAAW,MAAA,CAAO,KAAA,CAAM,OAAO,OAAO;AAAA;AAAA,GAC/D;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,MAAM,EAAE,YAAA,EAAc,OAAA,EAAQ,GAAI,MAAM,UAAA,CAAW,KAAA;AAEnD,EAAA,OAAO;AAAA,IACL,cAAc,GAAA,CAAI;AAAA,MAChB,KAAA,EAAO,2BAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAAA,MAC9B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA;AAAA,MACjC,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA;AAAA,MAClC,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO;AAAA,KAClC;AAAA,GACH;AACF,CAAA;;;;"}