{"version":3,"file":"TimelineTopRowFilter.mjs","names":["React","makeStyles","TimelineToggleButton","IconRenderer","PropTypes","useStyles","theme","root","menu","marginTop","marginRight","marginBottom","TimelineTopRowFilter","t0","$","_c","filterCall","filterListGroup","off","classes","t1","Symbol","for","display","t2","map","item","name","color","hex","icon","t3","t4","propTypes","filterList","array","func","bool","clear"],"sources":["../../../../src/componentSystems/multiThreadTimeline/ui/TimelineTopRowFilter.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TimelineToggleButton } from './TimelineToggleButton';\nimport { IconRenderer } from '../../../UI/templates/ui/renderers/IconRenderer';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  menu: {\n    marginTop: 10,\n    marginRight: 8,\n    marginBottom: 20\n  }\n}));\n\nexport const TimelineTopRowFilter = ({\n  filterList,\n  filterCall,\n  filterListGroup,\n  off,\n  clear\n}) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      {/* <button onClick={()=> setCompact(!compact) } > minimize  </button> */}\n      <div>\n        <div>\n          <div style={{ display: 'flex' }}>\n            {filterListGroup &&\n              filterListGroup.map((item) => {\n                return (\n                  <TimelineToggleButton\n                    title={item.name}\n                    timelineItem={item.name}\n                    handleClick={() => filterCall(item.name)}\n                    off={off}\n                    icon={\n                      <IconRenderer\n                        noBorder\n                        value={{\n                          color: { hex: '#' + item.color },\n                          name: item.icon\n                        }}\n                      />\n                    }\n                  />\n                );\n              })}\n            {/* <Button onClick={clear} >Clear</Button>  */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTimelineTopRowFilter.propTypes = {\n  filterList: PropTypes.array,\n  filterCall: PropTypes.func,\n  filterListGroup: PropTypes.array,\n  off: PropTypes.bool,\n  clear: PropTypes.func\n};\n"],"mappings":";;;;;;;AAMA,MAAMK,YAAYJ,YAAYK,WAAW;CACvCC,MAAM,EAAE;CACRC,MAAM;EACJC,WAAW;EACXC,aAAa;EACbC,cAAc;EAChB;CACD,EAAE;AAEH,MAAaC,wBAAuBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,YAAAC,iBAAAC,QAAAL;CAOnC,MAAAM,UAAgBd,WAAW;CAAC,IAAAe;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AAORF,OAAA,EAAAG,SAAW,QAAQ;AAAAT,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAE,cAAAF,EAAA,OAAAG,mBAAAH,EAAA,OAAAI,KAAA;AAC5BM,OAAAP,mBACCA,gBAAeQ,KAAKC,SAEhB,sBAAA,cAAC,sBAAD;GACS,OAAAA,KAAIC;GACG,cAAAD,KAAIC;GACL,mBAAMX,WAAWU,KAAIC,KAAK;GAClCT;GAEH,MAAA,sBAAA,cAAC,cAAD;IACE,UAAA;IACO,OAAA;KAAAU,OACE,EAAAC,KAAO,MAAMH,KAAIE,OAAQ;KAAAD,MAC1BD,KAAII;KACZ;IACD,CAAA;GAIR,CAAA,CAAC;AAAAhB,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAU,IAAA;AAtBVO,OAAA,sBAAA,cAAA,OAAA,MACE,sBAAA,cAAA,OAAA,MACE,sBAAA,cAAA,OAAA,EAAY,OAAAX,IAuBd,EAtBKI,GAsBL,CACF,CAAM;AAAAV,IAAA,KAAAU;AAAAV,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,QAAAZ,QAAAO,EAAA,OAAAiB,IAAA;AA5BRC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAb,QAAOZ,MA6BjB,EA3BJwB,GA2BI;AAAAjB,IAAA,KAAAK,QAAAZ;AAAAO,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QA7BNkB;;AAiCJpB,qBAAqBqB,YAAY;CAC/BC,YAAY9B,UAAU+B;CACtBnB,YAAYZ,UAAUgC;CACtBnB,iBAAiBb,UAAU+B;CAC3BjB,KAAKd,UAAUiC;CACfC,OAAOlC,UAAUgC;CAClB"}