"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(22714),s=o(83483),c=o(64501),i=o(32343),d=o(93138),h=o(80975),u=o(7690),p=o(53033),g=o(28599),f=o(14008),x=o(37574),Z=(0,l.Z)((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(),o=e.model,n=e.handleClose,l=(0,a.useState)(""),m=(0,r.Z)(l,2),b=m[0],j=m[1],C=b.match(/^[A-Za-z][A-Za-z0-9]$/);return(0,x.jsxs)(s.Z,{open:!0,onClose:n,children:[(0,x.jsxs)(c.Z,{children:["Color by tag",(0,x.jsx)(i.Z,{"aria-label":"close",className:t.closeButton,onClick:n,children:(0,x.jsx)(f.Z,{})})]}),(0,x.jsxs)(d.Z,{style:{overflowX:"hidden"},children:[(0,x.jsx)(h.Z,{children:"Enter tag to color by: "}),(0,x.jsx)(h.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)(u.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)(p.Z,{children:[(0,x.jsx)(g.Z,{variant:"contained",color:"primary",onClick:function(){o.setColorScheme({type:"tag",tag:b}),n()},disabled:!C,children:"Submit"}),(0,x.jsx)(g.Z,{variant:"contained",color:"secondary",onClick:n,children:"Cancel"})]})]})]})}))}}]);
//# sourceMappingURL=6319.f48804e8.chunk.js.map