"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[6319],{96319:function(e,t,o){o.r(t);var r=o(96234),a=o(30969),n=o(90550),l=o(92256),s=o(48651),c=o(66581),i=o(17984),d=o(70054),h=o(35436),u=o(52907),p=o(69852),g=o(2374),f=o(88581),x=o(37574),Z=(0,g.ZL)()((function(e){return{root:{width:300},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500]}}}));t.default=(0,n.observer)((function(e){var t=Z().classes,o=e.model,n=e.handleClose,g=(0,a.useState)(""),m=(0,r.Z)(g,2),b=m[0],j=m[1],C=b.match(/^[A-Za-z][A-Za-z0-9]$/);return(0,x.jsxs)(l.Z,{open:!0,onClose:n,children:[(0,x.jsxs)(s.Z,{children:["Color by tag",(0,x.jsx)(c.Z,{"aria-label":"close",className:t.closeButton,onClick:n,children:(0,x.jsx)(f.Z,{})})]}),(0,x.jsxs)(i.Z,{style:{overflowX:"hidden"},children:[(0,x.jsx)(d.Z,{children:"Enter tag to color by: "}),(0,x.jsx)(d.Z,{color:"textSecondary",children:"Examples: XS or TS for RNA-seq inferred read strand, ts (lower-case) for minimap2 read strand, HP for haplotype, RG for read group, etc."}),(0,x.jsx)(h.Z,{value:b,onChange:function(e){return j(e.target.value)},placeholder:"Enter tag name",inputProps:{maxLength:2,"data-testid":"color-tag-name-input"},error:2===b.length&&!C,helperText:2!==b.length||C?"":"Not a valid tag",autoComplete:"off","data-testid":"color-tag-name"}),(0,x.jsxs)(u.Z,{children:[(0,x.jsx)(p.Z,{variant:"contained",color:"primary",onClick:function(){o.setColorScheme({type:"tag",tag:b}),n()},disabled:!C,children:"Submit"}),(0,x.jsx)(p.Z,{variant:"contained",color:"secondary",onClick:n,children:"Cancel"})]})]})]})}))}}]);
//# sourceMappingURL=6319.3c2a7cb5.chunk.js.map