{"version":3,"file":"FluentDisplayNumbers.mjs","names":["React","Avatar","Typography","makeStyles","clsx","useStyles","theme","root","display","flexDirection","regular","small","number","fontSize","unit","marginTop","spacing","width","height","unitValue","name","FluentDisplayNumbers","props","$","_c","classes","rawNumber","t0","no","newNumber","t1","Math","round","t2","newNumber_0","t3","t4","t5"],"sources":["../../../../../src/UI/widgets/FluentComponents/atoms/FluentDisplayNumbers.jsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, Typography, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row',\n    },\n    regular: {},\n    small: {},\n    number: {\n      '$regular &': {\n        fontSize: '4rem',\n      },\n      '$small &': {\n        fontSize: 30,\n      },\n    },\n    unit: {\n      marginTop: theme.spacing(5),\n      width: 25,\n      height: 25,\n      '$small &': {\n        marginTop: '16px',\n        width: '16px',\n        height: '16px',\n        '& .MuiTypography-subtitle1': {\n          fontSize: '0.7rem',\n        },\n      },\n    },\n    unitValue: {\n      marginTop: -1.75,\n    },\n  }),\n  { name: 'FluentDisplayNumbers' }\n);\n\nconst FluentDisplayNumbers = props => {\n  const classes = useStyles();\n  const { small, number: rawNumber } = props;\n\n  // TODO: Revisit below after Tampa Demo\n  let no = [rawNumber, null];\n  if (rawNumber > 1_000_000) {\n    //no = [Math.floor(rawNumber / 1_000_000), 'M'];\n    let newNumber = rawNumber / 1_000_000;\n    no = [Math.round(newNumber * 10) / 10, 'M'];\n  } else if (rawNumber > 1_000) {\n    //no = [Math.floor(rawNumber / 1_000), 'k'];\n    let newNumber = rawNumber / 1_000;\n    no = [Math.round(newNumber * 10) / 10, 'k'];\n  }\n  const [number, unit] = no;\n\n  return (\n    <div\n      className={clsx(classes.root, small ? classes.small : classes.regular)}\n    >\n      <Typography className={classes.number}>{number}</Typography>\n      {unit && (\n        <Avatar className={classes.unit}>\n          <Typography variant=\"subtitle1\" className={classes.unitValue}>\n            {unit}\n          </Typography>\n        </Avatar>\n      )}\n    </div>\n  );\n};\n\nexport default FluentDisplayNumbers;\n"],"mappings":"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"}