{"version":3,"file":"VisualizationDot.mjs","names":["React","useState","makeStyles","useTheme","TimelineHoverCard","clsx","PropTypes","useStyles","theme","root","minHeight","spacing","minWidth","borderRadius","cursor","props","hover","multi","padding","paddingTop","paddingBottom","color","palette","common","white","VisualizationDot","$","_c","classes","type","children","noHover","showHover","setShowHover","t0","t1","background","DotWrapper","dot","bb0","warning","light","error","main","dark","success","info","propTypes","string","node","bool"],"sources":["../../../../src/componentSystems/multiThreadTimeline/ui/VisualizationDot.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { TimelineHoverCard } from './TimelineHoverCard';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types'; // import PropTypes\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    minHeight: theme.spacing(1.25),\n    minWidth: theme.spacing(1.25),\n    borderRadius: 25,\n    cursor: (props) => props.hover && 'pointer'\n  },\n  multi: {\n    padding: 11,\n    paddingTop: 5,\n    paddingBottom: 5,\n    color: theme.palette.common.white\n  }\n}));\n\nexport const VisualizationDot = (props) => {\n  const theme = useTheme();\n  const classes = useStyles(props);\n  const { type, children, hover, multi, noHover } = props;\n\n  const [showHover, setShowHover] = useState();\n\n  const DotWrapper = ({ color }) => {\n    return (\n      <div\n        onMouseEnter={() => setShowHover(true)}\n        onMouseLeave={() => setShowHover(false)}\n        className={clsx(classes.root, multi && classes.multi)}\n        style={{ background: color }}\n      >\n        {children}\n        {showHover && !noHover && (\n          <TimelineHoverCard popover={false}> {hover} </TimelineHoverCard>\n        )}\n      </div>\n    );\n  };\n\n  let dot = theme.palette.primary.main;\n  switch (type) {\n    case 'Late Bill':\n      dot = <DotWrapper color={theme.palette.warning.light} />;\n      break;\n    case 'Disconnect':\n      dot = <DotWrapper color={theme.palette.error.main} />;\n      break;\n    case 'Letter Sent':\n      dot = <DotWrapper color={theme.palette.warning.dark} />;\n      break;\n    case 'Payment':\n      dot = <DotWrapper color={theme.palette.success.main} />;\n      break;\n    case 'Arrange Pay':\n      dot = <DotWrapper color={theme.palette.warning.main} />;\n      break;\n    default:\n      dot = <DotWrapper color={theme.palette.info.light} />;\n      break;\n  }\n  return dot;\n};\n\n// Define propTypes\nVisualizationDot.propTypes = {\n  type: PropTypes.string,\n  children: PropTypes.node,\n  hover: PropTypes.node,\n  multi: PropTypes.bool,\n  noHover: PropTypes.bool\n};\n"],"mappings":"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"}