{"version":3,"file":"ProductAppListItem.mjs","names":["React","useState","makeStyles","IconButton","redirectToLinkOnClick","FluentIcon","useStyles","theme","icons","color","props","buttonGroup","display","alignItems","marginBottom","width","label","paddingLeft","spacing","images","height","cursor","ProductAppListItem","$","_c","classes","redirectInfo","image","icon","getAccessToken","user","open","setOpen","t0","handleClick","t1"],"sources":["../../../../src/shell/ui/appSwitcher/ProductAppListItem.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, IconButton } from '@material-ui/core';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  icons: {\n    color: (props) => props.color\n  },\n  buttonGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '16px !important',\n    width: 190\n  },\n  label: {\n    paddingLeft: theme.spacing(3)\n  },\n  images: {\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n    cursor: 'pointer',\n    color: 'lightslategray'\n  }\n}));\n\nconst ProductAppListItem = (props) => {\n  const classes = useStyles(props);\n  const { label, redirectInfo, image, icon, getAccessToken, user } = props;\n  const [open, setOpen] = useState(false);\n\n  const handleClick = () => {\n    redirectToLinkOnClick(redirectInfo, getAccessToken, user);\n    setOpen(!open);\n  };\n\n  return image ? (\n    <div className={classes.buttonGroup}>\n      <IconButton className={classes.icons} onClick={handleClick}>\n        <img src={image} alt={label} className={classes.images} />\n      </IconButton>\n      <div className={classes.label}>{label}</div>\n    </div>\n  ) : (\n    <div className={classes.buttonGroup}>\n      {icon && (\n        <FluentIcon\n          component={icon}\n          className={classes.images}\n          onClick={handleClick}\n        />\n      )}\n      <div className={classes.label}>{label}</div>\n    </div>\n  );\n};\nexport default ProductAppListItem;\n"],"mappings":";;;;;;AAKA,MAAMM,YAAYJ,YAAYK,WAAW;CACvCC,OAAO,EACLC,QAAQC,UAAUA,MAAMD,OACzB;CACDE,aAAa;EACXC,SAAS;EACTC,YAAY;EACZC,cAAc;EACdC,OAAO;EACR;CACDC,OAAO,EACLC,aAAaV,MAAMW,QAAQ,EAAC,EAC7B;CACDC,QAAQ;EACNJ,OAAOR,MAAMW,QAAQ,EAAE;EACvBE,QAAQb,MAAMW,QAAQ,EAAE;EACxBG,QAAQ;EACRZ,OAAO;EACT;CACD,EAAE;AAEH,MAAMa,sBAAqBZ,UAAA;CAAA,MAAAa,IAAAC,EAAA,GAAA;CACzB,MAAAC,UAAgBnB,UAAUI,MAAM;CAChC,MAAA,EAAAM,OAAAU,cAAAC,OAAAC,MAAAC,gBAAAC,SAAmEpB;CACnE,MAAA,CAAAqB,MAAAC,WAAwB/B,SAAS,MAAM;CAAC,IAAAgC;AAAA,KAAAV,EAAA,OAAAM,kBAAAN,EAAA,OAAAQ,QAAAR,EAAA,OAAAG,gBAAAH,EAAA,OAAAO,MAAA;AAEpBG,aAAA;AAClB7B,yBAAsBsB,cAAcG,gBAAgBC,KAAK;AACzDE,WAAQ,CAACD,KAAK;;AACfR,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAHD,MAAAW,cAAoBD;CAGlB,IAAAE;AAAA,KAAAZ,EAAA,OAAAE,QAAAd,eAAAY,EAAA,OAAAE,QAAAjB,SAAAe,EAAA,OAAAE,QAAAN,UAAAI,EAAA,OAAAE,QAAAT,SAAAO,EAAA,OAAAW,eAAAX,EAAA,QAAAK,QAAAL,EAAA,QAAAI,SAAAJ,EAAA,QAAAP,OAAA;AAEKmB,OAAAR,QACL,sBAAA,cAAA,OAAA,EAAgB,WAAAF,QAAOd,aAiBxB,EAhBG,sBAAA,cAAC,YAAD;GAAuB,WAAAc,QAAOjB;GAAiB0B,SAAAA;GAG/C,EAFE,sBAAA,cAAA,OAAA;GAAUP,KAAAA;GAAYX,KAAAA;GAAkB,WAAAS,QAAON;GACjD,CAAA,CACA,EAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAM,QAAOT,OACzB,EADkCA,MAClC,CAYD,GAVC,sBAAA,cAAA,OAAA,EAAgB,WAAAS,QAAOd,aAUxB,EATIiB,QACC,sBAAA,cAAC,YAAD;GACaA,WAAAA;GACA,WAAAH,QAAON;GACTe,SAAAA;GAEb,CAAA,EACA,sBAAA,cAAA,OAAA,EAAgB,WAAAT,QAAOT,OACzB,EADkCA,MAClC,CACD;AAAAO,IAAA,KAAAE,QAAAd;AAAAY,IAAA,KAAAE,QAAAjB;AAAAe,IAAA,KAAAE,QAAAN;AAAAI,IAAA,KAAAE,QAAAT;AAAAO,IAAA,KAAAW;AAAAX,IAAA,MAAAK;AAAAL,IAAA,MAAAI;AAAAJ,IAAA,MAAAP;AAAAO,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QAlBMY"}