{"version":3,"file":"TimelineDot.mjs","names":["React","useState","lighten","makeStyles","Typography","PropTypes","useStyles","theme","root","dot","width","spacing","height","background","props","color","palette","secondary","main","borderRadius","margin","common","white","hover","position","title","transform","black","padding","paddingTop","paddingBottom","marginTop","textTransform","top","left","TimelineDot","$","_c","hoverContent","hideLable","t0","undefined","classes","t1","t2","display","t3","t4","t5","fontWeight","t6","propTypes","node","string","bool"],"sources":["../../../../src/componentSystems/multiThreadTimeline/ui/TimelineDot.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { lighten, makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  dot: {\n    width: theme.spacing(2),\n    height: theme.spacing(2),\n    background: (props) =>\n      props.color ? props.color : theme.palette.secondary.main,\n    borderRadius: 50,\n    margin: theme.spacing(2),\n    color: theme.palette.common.white\n  },\n  hover: {\n    position: 'relative'\n  },\n  title: {\n    transform: 'rotate(90deg)',\n    background: lighten(theme.palette.common.black, 0.8),\n    borderRadius: 4,\n    padding: theme.spacing(1),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginTop: theme.spacing(1),\n    textTransform: 'capitalize',\n    position: 'absolute',\n    top: 70,\n    left: -31,\n    width: 115\n  }\n}));\n\nexport const TimelineDot = (props) => {\n  const { hoverContent, title, hideLable = true } = props;\n  const classes = useStyles(props);\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <div>\n      <div className={classes.dot}>\n        <div\n          className={classes.hover}\n          style={{ display: hover ? 'inline' : 'none' }}\n        >\n          {hoverContent}\n        </div>\n      </div>\n      {!hideLable && (\n        <div className={classes.title}>\n          <Typography>\n            <span style={{ fontWeight: 700 }}> {title}</span>\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nTimelineDot.propTypes = {\n  hoverContent: PropTypes.node,\n  title: PropTypes.string,\n  hideLable: PropTypes.bool,\n  color: PropTypes.string\n};\n"],"mappings":";;;;;AAIA,MAAMM,YAAYH,YAAYI,WAAW;CACvCC,MAAM,EAAE;CACRC,KAAK;EACHC,OAAOH,MAAMI,QAAQ,EAAE;EACvBC,QAAQL,MAAMI,QAAQ,EAAE;EACxBE,aAAaC,UACXA,MAAMC,QAAQD,MAAMC,QAAQR,MAAMS,QAAQC,UAAUC;EACtDC,cAAc;EACdC,QAAQb,MAAMI,QAAQ,EAAE;EACxBI,OAAOR,MAAMS,QAAQK,OAAOC;EAC7B;CACDC,OAAO,EACLC,UAAU,YACX;CACDC,OAAO;EACLC,WAAW;EACXb,YAAYX,QAAQK,MAAMS,QAAQK,OAAOM,OAAO,GAAI;EACpDR,cAAc;EACdS,SAASrB,MAAMI,QAAQ,EAAE;EACzBkB,YAAYtB,MAAMI,QAAQ,GAAI;EAC9BmB,eAAevB,MAAMI,QAAQ,GAAI;EACjCoB,WAAWxB,MAAMI,QAAQ,EAAE;EAC3BqB,eAAe;EACfR,UAAU;EACVS,KAAK;EACLC,MAAM;EACNxB,OAAO;EACT;CACD,EAAE;AAEH,MAAayB,eAAcrB,UAAA;CAAA,MAAAsB,IAAAC,EAAA,GAAA;CACzB,MAAA,EAAAC,cAAAb,OAAAc,WAAAC,OAAkD1B;CAArB,MAAAyB,YAAAC,OAAAC,KAAAA,IAAA,OAAAD;CAC7B,MAAAE,UAAgBpC,UAAUQ,MAAM;CAEhC,MAAA,CAAAS,SAA0BtB,SAAS,MAAM;CAOf,MAAA0C,KAAApB,QAAA,WAAA;CAAyB,IAAAqB;AAAA,KAAAR,EAAA,OAAAO,IAAA;AAApCC,OAAA,EAAAC,SAAWF,IAA2B;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAM,QAAAnB,SAAAa,EAAA,OAAAE,gBAAAF,EAAA,OAAAQ,IAAA;AAF/CE,OAAA,sBAAA,cAAA,OAAA;GACa,WAAAJ,QAAOnB;GACX,OAAAqB;GAGH,EADHN,aACG;AAAAF,IAAA,KAAAM,QAAAnB;AAAAa,IAAA,KAAAE;AAAAF,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAM,QAAAjC,OAAA2B,EAAA,OAAAU,IAAA;AANRC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAL,QAAOjC,KAOjB,EANJqC,GAMI;AAAAV,IAAA,KAAAM,QAAAjC;AAAA2B,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAM,QAAAjB,SAAAW,EAAA,QAAAG,aAAAH,EAAA,QAAAX,OAAA;AACLuB,OAAA,CAACT,aACA,sBAAA,cAAA,OAAA,EAAgB,WAAAG,QAAOjB,OAKxB,EAJG,sBAAA,cAAC,YAAA,MACC,sBAAA,cAAA,QAAA,EAAa,OAAA,EAAAwB,YAAc,KAAI,EACjC,EADoC,KAAExB,MACtC,CACF,CACD;AAAAW,IAAA,KAAAM,QAAAjB;AAAAW,IAAA,MAAAG;AAAAH,IAAA,MAAAX;AAAAW,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAW,MAAAX,EAAA,QAAAY,IAAA;AAfHE,OAAA,sBAAA,cAAA,OAAA,MACEH,IAQCC,GAOG;AAAAZ,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAhBNc;;AAoBJf,YAAYgB,YAAY;CACtBb,cAAcjC,UAAU+C;CACxB3B,OAAOpB,UAAUgD;CACjBd,WAAWlC,UAAUiD;CACrBvC,OAAOV,UAAUgD;CAClB"}