{"version":3,"file":"TimelineToggleButton.mjs","names":["React","useState","makeStyles","Typography","PropTypes","useStyles","theme","root","display","alignItems","cursor","off","opacity","TimelineToggleButton","t0","$","_c","title","handleClick","icon","classes","filter","setFilter","t1","selectFilter","t2","t3","t4","Symbol","for","marginTop","marginRight","t5","t6","textDecoration","t7","t8","propTypes","string","isRequired","timelineItem","object","func","node","bool"],"sources":["../../../../src/componentSystems/multiThreadTimeline/ui/TimelineToggleButton.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\n/**\n * @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<any, {}, string>>}\n */\nexport const useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer'\n  },\n  off: {\n    opacity: 0.5\n  }\n}));\n\nexport const TimelineToggleButton = ({\n  title,\n  timelineItem,\n  handleClick,\n  icon,\n  off\n}) => {\n  //const [width, setWidth] = useState(0);\n  const classes = useStyles();\n  const [filter, setFilter] = useState(true);\n\n  const selectFilter = () => {\n    setFilter(!filter);\n  };\n\n  return (\n    <div\n      className={classes.root}\n      onClick={handleClick}\n      onMouseUp={selectFilter}\n    >\n      <div className={off && classes.off}>{icon}</div>\n\n      <div style={{ marginTop: -4, marginRight: 48 }}>\n        <Typography\n          variant='caption'\n          style={{ textDecoration: !filter && 'line-through' }}\n        >\n          {title}\n        </Typography>\n      </div>\n      {/* @todo: fix caption size */}\n    </div>\n  );\n};\n\nTimelineToggleButton.propTypes = {\n  title: PropTypes.string.isRequired,\n  timelineItem: PropTypes.object,\n  handleClick: PropTypes.func.isRequired,\n  icon: PropTypes.node.isRequired,\n  off: PropTypes.bool\n};\n"],"mappings":";;;;;;;;AAOA,MAAaK,YAAYH,YAAYI,WAAW;CAC9CC,MAAM;EACJC,SAAS;EACTC,YAAY;EACZC,QAAQ;EACT;CACDC,KAAK,EACHC,SAAS,IACX;CACD,EAAE;AAEH,MAAaC,wBAAuBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,OAAAC,aAAAC,MAAAR,QAAAG;CAQnC,MAAAM,UAAgBf,WAAW;CAC3B,MAAA,CAAAgB,QAAAC,aAA4BrB,SAAS,KAAK;CAAC,IAAAsB;AAAA,KAAAR,EAAA,OAAAM,QAAA;AAEtBE,aAAA;AACnBD,aAAU,CAACD,OAAO;;AACnBN,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAFD,MAAAS,eAAqBD;CAUD,MAAAE,KAAAd,OAAOS,QAAOT;CAAI,IAAAe;AAAA,KAAAX,EAAA,OAAAI,QAAAJ,EAAA,OAAAU,IAAA;AAAlCC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAD,IAAgC,EAAXN,KAAW;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAEpCF,OAAA;GAAAG,WAAa;GAAEC,aAAe;GAAI;AAAAhB,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAGjB,MAAAiB,KAAA,CAACX,UAAD;CAAyB,IAAAY;AAAA,KAAAlB,EAAA,OAAAiB,IAAA;AAA3CC,OAAA,EAAAC,gBAAkBF,IAA2B;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,OAAAkB,MAAAlB,EAAA,OAAAE,OAAA;AAHxDkB,OAAA,sBAAA,cAAA,OAAA,EAAY,OAAAR,IAON,EANJ,sBAAA,cAAC,YAAD;GACU,SAAA;GACD,OAAAM;GAIX,EAFKhB,MAEL,CAAM;AAAAF,IAAA,KAAAkB;AAAAlB,IAAA,KAAAE;AAAAF,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAK,QAAAb,QAAAQ,EAAA,QAAAG,eAAAH,EAAA,QAAAS,gBAAAT,EAAA,QAAAW,MAAAX,EAAA,QAAAoB,IAAA;AAdRC,OAAA,sBAAA,cAAA,OAAA;GACa,WAAAhB,QAAOb;GACTW,SAAAA;GACEM,WAAAA;GAaP,EAXJE,IAEAS,GASI;AAAApB,IAAA,MAAAK,QAAAb;AAAAQ,IAAA,MAAAG;AAAAH,IAAA,MAAAS;AAAAT,IAAA,MAAAW;AAAAX,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAhBNqB;;AAoBJvB,qBAAqBwB,YAAY;CAC/BpB,OAAOb,UAAUkC,OAAOC;CACxBC,cAAcpC,UAAUqC;CACxBvB,aAAad,UAAUsC,KAAKH;CAC5BpB,MAAMf,UAAUuC,KAAKJ;CACrB5B,KAAKP,UAAUwC;CAChB"}