`;
-exports[`DataSelector with "gnomad_r3_non_v2" dataset selected has no unexpected changes 1`] = `
+exports[`DataSelector with "gnomad_r2_1_non_topmed" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
.c0 {
display: -webkit-box;
display: -webkit-flex;
@@ -6047,7 +6289,6679 @@ exports[`DataSelector with "gnomad_r3_non_v2" dataset selected has no unexpected
+ gnomAD v2.1.1 (non-TOPMed)
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD v2.1.1
+
+ 141,456 samples
+
+
+
+
+
+ gnomAD v2.1.1 (non-TOPMed)
+
+ 135,743 samples
+
+
+
+
+
+ gnomAD v2.1.1 (non-cancer)
+
+ 134,187 samples
+
+
+
+
+
+ gnomAD v2.1.1 (non-neuro)
+
+ 114,704 samples
+
+
+
+
+
+ gnomAD v2.1.1 (controls)
+
+ 60,146 samples
+
+
+
+
+
+ ExAC v1.0
+
+ 60,706 samples
+
+
+
+
+
+
+
+
+ gnomAD SVs v2.1
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_controls_and_biobanks" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_controls_and_biobanks" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_cancer" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_cancer" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_neuro" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_neuro" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_topmed" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_topmed" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_v2" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v3
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_r3_non_v2" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: #cbd3da;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: none;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_sv_r2_1" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: #cbd3da;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: none;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v2.1
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_sv_r2_1" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: #cbd3da;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: none;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v2.1
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_sv_r2_1_controls" dataset selected has no unexpected changes 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: #cbd3da;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: none;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+
+
+
+
+
+
+
+
+
+
+ GRCh37
+
+
+
+ gnomAD SVs v2.1
+
+ 10,847 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (non-neuro)
+
+ 8,342 samples
+
+
+
+
+
+ gnomAD SVs v2.1 (controls)
+
+ 5,192 samples
+
+
+
+
+
+
+
+`;
+
+exports[`DataSelector with "gnomad_sv_r2_1_controls" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
+.c0 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ padding: 0;
+ border: 1px solid #6c757d;
+ border-radius: 0.5em;
+ margin: 0;
+ list-style-type: none;
+}
+
+.c3 {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 100%;
+ padding: 0.375em 0.25em;
+ color: #000;
+ outline: none;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c3:visited {
+ color: #000;
+}
+
+.c3:focus {
+ box-shadow: 0 0 0 0.2em rgba(66,139,202,0.5);
+}
+
+.c9 {
+ position: relative;
+ display: inline-block;
+}
+
+.c9 .c2 {
+ background: #cbd3da;
+}
+
+.c9:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c9:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c1 {
+ position: relative;
+ display: inline-block;
+}
+
+.c1 .c2 {
+ background: none;
+}
+
+.c1:first-child .c2 {
+ padding-left: 0.75em;
+ border-top-left-radius: 0.5em;
+ border-bottom-left-radius: 0.5em;
+}
+
+.c1:last-child .c2 {
+ padding-right: 0.75em;
+ border-top-right-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
+}
+
+.c4 img {
+ position: relative;
+ top: 0.11em;
+ width: 0.9em;
+ height: 0.9em;
+}
+
+.c5 {
+ position: absolute;
+ z-index: 1;
+ right: 0;
+ display: none;
+ width: 220px;
+ padding: 0.5em 0;
+ border: 1px solid #6c757d;
+ margin: 0;
+ background: #f8f9fa;
+ list-style-type: none;
+}
+
+.c7 {
+ display: inline-block;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0.25em 0.5em;
+ color: #000;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c7:visited {
+ color: #000;
+}
+
+.c7:active,
+.c7:focus,
+.c7:hover {
+ background: rgba(66,139,202,0.25);
+}
+
+.c7:focus {
+ outline: 2px solid #428bca;
+}
+
+.c8 {
+ margin-top: 0.125em;
+ margin-left: 5px;
+ font-size: 0.8em;
+ opacity: 0.6;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-left: 2px;
+ font-weight: bold;
+}
+
+@media (max-width:1200px) {
+ .c5 {
+ right: auto;
+ left: -100px;
+ }
+}
+
+@media (max-width:900px) {
+ .c5 {
+ left: -150px;
+ }
+}
+
+
+
+
+
- gnomAD SVs v2.1
+ gnomAD SVs v2.1 (controls)
+
+
+
+
+ gnomAD SVs v3
+
+ 12,345 samples
+
+
+
+
`;
-exports[`DataSelector with "gnomad_sv_r2_1" dataset selected has no unexpected changes 1`] = `
+exports[`DataSelector with "gnomad_sv_r2_1_non_neuro" dataset selected has no unexpected changes 1`] = `
.c0 {
display: -webkit-box;
display: -webkit-flex;
@@ -6843,12 +16003,12 @@ exports[`DataSelector with "gnomad_sv_r2_1" dataset selected has no unexpected c
- gnomAD SVs v2.1
+ gnomAD SVs v2.1 (non-neuro)
+
+
+
+
+ gnomAD SVs v3
+
+ 12,345 samples
+
+
+
+
`;
-exports[`DataSelector with "gnomad_sv_r2_1_controls" dataset selected has no unexpected changes 1`] = `
+exports[`DataSelector with "gnomad_sv_r2_1_non_neuro" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
.c0 {
display: -webkit-box;
display: -webkit-flex;
@@ -7377,12 +16559,12 @@ exports[`DataSelector with "gnomad_sv_r2_1_controls" dataset selected has no une
- gnomAD SVs v2.1 (controls)
+ gnomAD SVs v2.1 (non-neuro)
+
+
+
+
+ gnomAD SVs v3
+
+ 12,345 samples
+
+
+
+
`;
-exports[`DataSelector with "gnomad_sv_r2_1_non_neuro" dataset selected has no unexpected changes 1`] = `
+exports[`DataSelector with "gnomad_sv_r3" dataset selected has no unexpected changes 1`] = `
.c0 {
display: -webkit-box;
display: -webkit-flex;
@@ -7649,12 +16853,12 @@ exports[`DataSelector with "gnomad_sv_r2_1_non_neuro" dataset selected has no un
- gnomAD v2.1.1
+ gnomAD v3.1.2
- gnomAD SVs v2.1 (non-neuro)
+ gnomAD SVs v3
+
+
+
+
+ gnomAD SVs v3
+
+ 12,345 samples
+
+
+
+
`;
-exports[`DataSelector with "gnomad_sv_r3" dataset selected has no unexpected changes 1`] = `
+exports[`DataSelector with "gnomad_sv_r3" dataset selected has no unexpected changes when showing all possible datasets 1`] = `
.c0 {
display: -webkit-box;
display: -webkit-flex;
@@ -8183,12 +17409,12 @@ exports[`DataSelector with "gnomad_sv_r3" dataset selected has no unexpected cha
- gnomAD v2.1.1
+ gnomAD v3.1.2
+
+
+
+
+ gnomAD SVs v3
+
+ 12,345 samples
+
+
+
+
{
+ if (!datasetId.startsWith('gnomad_sv')) {
+ return datasetId
+ }
+
+ if (datasetId.startsWith('gnomad_sv_r2')) {
+ return 'gnomad_r2_1'
+ }
+
+ return 'gnomad_r3'
+}
+
+const extractStructuralVariantDatasetId = (datasetId: DatasetId): DatasetId => {
+ if (datasetId.startsWith('gnomad_sv')) {
+ return datasetId
+ }
+
+ if (datasetId.startsWith('gnomad_r2') || datasetId === 'exac') {
+ return 'gnomad_sv_r2_1'
+ }
+
+ return 'gnomad_sv_r3'
+}
+
type DatasetMetadata = {
referenceGenome: ReferenceGenome
label: string
@@ -113,6 +137,8 @@ type DatasetMetadata = {
readsIncludeLowQualityGenotypes: boolean
coverageDatasetId: DatasetId
variantFeedbackDescription: string | null
+ shortVariantDatasetId: DatasetId
+ structuralVariantDatasetId: DatasetId
}
const structuralVariantDatasetIds = allDatasetIds.filter((datasetId) =>
@@ -161,6 +187,8 @@ const metadataForDataset = (datasetId: DatasetId): DatasetMetadata => ({
readsIncludeLowQualityGenotypes: datasetId.startsWith('gnomad_r2'),
coverageDatasetId: extractCoverageDatasetId(datasetId),
variantFeedbackDescription: extractVariantFeedbackDescription(datasetId),
+ shortVariantDatasetId: extractShortVariantDatasetId(datasetId),
+ structuralVariantDatasetId: extractStructuralVariantDatasetId(datasetId),
})
const metadata = allDatasetIds.reduce(
@@ -269,3 +297,9 @@ export const variantFeedbackDescription = (datasetId: DatasetId) =>
getMetadata(datasetId, 'variantFeedbackDescription')
export const isV3SVs = (datasetId: DatasetId) => getMetadata(datasetId, 'isV3SVs')
+
+export const shortVariantDatasetId = (datasetId: DatasetId) =>
+ getMetadata(datasetId, 'shortVariantDatasetId')
+
+export const structuralVariantDatasetId = (datasetId: DatasetId) =>
+ getMetadata(datasetId, 'structuralVariantDatasetId')
diff --git a/dataset-metadata/sampleCounts.ts b/dataset-metadata/sampleCounts.ts
index cf17f739d..20e3bcee7 100644
--- a/dataset-metadata/sampleCounts.ts
+++ b/dataset-metadata/sampleCounts.ts
@@ -26,6 +26,8 @@ const sampleCounts = [
...Object.keys(gnomadSvV2SubsetSampleCounts).map((subset) => ({
[`gnomad_sv_r2_1_${subset}`]: gnomadSvV2SubsetSampleCounts[subset],
})),
+ // TK this is a dummy value
+ { gnomad_sv_r3: { total: 12345 } },
].reduce(Object.assign, {})
export default sampleCounts
From 48a2141ce3a029b87a9a5e085cd384a2d7761cd4 Mon Sep 17 00:00:00 2001
From: Phil Darnowsky
Date: Thu, 10 Aug 2023 17:11:12 -0500
Subject: [PATCH 17/24] Default structural variants to coloring by type, not
consequence
---
.../StructuralVariants.spec.tsx | 29 ++
.../StructuralVariants.tsx | 8 +-
.../StructuralVariants.spec.tsx.snap | 473 ++++++++++++++++++
.../structuralVariantTableColumns.tsx | 26 +-
4 files changed, 512 insertions(+), 24 deletions(-)
create mode 100644 browser/src/StructuralVariantList/StructuralVariants.spec.tsx
create mode 100644 browser/src/StructuralVariantList/__snapshots__/StructuralVariants.spec.tsx.snap
diff --git a/browser/src/StructuralVariantList/StructuralVariants.spec.tsx b/browser/src/StructuralVariantList/StructuralVariants.spec.tsx
new file mode 100644
index 000000000..1f5415d0e
--- /dev/null
+++ b/browser/src/StructuralVariantList/StructuralVariants.spec.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { describe, test, expect } from '@jest/globals'
+import StructuralVariants, { Context } from './StructuralVariants'
+import structuralVariantFactory from '../__factories__/StructuralVariant'
+import { createRenderer } from 'react-test-renderer/shallow'
+
+describe('StructuralVariants', () => {
+ const context: Context = { chrom: '12' }
+
+ // The mapping of nulls to undefined turns a StructuralVariant into a
+ // StructuralVariantPropType; we should eliminate the latter eventually,
+ // but this is not a good moment to do so.
+ const variants = structuralVariantFactory.buildList(3).map((v) => ({
+ ...v,
+ chrom2: v.chrom2 || undefined,
+ end2: v.end2 || undefined,
+ pos2: v.pos2 || undefined,
+ }))
+
+ test('has no unexpected changes', () => {
+ // We can't do a full render because the Grid component invoked a couple of
+ // layers down uses react-sizeme. Since Grid is defined in GBTK, not this
+ // project, the sizeme mock in this project isn't applied.
+ const tree = createRenderer().render(
+
+ )
+ expect(tree).toMatchSnapshot()
+ })
+})
diff --git a/browser/src/StructuralVariantList/StructuralVariants.tsx b/browser/src/StructuralVariantList/StructuralVariants.tsx
index f02347f5f..8f252892e 100644
--- a/browser/src/StructuralVariantList/StructuralVariants.tsx
+++ b/browser/src/StructuralVariantList/StructuralVariants.tsx
@@ -64,8 +64,12 @@ const sortVariants = (variants: any, { sortKey, sortOrder }: any) => {
return [...variants].sort((v1, v2) => sortColumn.compareFunction(v1, v2, sortOrder))
}
+export interface Context {
+ chrom: string
+}
+
type StructuralVariantsProps = {
- context: any
+ context: Context
exportFileName: string
variants: StructrualVariantPropType[]
}
@@ -177,7 +181,7 @@ const StructuralVariants = ({ context, exportFileName, variants }: StructuralVar
}
}, [])
- const [colorKey, setColorKey] = useState('consequence')
+ const [colorKey, setColorKey] = useState('type')
const trackColor = useCallback(
// @ts-expect-error TS(7006) FIXME: Parameter 'variant' implicitly has an 'any' type.
(variant) => {
diff --git a/browser/src/StructuralVariantList/__snapshots__/StructuralVariants.spec.tsx.snap b/browser/src/StructuralVariantList/__snapshots__/StructuralVariants.spec.tsx.snap
new file mode 100644
index 000000000..3c0b61181
--- /dev/null
+++ b/browser/src/StructuralVariantList/__snapshots__/StructuralVariants.spec.tsx.snap
@@ -0,0 +1,473 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StructuralVariants has no unexpected changes 1`] = `
+
+
+
+ Color variants by
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Configure table
+
+
+
+
+
+
+
+
+`;
diff --git a/browser/src/StructuralVariantList/structuralVariantTableColumns.tsx b/browser/src/StructuralVariantList/structuralVariantTableColumns.tsx
index 28853ee8d..6c1c6b461 100644
--- a/browser/src/StructuralVariantList/structuralVariantTableColumns.tsx
+++ b/browser/src/StructuralVariantList/structuralVariantTableColumns.tsx
@@ -12,6 +12,7 @@ import {
svConsequenceLabels,
} from './structuralVariantConsequences'
import { svTypeColors, svTypeLabels } from './structuralVariantTypes'
+import { Context } from './StructuralVariants'
const renderConsequence = (variant: any, key: any, { colorKey, highlightWords }: any) => {
const { consequence } = variant
@@ -100,7 +101,7 @@ const structuralVariantTableColumns = [
minWidth: 100,
compareFunction: makeNumericCompareFunction('ac_hom'),
render: (variant: any) => renderAlleleCountCell(variant, 'ac_hom'),
- shouldShowInContext: (context: any) => context.chrom !== 'Y',
+ shouldShowInContext: (context: Context) => context.chrom !== 'Y',
},
{
@@ -178,30 +179,11 @@ const structuralVariantTableColumns = [
export default structuralVariantTableColumns
-const getContextType = (context: any) => {
- if (context.transcript_id) {
- return 'transcript'
- }
- if (context.gene_id) {
- return 'gene'
- }
- return 'region'
-}
-
-export const getColumnsForContext = (context: any) => {
- const contextType = getContextType(context)
+export const getColumnsForContext = (context: Context) => {
const columns = structuralVariantTableColumns
.filter(
- (column) =>
- // @ts-expect-error TS(2554) FIXME: Expected 1 arguments, but got 2.
- column.shouldShowInContext === undefined || column.shouldShowInContext(context, contextType)
+ (column) => column.shouldShowInContext === undefined || column.shouldShowInContext(context)
)
- .map((column) => ({
- ...column,
- description: (column as any).descriptionInContext
- ? (column as any).descriptionInContext(context, contextType)
- : (column as any).description,
- }))
.reduce((acc, column) => ({ ...acc, [column.key]: column }), {})
return columns
From 4b55f54309690f9f3067161700448602f37dee76 Mon Sep 17 00:00:00 2001
From: Phil Darnowsky
Date: Mon, 16 Oct 2023 14:03:39 -0400
Subject: [PATCH 18/24] Add assortment of missing copy for v3 SVs
---
.../structural-variants/sv-effect-overview.md | 26 +++++++++++--------
.../StructuralVariantAttributeList.tsx | 18 +++++++++++++
2 files changed, 33 insertions(+), 11 deletions(-)
diff --git a/browser/help/topics/structural-variants/sv-effect-overview.md b/browser/help/topics/structural-variants/sv-effect-overview.md
index ee8db068a..c4df5b4b4 100644
--- a/browser/help/topics/structural-variants/sv-effect-overview.md
+++ b/browser/help/topics/structural-variants/sv-effect-overview.md
@@ -3,7 +3,7 @@ id: sv-effect-overview
title: 'Genic consequences of structural variants'
---
-We annotated each SV for multiple potential genic effects using an approach described in [the gnomAD SV paper](https://broad.io/gnomad_sv). In brief, this approach considers SV size, class, position, and overlap with exons from canonical transcripts of [GENCODE v19](https://www.gencodegenes.org/human/release_19.html) protein-coding genes.
+We annotated each SV for multiple potential genic effects using an approach described in [the gnomAD SV paper](https://broad.io/gnomad_sv). In brief, this approach considers SV size, class, position, and overlap with exons from canonical transcripts of [GENCODE v19](https://www.gencodegenes.org/human/release_19.html) protein-coding genes.
### Representation in the gnomAD Browser
@@ -13,16 +13,20 @@ The functional consequence per SV was determined in the order below:
### Main functional consequences
- 1. ![](https://placehold.it/15/D43925/000000?text=+) **Predicted loss-of-function (pLoF)**: SV is predicted to delete the gene or truncate the gene product.
- 2. ![](https://placehold.it/15/7459B2/000000?text=+) **Intragenic exonic duplication (IED)**: SV is predicted to result in duplicated exons within the gene, without extending beyond the boundaries of the open reading frame.
- 3. ![](https://placehold.it/15/2376B2/000000?text=+) **Copy gain (CG)**: SV is predicted to result in an entire additional intact copy of the gene.
+1. ![](https://placehold.it/15/D43925/000000?text=+) **Predicted loss-of-function (pLoF)**: SV is predicted to delete the gene or truncate the gene product.
+2. ![](https://placehold.it/15/7459B2/000000?text=+) **Intragenic exonic duplication (IED)**: SV is predicted to result in duplicated exons within the gene, without extending beyond the boundaries of the open reading frame. (New in gnomAD v3)
+3. **Partial exon duplication (PED)**: SV is predicted to duplicate part of one or more exons without resulting in a whole-gene copy gain. (New in gnomAD v3)
+4. ![](https://placehold.it/15/2376B2/000000?text=+) **Copy gain (CG)**: SV is predicted to result in an entire additional intact copy of the gene.
### Other consequences
- 4. **MCNV overlap**: MCNV overlaps one or more protein-coding exons; exact consequence depends on the number of copies and their orientation.
- 5. **Partial duplication**: SV is predicted to partially duplicate the gene while leaving the original copy of the gene intact.
- 6. **UTR**: SV does not directly disrupt coding sequence, but overlaps one of the gene's untranslated regions (UTRs).
- 7. **Promoter**: SV does not directly disrupt coding sequence or promoter, but is within 2kb of the gene's transcription start site.
- 8. **Inversion span**: gene is entirely spanned by an inversion SV without being directly disrupted.
- 9. **Intronic**: SV does not directly disrupt coding sequence, but is wholly contained within an intron.
- 10. **Intergenic**: SV does not meet any of the above categories.
+4. **Transcription start site duplication**: SV is predicted to result in a duplication of a transcription start site but not result in any other, more severe consequences. (New in gnomAD v3).
+5. **MCNV overlap**: MCNV overlaps one or more protein-coding exons; exact consequence depends on the number of copies and their orientation.
+
+6. **Partial duplication**: SV is predicted to partially duplicate the gene while leaving the original copy of the gene intact.
+7. **Exonic breakend**: breakend localizes to exonic locus, but consequence is unclear as SV is incompletely resolved. (New in gnomAD v3).
+8. **UTR**: SV does not directly disrupt coding sequence, but overlaps one of the gene's untranslated regions (UTRs).
+9. **Promoter**: SV does not directly disrupt coding sequence or promoter, but is within 2kb of the gene's transcription start site.
+10. **Inversion span**: gene is entirely spanned by an inversion SV without being directly disrupted.
+11. **Intronic**: SV does not directly disrupt coding sequence, but is wholly contained within an intron.
+12. **Intergenic**: SV does not meet any of the above categories.
diff --git a/browser/src/StructuralVariantPage/StructuralVariantAttributeList.tsx b/browser/src/StructuralVariantPage/StructuralVariantAttributeList.tsx
index 6d5eb499b..217b43887 100644
--- a/browser/src/StructuralVariantPage/StructuralVariantAttributeList.tsx
+++ b/browser/src/StructuralVariantPage/StructuralVariantAttributeList.tsx
@@ -14,6 +14,12 @@ const FILTER_LABELS = {
PCRPLUS_ENRICHED: 'PCR+ Enriched',
UNRESOLVED: 'Unresolved',
UNSTABLE_AF_PCRMINUS: 'Unstable AF PCR-',
+ OUTLIER_SAMPLE_ENRICHED: 'Outlier Sample Enriched',
+ LOWQUAL_WHAM_SR_DEL: 'Wham And Spilt-Read Evidence Only',
+
+ IGH_MCH_OVERLAP: 'Overlaps Somatic Recombination Site',
+ FAIL_MANUAL_REVIEW: 'Failed Manual Review',
+ HIGH_NCR: 'High No-Call Rate',
}
const FILTER_DESCRIPTIONS = {
@@ -24,6 +30,14 @@ const FILTER_DESCRIPTIONS = {
UNRESOLVED: 'Variant is unresolved',
UNSTABLE_AF_PCRMINUS:
'Allele frequency for this variant in PCR- samples is sensitive to choice of GQ filtering thresholds. All PCR- samples have been assigned null GTs for these sites.',
+ OUTLIER_SAMPLE_ENRICHED:
+ 'SV was enriched for non-reference genotypes in outlier samples prior to filtering; may indicate a noisier or less reliable locus.',
+ LOWQUAL_WHAM_SR_DEL:
+ 'SV was detected exclusively by Wham and only has split-read evidence, which usually correlates with lower-quality variants with elevated false discovery rates.',
+ IGH_MCH_OVERLAP:
+ 'SV overlaps sites of known somatic recombination, such as immunoglobulin gene and/or major hisocompatability complex loci, making germline SV detecting and genotyping especially difficult.',
+ FAIL_MANUAL_REVIEW: 'Variant failed manual review of evidence by a gnomAD analyst.',
+ HIGH_NCR: 'Variant has excessively high rate of no-call (i.e., missing) genotypes.',
}
const EVIDENCE_LABELS = {
@@ -38,6 +52,7 @@ const ALGORITHM_LABELS = {
depth: 'Depth',
manta: 'Manta',
melt: 'MELT',
+ wham: 'Wham',
}
const COMPLEX_TYPE_LABELS = {
@@ -55,6 +70,9 @@ const COMPLEX_TYPE_LABELS = {
INS_iDEL: 'Insertion with insert site deletion',
piDUP_FR: 'Palindromic inverted duplication',
piDUP_RF: 'Palindromic inverted duplication',
+ 'CTX_PQ/QP': 'Reciprocal translocation of P:Q and Q:P arms',
+ CTX_INV: 'Reciprocal translocation with derivative junction inversion',
+ 'CTX_PP/QQ': 'Reciprocal translocation of P:P and Q:Q arms',
}
const algorithmLabel = (algorithm: string) =>
From 16c3ad965237e67a290aca935eeb6f0d68fd6706 Mon Sep 17 00:00:00 2001
From: Phil Darnowsky
Date: Mon, 16 Oct 2023 16:35:03 -0400
Subject: [PATCH 19/24] Add reference genome header for v3 SVs to dataset
selector
---
browser/src/DatasetSelector.tsx | 1 +
.../__snapshots__/GenePage.spec.tsx.snap | 64 ++++++---
.../StructuralVariantPage.spec.tsx.snap | 96 +++++++++----
.../DatasetSelector.spec.tsx.snap | 128 +++++++++++++-----
4 files changed, 217 insertions(+), 72 deletions(-)
diff --git a/browser/src/DatasetSelector.tsx b/browser/src/DatasetSelector.tsx
index 85c4b6e25..2ccaf45bc 100644
--- a/browser/src/DatasetSelector.tsx
+++ b/browser/src/DatasetSelector.tsx
@@ -598,6 +598,7 @@ const DatasetSelector = withRouter(({ datasetOptions, history, selectedDataset }
label: labelForDataset('gnomad_sv_r3'),
url: datasetLink('gnomad_sv_r3'),
description: `${sampleCounts.gnomad_sv_r3.total.toLocaleString()} samples`,
+ childReferenceGenome: referenceGenome('gnomad_sv_r3'),
},
{
id: 'gnomad_sv_r2_1',
diff --git a/browser/src/GenePage/__snapshots__/GenePage.spec.tsx.snap b/browser/src/GenePage/__snapshots__/GenePage.spec.tsx.snap
index 972be77c4..9cca8cd72 100644
--- a/browser/src/GenePage/__snapshots__/GenePage.spec.tsx.snap
+++ b/browser/src/GenePage/__snapshots__/GenePage.spec.tsx.snap
@@ -341,7 +341,9 @@ exports[`GenePage with SV dataset "gnomad_sv_r2_1" has no unexpected changes 1`]
+ >
+ GRCh38
+
+ >
+ GRCh38
+
+ >
+ GRCh38
+
+ >
+ GRCh38
+
+ >
+ GRCh38
+
+ >
+ GRCh38
+