(this["webpackJsonp@jbrowse/web"]=this["webpackJsonp@jbrowse/web"]||[]).push([[61],{2284:function(e,t,a){"use strict";a.r(t);var n=a(29),o=a(1),r=a.n(o),l=a(87),c=a(51),s=a(2240),i=a(2243),u=a(2215),p=a(2244),m=a(2211),g=a(2218),b=a(2208),d=a(117),h=a.n(d),E=Object(c.a)((function(e){return{root:{margin:0,padding:e.spacing(2)},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(o.useState)(""),d=Object(n.a)(c,2),f=d[0],v=d[1],y=f.match(/^[A-Za-z][A-Za-z0-9]$/);return r.a.createElement(s.a,{open:!0,onClose:l},r.a.createElement(i.a,null,"Sort by tag",r.a.createElement(u.a,{"aria-label":"close",className:t.closeButton,onClick:l},r.a.createElement(h.a,null))),r.a.createElement(p.a,null,r.a.createElement("div",null,r.a.createElement(m.a,null,"Set the tag to sort by"),r.a.createElement(m.a,{color:"textSecondary"},"Examples: HP for haplotype, RG for read group, etc."),r.a.createElement(g.a,{value:f,onChange:function(e){v(e.target.value)},placeholder:"Enter tag name",inputProps:{maxLength:2,"data-testid":"sort-tag-name-input"},error:2===f.length&&!y,helperText:2!==f.length||y?"":"Not a valid tag",autoComplete:"off","data-testid":"sort-tag-name"}),r.a.createElement(b.a,{variant:"contained",color:"primary",onClick:function(){a.setSortedBy("tag",f),l()}},"Submit"))))}))}}]);
//# sourceMappingURL=61.9ab9d2fc.chunk.js.map