@grafana/ui/dist/esm/components/BigValue/PercentChange.mjs.map

Grafana Components Library

{"version":3,"file":"PercentChange.mjs","sources":["../../../../src/components/BigValue/PercentChange.tsx"],"sourcesContent":["import { IconName } from '@grafana/data';\n\nimport { Icon } from '../Icon/Icon';\n\nimport { PercentChangeStyles } from './BigValueLayout';\n\nexport interface Props {\n  percentChange: number;\n  styles: PercentChangeStyles;\n}\n\nexport const PercentChange = ({ percentChange, styles }: Props) => {\n  let percentChangeIcon: IconName | undefined = undefined;\n  if (percentChange > 0) {\n    percentChangeIcon = 'arrow-up';\n  } else if (percentChange < 0) {\n    percentChangeIcon = 'arrow-down';\n  }\n\n  return (\n    <div style={styles.containerStyles}>\n      {percentChangeIcon && (\n        <Icon name={percentChangeIcon} height={styles.iconSize} width={styles.iconSize} viewBox=\"6 6 12 12\" />\n      )}\n      {percentChangeString(percentChange)}\n    </div>\n  );\n};\n\n// percentChange is expected to be a value between 0-100\nexport const percentChangeString = (percentChange: number) => {\n  return (percentChange / 100).toLocaleString(undefined, { style: 'percent', maximumSignificantDigits: 3 });\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,aAAA,GAAgB,CAAC,EAAE,aAAA,EAAe,QAAO,KAAa;AACjE,EAAA,IAAI,iBAAA,GAA0C,KAAA,CAAA;AAC9C,EAAA,IAAI,gBAAgB,CAAA,EAAG;AACrB,IAAA,iBAAA,GAAoB,UAAA;AAAA,EACtB,CAAA,MAAA,IAAW,gBAAgB,CAAA,EAAG;AAC5B,IAAA,iBAAA,GAAoB,YAAA;AAAA,EACtB;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,MAAA,CAAO,eAAA,EAChB,QAAA,EAAA;AAAA,IAAA,iBAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,iBAAA,EAAmB,MAAA,EAAQ,MAAA,CAAO,QAAA,EAAU,KAAA,EAAO,MAAA,CAAO,QAAA,EAAU,OAAA,EAAQ,WAAA,EAAY,CAAA;AAAA,IAErG,oBAAoB,aAAa;AAAA,GAAA,EACpC,CAAA;AAEJ;AAGO,MAAM,mBAAA,GAAsB,CAAC,aAAA,KAA0B;AAC5D,EAAA,OAAA,CAAQ,aAAA,GAAgB,KAAK,cAAA,CAAe,KAAA,CAAA,EAAW,EAAE,KAAA,EAAO,SAAA,EAAW,wBAAA,EAA0B,CAAA,EAAG,CAAA;AAC1G;;;;"}