@grafana/ui
Version:
Grafana Components Library
1 lines • 2.04 kB
Source Map (JSON)
{"version":3,"file":"VizLegendStatsList.cjs","sources":["../../../../src/components/VizLegend/VizLegendStatsList.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { capitalize } from 'lodash';\n\nimport { type DisplayValue, formattedValueToString } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\nimport { InlineList } from '../List/InlineList';\n\ninterface Props {\n stats: DisplayValue[];\n}\n\n/**\n * @internal\n */\nexport const VizLegendStatsList = ({ stats }: Props) => {\n const styles = useStyles2(getStyles);\n\n if (stats.length === 0) {\n return null;\n }\n\n return (\n <InlineList\n className={styles.list}\n items={stats}\n renderItem={(stat) => (\n <div className={styles.item} title={stat.description}>\n {stat.title && `${capitalize(stat.title)}:`} {formattedValueToString(stat)}\n </div>\n )}\n />\n );\n};\n\nconst getStyles = () => ({\n list: css({\n flexGrow: 1,\n textAlign: 'right',\n }),\n item: css({\n marginLeft: '8px',\n }),\n});\n\nVizLegendStatsList.displayName = 'VizLegendStatsList';\n"],"names":["useStyles2","jsx","InlineList","jsxs","capitalize","formattedValueToString","css"],"mappings":";;;;;;;;;;;;AAeO,MAAM,kBAAA,GAAqB,CAAC,EAAE,KAAA,EAAM,KAAa;AACtD,EAAA,MAAM,MAAA,GAASA,wBAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,KAAA,EAAO,KAAA;AAAA,MACP,UAAA,EAAY,CAAC,IAAA,qBACXC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,IAAA,EAAM,KAAA,EAAO,IAAA,CAAK,WAAA,EACtC,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA,IAAS,CAAA,EAAGC,iBAAA,CAAW,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,QAAI,GAAA;AAAA,QAAEC,4BAAuB,IAAI;AAAA,OAAA,EAC3E;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,YAAY,OAAO;AAAA,EACvB,MAAMC,OAAA,CAAI;AAAA,IACR,QAAA,EAAU,CAAA;AAAA,IACV,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,MAAMA,OAAA,CAAI;AAAA,IACR,UAAA,EAAY;AAAA,GACb;AACH,CAAA,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}