{"version":3,"file":"static/js/1326.19289940.chunk.js","mappings":"2PAeA,MA4DA,GA5DiCA,EAAAA,EAAAA,WAAS,UAAU,QAClDC,EAAO,MACPC,IAKA,MAAM,kBAAEC,GAAsBD,EACxBE,EAAwC,IAA7BD,EAAkBE,QAC5BC,EAAOC,IAAYC,EAAAA,EAAAA,UACxBL,EAAkB,IAAIM,WAAa,6BAGrC,OACEC,EAAAA,cAACC,EAAAA,OAAM,CAACC,MAAI,EAACX,QAASA,EAASY,MAAM,uBACnCH,EAAAA,cAACI,EAAAA,EAAa,KACZJ,EAAAA,cAACK,EAAAA,EAAU,CAACC,QAAQ,MAAK,2BACzBN,EAAAA,cAACO,EAAAA,EAAK,CAACC,SAAS,QACbd,EACCM,EAAAA,cAAA,YAAM,8DAIN,2CAGFN,EAOE,KANFM,EAAAA,cAACS,EAAAA,GAAW,CACVb,MAAOA,EACPc,SAAUC,IACRd,EAASc,EAAM,KAKvBX,EAAAA,cAACY,EAAAA,EAAa,KACZZ,EAAAA,cAACa,EAAAA,EAAM,CACLP,QAAQ,YACRV,MAAM,YACNkB,QAASA,KACPvB,GAAS,GAEZ,UAGDS,EAAAA,cAACa,EAAAA,EAAM,CACLP,QAAQ,YACRV,MAAM,UACNkB,QAASA,KACPtB,EAAMuB,6BAA6BnB,GACnCL,GAAS,GAEZ,YAMT,G","sources":["../../../plugins/grid-bookmark/src/GridBookmarkWidget/components/dialogs/EditHighlightColorDialog.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { observer } from 'mobx-react'\nimport {\n  Button,\n  DialogContent,\n  DialogActions,\n  Alert,\n  Typography,\n} from '@mui/material'\nimport { Dialog } from '@jbrowse/core/ui'\nimport { ColorPicker } from '@jbrowse/core/ui/ColorPicker'\n\n// locals\nimport { GridBookmarkModel } from '../../model'\n\nconst EditHighlightColorDialog = observer(function ({\n  onClose,\n  model,\n}: {\n  onClose: () => void\n  model: GridBookmarkModel\n}) {\n  const { selectedBookmarks } = model\n  const editNone = selectedBookmarks.length === 0\n  const [color, setColor] = useState(\n    selectedBookmarks[0]?.highlight ?? 'rgba(247, 129, 192, 0.35)',\n  )\n\n  return (\n    <Dialog open onClose={onClose} title=\"Highlight bookmarks\">\n      <DialogContent>\n        <Typography variant=\"h6\">Bulk highlight selector</Typography>\n        <Alert severity=\"info\">\n          {editNone ? (\n            <span>\n              Use the checkboxes to select individual bookmarks to edit.\n            </span>\n          ) : (\n            'Only selected bookmarks will be edited.'\n          )}\n        </Alert>\n        {!editNone ? (\n          <ColorPicker\n            color={color}\n            onChange={event => {\n              setColor(event)\n            }}\n          />\n        ) : null}\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"secondary\"\n          onClick={() => {\n            onClose()\n          }}\n        >\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            model.updateBulkBookmarkHighlights(color)\n            onClose()\n          }}\n        >\n          Confirm\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n})\n\nexport default EditHighlightColorDialog\n"],"names":["observer","onClose","model","selectedBookmarks","editNone","length","color","setColor","useState","highlight","React","Dialog","open","title","DialogContent","Typography","variant","Alert","severity","ColorPicker","onChange","event","DialogActions","Button","onClick","updateBulkBookmarkHighlights"],"sourceRoot":""}