{"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,kBAAA,GAAqB,CAAC,EAAE,KAAA,EAAM,KAAa;AACtD,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,KAAA,EAAO,KAAA;AAAA,MACP,UAAA,EAAY,CAAC,IAAA,qBACX,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,IAAA,EAAM,KAAA,EAAO,IAAA,CAAK,WAAA,EACtC,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA,IAAS,CAAA,EAAG,UAAA,CAAW,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,QAAI,GAAA;AAAA,QAAE,uBAAuB,IAAI;AAAA,OAAA,EAC3E;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,YAAY,OAAO;AAAA,EACvB,MAAM,GAAA,CAAI;AAAA,IACR,QAAA,EAAU,CAAA;AAAA,IACV,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,UAAA,EAAY;AAAA,GACb;AACH,CAAA,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}