@grafana/ui/dist/esm/components/VizLegend/VizLegendStatsList.mjs.map

Grafana Components Library

{"version":3,"file":"VizLegendStatsList.mjs","sources":["../../../../src/components/VizLegend/VizLegendStatsList.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { capitalize } from 'lodash';\n\nimport { 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":[],"mappings":";;;;;;;AAeO,MAAM,kBAAqB,GAAA,CAAC,EAAE,KAAA,EAAmB,KAAA;AACtD,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,KAAO,EAAA,KAAA;AAAA,MACP,UAAA,EAAY,CAAC,IAAA,qBACV,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,IAAA,EAAM,KAAO,EAAA,IAAA,CAAK,WACtC,EAAA,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAS,IAAA,CAAA,EAAG,UAAW,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,QAAI,GAAA;AAAA,QAAE,uBAAuB,IAAI;AAAA,OAC3E,EAAA;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,YAAY,OAAO;AAAA,EACvB,MAAM,GAAI,CAAA;AAAA,IACR,QAAU,EAAA,CAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACZ,CAAA;AAAA,EACD,MAAM,GAAI,CAAA;AAAA,IACR,UAAY,EAAA;AAAA,GACb;AACH,CAAA,CAAA;AAEA,kBAAA,CAAmB,WAAc,GAAA,oBAAA;;;;"}