{"version":3,"file":"static/js/741.a9772d36.chunk.js","mappings":"4RAqBA,MAAMA,GAAYC,EAAAA,EAAAA,KAAAA,EAAaC,IAAS,CACtCC,oBAAqB,CACnBC,OAAQF,EAAMG,QAAQ,GACtBC,MAAO,SAIX,SAASC,IACP,OACEC,EAAAA,cAACC,EAAAA,EAAO,CAACC,MAAM,gEACbF,EAAAA,cAACG,EAAAA,EAAU,KACTH,EAAAA,cAACI,EAAAA,EAAS,CAACC,MAAM,cAIzB,CAEA,MAyDA,GAzDgCC,EAAAA,EAAAA,WAAS,UAAU,QACjDC,EAAO,YACPC,EAAW,gBACXC,IAMA,MAAM,QAAEC,GAAYlB,KACd,UAAEmB,EAAS,YAAEC,EAAW,mBAAEC,GAAuBN,EACvD,OACEP,EAAAA,cAACc,EAAAA,OAAM,CAACC,MAAI,EAACC,QAASR,EAAaS,SAAS,KAAKf,MAAM,sBACrDF,EAAAA,cAACkB,EAAAA,EAAa,KACZlB,EAAAA,cAACmB,EAAAA,EAAU,KAAC,yEAGZnB,EAAAA,cAAA,OAAKoB,UAAWV,EAAQf,qBACrBiB,EAAYS,KAAIC,IACf,MAAMC,GAAOC,EAAAA,EAAAA,gBAAeF,EAAM,QAClC,OACEtB,EAAAA,cAACmB,EAAAA,EAAU,CAACM,IAAK,QAAQF,KACtBZ,GAAaE,GAAoBa,SAASJ,GACzCtB,EAAAA,cAACG,EAAAA,EAAU,CACTwB,QAASA,KACPlB,EAAgBa,GAAM,EAAK,GAG7BtB,EAAAA,cAACI,EAAAA,EAAS,CAACC,MAAM,WAGnBL,EAAAA,cAACD,EAAc,MAEhBwB,EACU,IAGfX,EAAYgB,OAEV,KADF5B,EAAAA,cAACmB,EAAAA,EAAU,KAAC,0BAIlBnB,EAAAA,cAAC6B,EAAAA,EAAa,KACZ7B,EAAAA,cAAC8B,EAAAA,EAAM,CACLH,QAASA,KACPnB,GAAa,EAEfuB,QAAQ,YACR1B,MAAM,WACP,UAMT,G","sources":["../../../plugins/data-management/src/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Button,\n  DialogContent,\n  DialogActions,\n  IconButton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { Dialog } from '@jbrowse/core/ui'\nimport { makeStyles } from 'tss-react/mui'\nimport { observer } from 'mobx-react'\nimport {\n  AnyConfigurationModel,\n  readConfObject,\n} from '@jbrowse/core/configuration'\nimport { AbstractSessionModel } from '@jbrowse/core/util'\n\n// icons\nimport CloseIcon from '@mui/icons-material/Close'\n\nconst useStyles = makeStyles()(theme => ({\n  connectionContainer: {\n    margin: theme.spacing(4),\n    width: 500,\n  },\n}))\n\nfunction DisabledButton() {\n  return (\n    <Tooltip title=\"Unable to delete connection in config file as non-admin user\">\n      <IconButton>\n        <CloseIcon color=\"disabled\" />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nconst ManageConnectionsDialog = observer(function ({\n  session,\n  handleClose,\n  breakConnection,\n}: {\n  handleClose: () => void\n  session: AbstractSessionModel\n  breakConnection: (conf: AnyConfigurationModel, arg: boolean) => void\n}) {\n  const { classes } = useStyles()\n  const { adminMode, connections, sessionConnections } = session\n  return (\n    <Dialog open onClose={handleClose} maxWidth=\"lg\" title=\"Delete connections\">\n      <DialogContent>\n        <Typography>\n          Click the X icon to delete the connection from your config completely\n        </Typography>\n        <div className={classes.connectionContainer}>\n          {connections.map(conf => {\n            const name = readConfObject(conf, 'name')\n            return (\n              <Typography key={`conn-${name}`}>\n                {adminMode || sessionConnections?.includes(conf) ? (\n                  <IconButton\n                    onClick={() => {\n                      breakConnection(conf, true)\n                    }}\n                  >\n                    <CloseIcon color=\"error\" />\n                  </IconButton>\n                ) : (\n                  <DisabledButton />\n                )}\n                {name}\n              </Typography>\n            )\n          })}\n          {!connections.length ? (\n            <Typography>No connections found</Typography>\n          ) : null}\n        </div>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={() => {\n            handleClose()\n          }}\n          variant=\"contained\"\n          color=\"primary\"\n        >\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n})\n\nexport default ManageConnectionsDialog\n"],"names":["useStyles","makeStyles","theme","connectionContainer","margin","spacing","width","DisabledButton","React","Tooltip","title","IconButton","CloseIcon","color","observer","session","handleClose","breakConnection","classes","adminMode","connections","sessionConnections","Dialog","open","onClose","maxWidth","DialogContent","Typography","className","map","conf","name","readConfObject","key","includes","onClick","length","DialogActions","Button","variant"],"sourceRoot":""}