{"version":3,"file":"ExtenderToggle.mjs","names":["React","makeStyles","Typography","Token","ChevronDownIcon","PropTypes","useStyles","theme","root","display","flexDirection","borderRadius","paddingRight","props","toggleLabel","spacing","background","color","cursor","label","alignItems","justifyContent","palette","getContrastText","secondary","main","token","transform","open","ExtenderToggle","$","_c","classes","onClick","compact","t0","t1","t2","t3","t4","t5","propTypes","func","string"],"sources":["../../../../src/UI/templates/ui/ExtenderToggle.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Token } from '../../components/dataDisplay/Token';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    borderRadius: '0px 0px 25px 25px ',\n    paddingRight: (props) => props.toggleLabel && theme.spacing(2),\n    background: (props) => props.color,\n    cursor: 'pointer'\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    color: (props) =>\n      theme?.palette?.getContrastText(\n        props.color ? theme.palette?.secondary?.main : props.color\n      )\n  },\n  token: {\n    transform: (props) => (props.open ? 'rotateZ(-180deg)' : 'rotateZ(0deg)')\n  }\n}));\n\nexport const ExtenderToggle = (props) => {\n  const classes = useStyles(props);\n  const { onClick, toggleLabel, compact } = props;\n\n  return (\n    <div className={!compact && classes.root} onClick={onClick}>\n      <div className={classes.token}>\n        <Token\n          icon={ChevronDownIcon}\n          color='default'\n          size='small'\n          variant='filled'\n          type='icon'\n          compact={compact}\n        />\n      </div>\n      <div className={classes.label}>\n        <Typography variant='caption'> {toggleLabel} </Typography>\n      </div>\n    </div>\n  );\n};\nExtenderToggle.propTypes = {\n  /**\n   * onClick - click event for toggle\n   */\n  onClick: PropTypes.func,\n  /**\n   * toggleLabel - lable that appears on toggle\n   */\n  toggleLabel: PropTypes.string,\n  /**\n   * color - background color for the toggle button\n   */\n  color: PropTypes.string\n};\n"],"mappings":";;;;;;;AAMA,MAAMM,YAAYL,YAAYM,WAAW;CACvCC,MAAM;EACJC,SAAS;EACTC,eAAe;EACfC,cAAc;EACdC,eAAeC,UAAUA,MAAMC,eAAeP,MAAMQ,QAAQ,EAAE;EAC9DC,aAAaH,UAAUA,MAAMI;EAC7BC,QAAQ;EACT;CACDC,OAAO;EACLV,SAAS;EACTW,YAAY;EACZC,gBAAgB;EAChBJ,QAAQJ,UACNN,OAAOe,SAASC,gBACdV,MAAMI,QAAQV,MAAMe,SAASE,WAAWC,OAAOZ,MAAMI,MACvD;EACH;CACDS,OAAO,EACLC,YAAYd,UAAWA,MAAMe,OAAO,qBAAqB,iBAC3D;CACD,EAAE;AAEH,MAAaC,kBAAiBhB,UAAA;CAAA,MAAAiB,IAAAC,EAAA,GAAA;CAC5B,MAAAC,UAAgB1B,UAAUO,MAAM;CAChC,MAAA,EAAAoB,SAAAnB,aAAAoB,YAA0CrB;CAGxB,MAAAsB,KAAA,CAACD,WAAWF,QAAOxB;CAAK,IAAA4B;AAAA,KAAAN,EAAA,OAAAI,SAAA;AAEpCE,OAAA,sBAAA,cAAC,OAAD;GACQhC,MAAAA;GACA,OAAA;GACD,MAAA;GACG,SAAA;GACH,MAAA;GACI8B;GACT,CAAA;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,QAAAN,SAAAI,EAAA,OAAAM,IAAA;AARJC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAL,QAAON,OASjB,EARJU,GAQI;AAAAN,IAAA,KAAAE,QAAAN;AAAAI,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAhB,aAAA;AAEJwB,OAAA,sBAAA,cAAC,YAAD,EAAoB,SAAA,WAAsC,EAA5B,KAAExB,aAAY,IAAc;AAAAgB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAE,QAAAb,SAAAW,EAAA,OAAAQ,IAAA;AAD5DC,OAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAP,QAAOb,OAEjB,EADJmB,GACI;AAAAR,IAAA,KAAAE,QAAAb;AAAAW,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAG,WAAAH,EAAA,QAAAK,MAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAS,IAAA;AAbRC,OAAA,sBAAA,cAAA,OAAA;GAAgB,WAAAL;GAAmCF;GAc7C,EAbJI,IAUAE,GAGI;AAAAT,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAO;AAAAP,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAdNU;;AAiBJX,eAAeY,YAAY;CAIzBR,SAAS5B,UAAUqC;CAInB5B,aAAaT,UAAUsC;CAIvB1B,OAAOZ,UAAUsC;CAClB"}