this.webpackChunk([40],{1863:function(e,t,a){"use strict";a.r(t);var o=a(6),r=a(0),n=a.n(r),l=a(16),c=a(162),i=a(830),s=a(832),m=a(149),u=a(833),d=a(82),p=a(240),g=a(138),f=a(49),h=a.n(f),E=Object(c.a)((function(e){return{root:{width:300},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500]}}}));t.default=Object(l.observer)((function(e){var t=E(),a=e.model,l=e.handleClose,c=Object(r.useState)(""),f=Object(o.a)(c,2),b=f[0],v=f[1],y=b.match(/^[A-Za-z][A-Za-z0-9]$/);return n.a.createElement(i.a,{open:!0,onClose:l},n.a.createElement(s.a,null,"Color by tag",n.a.createElement(m.a,{"aria-label":"close",className:t.closeButton,onClick:l},n.a.createElement(h.a,null))),n.a.createElement(u.a,{style:{overflowX:"hidden"}},n.a.createElement("div",{className:t.root},n.a.createElement(d.a,null,"Enter tag to color by: "),n.a.createElement(d.a,{color:"textSecondary"},"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."),n.a.createElement(p.a,{value:b,onChange:function(e){v(e.target.value)},placeholder:"Enter tag name",inputProps:{maxLength:2,"data-testid":"color-tag-name-input"},error:2===b.length&&!y,helperText:2!==b.length||y?"":"Not a valid tag",autoComplete:"off","data-testid":"color-tag-name"}),n.a.createElement(g.a,{variant:"contained",color:"primary",style:{marginLeft:20},onClick:function(){a.setColorScheme({type:"tag",tag:b}),l()},disabled:!y},"Submit"))))}))}});
//# sourceMappingURL=40.445b83ffdfdde4d2cd8b.worker.js.map