gramene-search 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.parcel-cache/4987902b3f9787cc-BundleGraph-0 +0 -0
- package/.parcel-cache/7b8e4611c0f03524-AssetGraph-0 +0 -0
- package/.parcel-cache/data.mdb +0 -0
- package/.parcel-cache/lock.mdb +0 -0
- package/.parcel-cache/requestGraph-369948a06d23ec44-0 +0 -0
- package/.parcel-cache/requestGraph-nodes-0-369948a06d23ec44-0 +0 -0
- package/.parcel-cache/snapshot-369948a06d23ec44.txt +2 -2
- package/dist/index.css +22 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +133 -24
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/bundles/api.js +1 -1
- package/src/components/results/GeneList.js +41 -3
- package/src/components/results/details/Homology.js +3 -3
- package/src/components/results/details/Pathways.js +4 -0
- package/src/components/results/details/VEP.js +28 -9
- package/src/components/results/genes.css +18 -1
- package/src/components/styles.css +1 -1
- package/src/demo.js +21 -3
- package/src/rice.html +2 -2
|
Binary file
|
|
Binary file
|
package/.parcel-cache/data.mdb
CHANGED
|
Binary file
|
package/.parcel-cache/lock.mdb
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
11253708
|
|
2
|
+
1722443823137924000
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.gramene-sidebar {
|
|
2
2
|
background-color: #557b74;
|
|
3
|
-
width:
|
|
3
|
+
width: 250px;
|
|
4
4
|
padding-bottom: 8px;
|
|
5
5
|
padding-left: 8px;
|
|
6
6
|
padding-right: 8px;
|
|
@@ -241,6 +241,27 @@
|
|
|
241
241
|
height: 60px;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
+
.gene-curation {
|
|
245
|
+
float: right;
|
|
246
|
+
border: 1px solid gray;
|
|
247
|
+
margin-top: 20px;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.gene-curation span {
|
|
251
|
+
color: #fff;
|
|
252
|
+
text-align: center;
|
|
253
|
+
width: 20px;
|
|
254
|
+
display: inline-block;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.gene-curation .okay {
|
|
258
|
+
background-color: #0c00f3;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.gene-curation .flagged {
|
|
262
|
+
background-color: #ff8c00;
|
|
263
|
+
}
|
|
264
|
+
|
|
244
265
|
.gene-detail-tabs {
|
|
245
266
|
white-space: nowrap;
|
|
246
267
|
flex-wrap: wrap;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["b17bddada667de42","src/components/styles.css","src/components/results/genes.css","node_modules/gramene-genetree-vis/src/styles/msa.less","node_modules/gramene-genetree-vis/src/styles/tree.less","node_modules/react-simple-tree-menu/src/sass/main.scss","src/components/results/details/tree-view.css","src/components/results/details/VEP.css","src/components/results/details/sequences.css","node_modules/gramene-search-vis/styles/main.less","src/components/results/expression.css"],"sourcesContent":["@import \"5abb1db407612521\";\n@import \"1caf78728b2f5137\";\n@import \"2166a150e9f31214\";\n@import \"938d6be3f57789df\";\n@import \"aa165d1be5d1c755\";\n@import \"996096824b9f7d5a\";\n@import \"41a1dcf3bc8b5377\";\n@import \"c52016833805a9f9\";\n@import \"6f643ac0480217ea\";\n@import \"c6576577b854e1eb\";\n",".gramene-sidebar {\n position: fixed;\n background-color: #557b74;\n padding-left: 8px;\n padding-right: 8px;\n padding-bottom: 8px;\n width: 16.6%;\n}\n.sorghumbase-sidebar {\n position: fixed;\n background-color: #a03e34;\n padding-left: 8px;\n padding-right: 8px;\n padding-bottom: 8px;\n width: 250px;\n}\n.gramene-filter-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-bottom: 4px;\n}\n.sorghumbase-filter-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-bottom: 4px;\n}\n.gramene-filter {\n padding-left: 4px;\n padding-right: 4px;\n padding-bottom: 4px;\n background-color: white;\n font-size: small;\n}\n.gramene-filter span:hover {\n font-weight:bolder;\n}\n.gramene-filter-AND {\n background-color: #ffcd82;\n}\n.gramene-filter-OR {\n background-color: #c5eeb9;\n}\n.gramene-filter-NOT {\n border-left-color: #ff5354;\n border-left-style: inset;\n border-left-width: 4px;\n padding-left: 4px;\n}\n.gramene-filter-operation {\n text-align: center;\n font-style: italic;\n}\n.gramene-filter-marked {\n font-weight: bolder;\n /*background-color: #feff96;*/\n}\n.gramene-filter-menu ul {\n border-top-style: solid;\n border-top-width: 2px;\n padding-left: 0;\n}\n.gramene-filter-menu li {\n display: block;\n cursor: pointer;\n padding-left: 15px;\n}\n.gramene-filter-menu li:hover {\n background-color: #feff96;\n}\n\n.gramene-view-header {\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-evenly;\n font-size: larger;\n font-weight: bold;\n background-color: #fff3a96e;\n border-top: solid;\n border-top-color: #557b74;\n color: #a03e34;\n}\n\n.gramene-view-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-right: 4px;\n padding-bottom: 4px;\n}\n.gramene-view {\n padding-left: 0px;\n padding-right: 10px;\n margin-bottom: 0;\n background-color: white;\n}\n.gramene-view-span-on {\n padding-left: 5px;\n cursor: pointer;\n vertical-align: text-bottom;\n color: #a03e34;\n}\n.gramene-view-span-off {\n padding-left: 5px;\n cursor: pointer;\n vertical-align: text-bottom;\n color: darkgray;\n}\n.gramene-view li {\n display: block;\n cursor: pointer;\n padding-left: 5px;\n border-left-style: inset;\n border-left-width: 8px;\n margin-bottom: 2px;\n}\n\n.gramene-view-on {\n border-left-color: #40a0ff;\n font-weight: bold;\n}\n.gramene-view-off {\n border-left-color: #ff6d68;\n color: grey;\n}\n.gramene-view-disabled {\n color: darkgray;\n border-left-color: #efefef;\n cursor: default!important;\n}\n#gramene-suggestion button {\n border-radius: .6rem;\n line-height: 1;\n}\n#gramene-suggestion button:focus {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n",".visible-detail {\n border: 1px solid #557B74;\n padding: 6px 12px;\n}\n.detail {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n.table {\n width: 100%;\n max-width: 100%;\n}\n.xrefs {\n border-collapse: collapse;\n border-spacing: 0;\n border-color: grey;\n table-layout: fixed;\n}\n.xref-name-col {\n width: 20%;\n}\n.xref-value-col {\n width: 80%;\n}\n.xref-80-col {\n width: 80%;\n}\n.xref-70-col {\n width: 70%;\n}\n.xref-10-col {\n width: 10%;\n}\n.xref-id-list {\n padding-left: 0;\n list-style: none;\n}\n.result-gene {\n padding: 0.2em;\n border: 5px solid white;\n}\n.result-gene:hover {\n border-color: antiquewhite;\n}\n.gene-title {\n /*padding-top:0.5em;*/\n}\n.gene-id {\n /*white-space: nowrap;*/\n color: black;\n}\n.gene-name {\n color: #557B74;\n margin-bottom: 0;\n}\n.gene-description {\n margin-bottom: 0;\n}\n.gene-species {\n white-space: nowrap;\n font-style: italic;\n font-size:small;\n font-weight: bold;\n}\n.gene-synonyms {\n font-size: small;\n}\n.gene-extras {\n float: right;\n border: dashed 1px blue;\n}\n.gene-panlink {\n float:right;\n}\n.gene-panlink img {\n height: 60px;\n width: auto;\n vertical-align: top;\n}\n.gene-detail-tabs {\n display: flex;\n flex-wrap: wrap;\n white-space: nowrap;\n width: 80em;\n}\n.gene-detail-tab-closed {\n color: darkgreen;\n cursor: pointer;\n /*background-color: lightgray;*/\n}\n.gene-detail-tab-disabled {\n /*color: white;*/\n /*background-color: lightgray;*/\n color: lightgray;\n cursor: not-allowed;\n}\n.gene-detail-tab-empty {\n color: darkgreen;\n cursor: pointer;\n font-style: oblique;\n /*background-color: lightgray;*/\n}\n.gene-detail-tab-empty::before {\n content: \"Add \";\n}\n.gene-detail-tab-expanded {\n color: white;\n background-color: #557B74;\n cursor: pointer;\n}\n.result-gene-summary {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n.result-gene-summary .species-name {\n white-space: nowrap;\n font-style: italic;\n}\n.result-gene-title-body {\n flex: 1 1 auto;\n width: 1036px;\n}\n.model-ortholog, .closest-ortholog, .gene-summary-tair {\n cursor: pointer;\n flex: 1 1 auto;\n width: 500px;\n font-size: smaller;\n margin-top: 10px;\n padding: 0 1rem;\n margin-left: 1rem;\n border: 1px solid darkorange;\n}\n\n.model-ortholog {\n border: 1px dotted darkorange;\n}\n.closest-ortholog {\n border: 1px dotted darkgreen;\n}\n\n.gene-summary-tair {\n border: 1px dotted darkblue;\n}\n.gene-summary-tair .rest {\n display: none;\n}\n\n.gene-summary-tair:hover .rest {\n display: inline;\n}\n.gene-summary-tair:focus .rest {\n display: inline;\n}\n.gene-summary-tair:hover .ellipsis {\n display: none;\n}\n.gene-summary-tair:focus .ellipsis {\n display: none;\n}\n\n/* this is the \"title\" of the closest ortholog box */\n.closest-ortholog::before,\n.model-ortholog::before,\n.gene-summary-tair::before {\n position: relative;\n float: right;\n margin-top: -12px;\n margin-right: 6px;\n border: dotted 1px;\n padding: 0 1rem;\n background: #fff;\n}\n\n.model-ortholog::before {\n content: \"Model Species Homolog\";\n color: orange;\n}\n.closest-ortholog::before {\n content: \"Closest Annotated Homolog\";\n color: darkgreen;\n}\n\n/* this is the \"title\" of the closest ortholog box */\n.gene-summary-tair::before {\n content: \"TAIR Curated Description\";\n color: darkblue;\n}\n\n.rep-identity {\n float: right;\n padding-right: 10px;\n padding-top: 5px;\n font-style: italic;\n}\n.rep-identity::after {\n content: \"% identity\";\n}\n.eFP::before {\n content: url(\"../../static/images/BAR-logo.png\");\n padding-right:5px;\n position: relative;\n top: 5px;\n}\n.eFP::after {\n content: 'New!';\n color: red;\n padding-left:2px;\n font-weight: bold;\n font-style: italic;\n font-size: x-small;\n line-height: normal;\n vertical-align: super;\n}\n.gxa::before {\n content: url(\"../../static/images/expression-atlas-logo.png\");\n padding-right:5px;\n position: relative;\n top: 5px;\n}\n.gene-search-pic-sugg {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/suggestions.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n.gene-search-pic-results {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/results.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n.gene-search-pic-genetree {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/genetree.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}",".MSAlignments-wrapper {\n overflow-x: scroll;\n overflow-y: hidden;\n}\n.clustal {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.clustal .A,\n.clustal .I,\n.clustal .L,\n.clustal .M,\n.clustal .F,\n.clustal .W,\n.clustal .V {\n background-color: #80a0f0;\n}\n.clustal .R,\n.clustal .K {\n background-color: #f01505;\n color: #fcff89;\n}\n.clustal .N,\n.clustal .Q,\n.clustal .S,\n.clustal .T {\n background-color: #00ff00;\n}\n.clustal .D,\n.clustal .E {\n background-color: #c048c0;\n color: #fcff89;\n}\n.clustal .C {\n background-color: #f08080;\n}\n.clustal .G {\n background-color: #f09048;\n}\n.clustal .Y\n.clustal .H {\n background-color: #15a4a4;\n}\n.clustal .P {\n background-color: #ffff00;\n}\n.clustal .B,\n.clustal .X,\n.clustal .Z {\n background-color: #ffffff;\n}\n.clustal .gap {\n color: #ccc;\n}\n.zappo {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.zappo .A,\n.zappo .I,\n.zappo .L,\n.zappo .M,\n.zappo .V {\n background-color: #ffafaf;\n}\n.zappo .R,\n.zappo .H,\n.zappo .K {\n background-color: #6464ff;\n color: #fcff89;\n}\n.zappo .N,\n.zappo .Q,\n.zappo .S,\n.zappo .T {\n background-color: #00ff00;\n}\n.zappo .D,\n.zappo .E {\n background-color: #ff0000;\n}\n.zappo .C {\n background-color: #ffff00;\n}\n.zappo .G,\n.zappo .P {\n background-color: #ff00ff;\n color: #fcff89;\n}\n.zappo .F,\n.zappo .W,\n.zappo .Y {\n background-color: #ffc800;\n}\n.zappo .B,\n.zappo .X,\n.zappo .Z {\n background-color: #ffffff;\n}\n.zappo .gap {\n color: #ccc;\n}\n.taylor {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.taylor .A {\n background-color: #ccff00;\n}\n.taylor .R {\n background-color: #0000ff;\n color: #fcff89;\n}\n.taylor .N {\n background-color: #cc00ff;\n color: #fcff89;\n}\n.taylor .D {\n background-color: #ff0000;\n color: #fcff89;\n}\n.taylor .C {\n background-color: #ffff00;\n}\n.taylor .Q {\n background-color: #ff00cc;\n}\n.taylor .E {\n background-color: #ff0066;\n color: #fcff89;\n}\n.taylor .G {\n background-color: #ff9900;\n}\n.taylor .H {\n background-color: #0066ff;\n color: #fcff89;\n}\n.taylor .I {\n background-color: #66ff00;\n}\n.taylor .L {\n background-color: #33ff00;\n}\n.taylor .K {\n background-color: #6600ff;\n color: #fcff89;\n}\n.taylor .M {\n background-color: #00ff00;\n}\n.taylor .F {\n background-color: #00ff66;\n}\n.taylor .P {\n background-color: #ffcc00;\n}\n.taylor .S {\n background-color: #ff3300;\n color: #fcff89;\n}\n.taylor .T {\n background-color: #ff6600;\n}\n.taylor .W {\n background-color: #00ccff;\n}\n.taylor .Y {\n background-color: #00ffcc;\n}\n.taylor .V {\n background-color: #99ff00;\n}\n.taylor .B,\n.taylor .X,\n.taylor .Z {\n background-color: #ffffff;\n}\n.taylor .gap {\n color: #ccc;\n}\n.hydrophobicity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n color: #fcff89;\n}\n.hydrophobicity .A {\n background-color: #ad0052;\n}\n.hydrophobicity .R,\n.hydrophobicity .K {\n background-color: #0000ff;\n}\n.hydrophobicity .N,\n.hydrophobicity .D,\n.hydrophobicity .Q,\n.hydrophobicity .E,\n.hydrophobicity .B,\n.hydrophobicity .Z {\n background-color: #0c00f3;\n}\n.hydrophobicity .C {\n background-color: #c2003d;\n}\n.hydrophobicity .G {\n background-color: #6a0095;\n}\n.hydrophobicity .H {\n background-color: #1500ea;\n}\n.hydrophobicity .L {\n background-color: #ea0015;\n}\n.hydrophobicity .M {\n background-color: #b0004f;\n}\n.hydrophobicity .F {\n background-color: #cb0034;\n}\n.hydrophobicity .P {\n background-color: #4600b9;\n}\n.hydrophobicity .S {\n background-color: #5e00a1;\n}\n.hydrophobicity .T {\n background-color: #61009e;\n}\n.hydrophobicity .W {\n background-color: #5b00a4;\n}\n.hydrophobicity .Y {\n background-color: #4f00b0;\n}\n.hydrophobicity .V {\n background-color: #f60009;\n}\n.hydrophobicity .X {\n background-color: #680097;\n}\n.hydrophobicity .gap {\n color: #ccc;\n}\n.helix_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.helix_propensity .A {\n background-color: #e718e7;\n}\n.helix_propensity .R {\n background-color: #6f906f;\n}\n.helix_propensity .N {\n background-color: #1be41b;\n}\n.helix_propensity .D {\n background-color: #778877;\n}\n.helix_propensity .C {\n background-color: #23dc23;\n}\n.helix_propensity .Q {\n background-color: #926d92;\n}\n.helix_propensity .E {\n background-color: #ff00ff;\n}\n.helix_propensity .G {\n background-color: #00ff00;\n}\n.helix_propensity .H {\n background-color: #758a75;\n}\n.helix_propensity .I {\n background-color: #8a758a;\n}\n.helix_propensity .L {\n background-color: #ae51ae;\n}\n.helix_propensity .K {\n background-color: #a05fa0;\n}\n.helix_propensity .M {\n background-color: #ef10ef;\n}\n.helix_propensity .F {\n background-color: #986798;\n}\n.helix_propensity .P {\n background-color: #00ff00;\n}\n.helix_propensity .S {\n background-color: #36c936;\n}\n.helix_propensity .T {\n background-color: #47b847;\n}\n.helix_propensity .W {\n background-color: #8a758a;\n}\n.helix_propensity .Y {\n background-color: #21de21;\n}\n.helix_propensity .V {\n background-color: #857a85;\n}\n.helix_propensity .B {\n background-color: #49b649;\n}\n.helix_propensity .X {\n background-color: #758a75;\n}\n.helix_propensity .Z {\n background-color: #c936c9;\n}\n.helix_propensity .gap {\n color: #ccc;\n}\n.strand_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.strand_propensity .A {\n background-color: #5858a7;\n}\n.strand_propensity .R {\n background-color: #6b6b94;\n}\n.strand_propensity .N {\n background-color: #64649b;\n}\n.strand_propensity .D {\n background-color: #2121de;\n}\n.strand_propensity .C {\n background-color: #9d9d62;\n}\n.strand_propensity .Q {\n background-color: #8c8c73;\n}\n.strand_propensity .E {\n background-color: #0000ff;\n}\n.strand_propensity .G {\n background-color: #4949b6;\n}\n.strand_propensity .H {\n background-color: #60609f;\n}\n.strand_propensity .I {\n background-color: #ecec13;\n}\n.strand_propensity .L {\n background-color: #b2b24d;\n}\n.strand_propensity .K {\n background-color: #4747b8;\n}\n.strand_propensity .M {\n background-color: #82827d;\n}\n.strand_propensity .F {\n background-color: #c2c23d;\n}\n.strand_propensity .P {\n background-color: #2323dc;\n}\n.strand_propensity .S {\n background-color: #4949b6;\n}\n.strand_propensity .T {\n background-color: #9d9d62;\n}\n.strand_propensity .W {\n background-color: #c0c03f;\n}\n.strand_propensity .Y {\n background-color: #d3d32c;\n}\n.strand_propensity .V {\n background-color: #ffff00;\n}\n.strand_propensity .B {\n background-color: #4343bc;\n}\n.strand_propensity .X {\n background-color: #797986;\n}\n.strand_propensity .Z {\n background-color: #4747b8;\n}\n.strand_propensity .A,\n.strand_propensity .R,\n.strand_propensity .N,\n.strand_propensity .D,\n.strand_propensity .E,\n.strand_propensity .G,\n.strand_propensity .H,\n.strand_propensity .K,\n.strand_propensity .P,\n.strand_propensity .S,\n.strand_propensity .B,\n.strand_propensity .Z {\n color: #fcff89;\n}\n.strand_propensity .gap {\n color: #ccc;\n}\n.turn_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.turn_propensity .gap {\n color: #ccc;\n}\n.turn_propensity .A {\n background-color: #2cd3d3;\n}\n.turn_propensity .R {\n background-color: #708f8f;\n}\n.turn_propensity .N {\n background-color: #ff0000;\n}\n.turn_propensity .D {\n background-color: #e81717;\n}\n.turn_propensity .C {\n background-color: #a85757;\n}\n.turn_propensity .Q {\n background-color: #3fc0c0;\n}\n.turn_propensity .E {\n background-color: #778888;\n}\n.turn_propensity .G {\n background-color: #ff0000;\n}\n.turn_propensity .H {\n background-color: #708f8f;\n}\n.turn_propensity .I {\n background-color: #00ffff;\n}\n.turn_propensity .L {\n background-color: #1ce3e3;\n}\n.turn_propensity .K {\n background-color: #7e8181;\n}\n.turn_propensity .M {\n background-color: #1ee1e1;\n}\n.turn_propensity .F {\n background-color: #1ee1e1;\n}\n.turn_propensity .P {\n background-color: #f60909;\n}\n.turn_propensity .S {\n background-color: #e11e1e;\n}\n.turn_propensity .T {\n background-color: #738c8c;\n}\n.turn_propensity .W {\n background-color: #738c8c;\n}\n.turn_propensity .Y {\n background-color: #9d6262;\n}\n.turn_propensity .V {\n background-color: #07f8f8;\n}\n.turn_propensity .B {\n background-color: #f30c0c;\n}\n.turn_propensity .X {\n background-color: #7c8383;\n}\n.turn_propensity .Z {\n background-color: #5ba4a4;\n}\n.turn_propensity .N,\n.turn_propensity .D,\n.turn_propensity .G,\n.turn_propensity .P,\n.turn_propensity .S,\n.turn_propensity .B {\n color: #fcff89;\n}\n.buried_index {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.buried_index .gap {\n color: #ccc;\n}\n.buried_index .A {\n background-color: #00a35c;\n}\n.buried_index .R {\n background-color: #00fc03;\n}\n.buried_index .N {\n background-color: #00eb14;\n}\n.buried_index .D {\n background-color: #00eb14;\n}\n.buried_index .C {\n background-color: #0000ff;\n}\n.buried_index .Q {\n background-color: #00f10e;\n}\n.buried_index .E {\n background-color: #00f10e;\n}\n.buried_index .G {\n background-color: #009d62;\n}\n.buried_index .H {\n background-color: #00d52a;\n}\n.buried_index .I {\n background-color: #0054ab;\n}\n.buried_index .L {\n background-color: #007b84;\n}\n.buried_index .K {\n background-color: #00ff00;\n}\n.buried_index .M {\n background-color: #009768;\n}\n.buried_index .F {\n background-color: #008778;\n}\n.buried_index .P {\n background-color: #00e01f;\n}\n.buried_index .S {\n background-color: #00d52a;\n}\n.buried_index .T {\n background-color: #00db24;\n}\n.buried_index .W {\n background-color: #00a857;\n}\n.buried_index .Y {\n background-color: #00e619;\n}\n.buried_index .V {\n background-color: #005fa0;\n}\n.buried_index .B {\n background-color: #00eb14;\n}\n.buried_index .X {\n background-color: #00b649;\n}\n.buried_index .Z {\n background-color: #00f10e;\n}\n.buried_index .C,\n.buried_index .I,\n.buried_index .V {\n color: #fcff89;\n}\n","@transition_time: 20ms;\n\n/* see src/components/Edge.js#HOVER_SCALE_FACTOR (currently line 8) */\n@hover_scale_factor: 2;\n@hover_stroke_width: 2;\n@collapsed_node_stroke_width: 1;\n\n@default_node_fill: #fff;\n@default_node_stroke: #777;\n\n@ortholog_stroke_color: orange;\n@paralog_stroke_color: green;\n@representative_fill_color: @ortholog_stroke_color;\n@self_color: red;\n\n@speciation_color: #000080;\n@duplication_color: #cd0000;\n\n@font_size: 11px;\n@font_weight_highlight: bolder;\n\n@invisible: 0;\n@visible: 1;\n\n.display-mode {\n .btn-toolbar {\n position: absolute;\n padding-left: 10px\n }\n}\n.tooltip-inner {\n max-width : 400px;\n}\n.genetree-vis {\n .node, .edge {\n cursor: pointer;\n }\n\n .tree-wrapper {\n /* transitions for mouse hover, etc, interactions */\n * {\n transition: all @transition_time ease-in-out;\n }\n\n /* transitions for expanding/contracting clades */\n .clade {\n transition: transform @transition_time ease-in-out;\n\n .edge-rect {\n transition: scaleY @transition_time ease-in-out, scaleX @transition_time ease-in-out, transform @transition_time ease-in-out;\n }\n }\n }\n\n .interaction-helper {\n opacity: @invisible;\n }\n\n .node circle {\n stroke: @default_node_stroke;\n fill: @default_node_fill;\n }\n\n .speciation rect {\n fill: @speciation_color;\n }\n\n .duplication rect {\n fill: @duplication_color;\n }\n\n .node:hover, .edge:hover {\n .internal,\n .gene circle,\n ~ .clade .node rect,\n + .node rect {\n transform: scale(@hover_scale_factor);\n }\n\n ~ .clade .interaction-rect {\n opacity: @visible;\n fill-opacity: @visible;\n }\n\n ~ .clade circle,\n + .node circle,\n .collapsed path,\n ~ .clade .collapsed path,\n + .node .collapsed path {\n stroke-width: @hover_stroke_width;\n }\n\n ~ .clade text, text {\n font-weight: @font_weight_highlight;\n }\n }\n\n .node {\n .gene.ortholog_one2one circle,\n .gene.ortholog_one2many circle,\n .gene.ortholog_many2many circle {\n stroke: @ortholog_stroke_color;\n }\n\n .gene.within_species_paralog circle {\n stroke: @paralog_stroke_color;\n }\n\n .gene.self {\n circle {\n stroke: @self_color;\n fill: @self_color;\n }\n text {\n font-weight: @font_weight_highlight;\n }\n }\n\n .gene.representative circle {\n stroke: @ortholog_stroke_color;\n fill: @representative_fill_color;\n }\n\n text {\n font-size: @font_size;\n fill-opacity: @visible;\n text-anchor: start;\n }\n }\n\n .collapsed {\n path {\n stroke-width: @collapsed_node_stroke_width;\n }\n }\n\n .domains rect {\n cursor: pointer;\n stroke-opacity: 0\n }\n\n .domains rect:hover {\n cursor: pointer;\n stroke-opacity: 1.0\n }\n @transition_time: 20ms;\n\n /* see src/components/Edge.js#HOVER_SCALE_FACTOR (currently line 8) */\n @hover_scale_factor: 2;\n @hover_stroke_width: 2;\n @collapsed_node_stroke_width: 1;\n\n @default_node_fill: #fff;\n @default_node_stroke: #777;\n\n @ortholog_stroke_color: orange;\n @paralog_stroke_color: green;\n @representative_fill_color: @ortholog_stroke_color;\n @self_color: red;\n\n @speciation_color: #000080;\n @duplication_color: #cd0000;\n\n @font_size: 11px;\n @font_weight_highlight: bolder;\n\n @invisible: 0;\n @visible: 1;\n\n}\n\n.popover-title .tooltip-title-button {\n margin-top: -4px !important;\n margin-right: 4px !important;\n}\n\n.msa-slider {\n position: relative;\n padding-top: 10px;\n padding-bottom: 0px;\n margin-bottom: -10px;\n}\n\n.resize-drag {\n background: rgba(0, 0, 0, 0.0);\n border: 4px solid #7c8383;\n color: red;\n font-size: 1px;\n font-family: sans-serif;\n border-radius: 8px;\n\n /* This makes things *much* easier */\n box-sizing: border-box;\n}\n\n.resize-container {\n width: 100%;\n height: 100%;\n}\n",null,"/*\n\n<classNamePrefix>-root\n\nThe outer container\n\n*/\n.tree-view-root {\n}\n\n/*\n\n<classNamePrefix>-root\n\nThe outer container for a single node\n\n*/\n.tree-view-node {\n margin-left: 10px;\n}\n\n\n/*\n\n<classNamePrefix>-node-collapse-toggle.collapse-spacer\n\nUsed to provide spacing when a parent node has no children\n\n*/\n.tree-view-node-collapse-toggle.collapse-spacer {\n width: 14px;\n display: inline-block;\n}\n\n/*\n<classNamePrefix>-node-collapse-toggle.<expandIconClass>\n\nThe class to use for the icon that expands a collapsed parent node\n\n*/\n\n\n/*\n\n<classNamePrefix>-node-collapse-toggle.<collapseIconClass>\n\nThe class to use for the icon that collapses an expanded parent node\n\n*/\n\n.tree-view-node-collapse-toggle {\n margin-right: 3px;\n width: 14px;\n}\n\n/*\n\n<classNamePrefix>-node-label\n\n*/\n.tree-view-node-label {\n font-size: smaller;\n margin-left: 3px;\n padding: 1px;\n border: 1px solid #fff;\n}\n\n/*\n\n<classNamePrefix>-node-label.selected\n\n*/\n.tree-view-node-label.selected {\n border: 1px solid #003f81;\n border-radius: 3px;\n background-color: #808080;\n}\n\n/*\n\n<classNamePrefix>-node-checkbox\n\nThe class for a node checkbox\n\n*/\n\n.tree-view-node-checkbox {}\n\n/*\n\n<classNamePrefix>-node-children\n\nThe class for the element that wraps a nodes children (if any exist)\n\n*/\n\n.tree-view-node-children {}\n\n",".button-like-link {\n display: inline-block;\n padding: 0;\n background-color: #fff0;\n color: #007bff;\n text-decoration: underline;\n border: none;\n cursor: pointer;\n}","/* styles.css */\n.fasta-container {\n position: relative;\n padding: 2ch;\n background-color: #fcfffd;\n border-color: #557b74;\n border-style: dashed;\n line-height: 0.925em;\n /*margin: auto; !* Center the container *!*/\n}\n.styled-span {\n display: flex;\n align-items: center;\n text-align: center;\n}\n.vertical-line {\n flex-grow: 1;\n height: 20px;\n background-color: black;\n}\n.horizontal-line {\n width: 57px;\n height: 3px;\n background-color: black;\n margin: 0 0px;\n}\ncode.fasta {\n white-space: pre-wrap;\n color: #595959;\n}\n.header {\n color: black;\n}\n.upstream {\n color: #80a0a0;\n}\n.downstream {\n color: #80a0a0;\n}\n.intron {\n color: #aaaaaa;\n}\n.utr5 {\n background-color: #aaccaf;\n}\n.utr5-other {\n background-color: #cfe1d2;\n}\n.cds {\n background-color: #a7b4d3;\n}\n.cds-other {\n background-color: #d0d8e6;\n}\n.utr3 {\n background-color: #c5a3bf;\n}\n.utr3-other {\n background-color: #dcc9d9;\n}\n.square-utr5 {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #aaccaf 0%, #aaccaf 50%, #cfe1d2 50%, #cfe1d2 100%);\n}\n.square-cds {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #a7b4d3 0%, #a7b4d3 50%, #d0d8e6 50%, #d0d8e6 100%);\n}\n.square-utr3 {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #c5a3bf 0%, #c5a3bf 50%, #dcc9d9 50%, #dcc9d9 100%);\n}\n\n.reverse-slide {\n direction: rtl;\n}\n.fasta-key {\n position: absolute;\n top: 9px;\n right: 40px;\n background: none;\n border: none;\n cursor: default;\n font-family: monospace;\n font-size: 11pt;\n color: #555;\n}\n.copy-button {\n position: absolute;\n top: 3px;\n right: -5px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: #555;\n}\n.notification {\n position: absolute;\n top: 0;\n right: 0;\n background-color: #050505;\n color: #fff;\n padding: 5px;\n z-index: 999;\n font-weight: bold;\n font-style: italic;\n font-size: smaller;\n}",".taxogenomic-vis {\n @import 'taxonomy';\n}",".accordion-button {\n padding:0.4rem!important;\n}\n.accordion-button:hover {\n background-color: #dbe8f3;\n}"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"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","sources":["b17bddada667de42","src/components/styles.css","src/components/results/genes.css","node_modules/gramene-genetree-vis/src/styles/msa.less","node_modules/gramene-genetree-vis/src/styles/tree.less","node_modules/react-simple-tree-menu/src/sass/main.scss","src/components/results/details/tree-view.css","src/components/results/details/VEP.css","src/components/results/details/sequences.css","node_modules/gramene-search-vis/styles/main.less","src/components/results/expression.css"],"sourcesContent":["@import \"5abb1db407612521\";\n@import \"1caf78728b2f5137\";\n@import \"2166a150e9f31214\";\n@import \"938d6be3f57789df\";\n@import \"aa165d1be5d1c755\";\n@import \"996096824b9f7d5a\";\n@import \"41a1dcf3bc8b5377\";\n@import \"c52016833805a9f9\";\n@import \"6f643ac0480217ea\";\n@import \"c6576577b854e1eb\";\n",".gramene-sidebar {\n position: fixed;\n background-color: #557b74;\n padding-left: 8px;\n padding-right: 8px;\n padding-bottom: 8px;\n width: 250px;\n}\n.sorghumbase-sidebar {\n position: fixed;\n background-color: #a03e34;\n padding-left: 8px;\n padding-right: 8px;\n padding-bottom: 8px;\n width: 250px;\n}\n.gramene-filter-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-bottom: 4px;\n}\n.sorghumbase-filter-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-bottom: 4px;\n}\n.gramene-filter {\n padding-left: 4px;\n padding-right: 4px;\n padding-bottom: 4px;\n background-color: white;\n font-size: small;\n}\n.gramene-filter span:hover {\n font-weight:bolder;\n}\n.gramene-filter-AND {\n background-color: #ffcd82;\n}\n.gramene-filter-OR {\n background-color: #c5eeb9;\n}\n.gramene-filter-NOT {\n border-left-color: #ff5354;\n border-left-style: inset;\n border-left-width: 4px;\n padding-left: 4px;\n}\n.gramene-filter-operation {\n text-align: center;\n font-style: italic;\n}\n.gramene-filter-marked {\n font-weight: bolder;\n /*background-color: #feff96;*/\n}\n.gramene-filter-menu ul {\n border-top-style: solid;\n border-top-width: 2px;\n padding-left: 0;\n}\n.gramene-filter-menu li {\n display: block;\n cursor: pointer;\n padding-left: 15px;\n}\n.gramene-filter-menu li:hover {\n background-color: #feff96;\n}\n\n.gramene-view-header {\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-evenly;\n font-size: larger;\n font-weight: bold;\n background-color: #fff3a96e;\n border-top: solid;\n border-top-color: #557b74;\n color: #a03e34;\n}\n\n.gramene-view-container {\n background-color: #fff3a9;\n padding-left: 4px;\n padding-right: 4px;\n padding-bottom: 4px;\n}\n.gramene-view {\n padding-left: 0px;\n padding-right: 10px;\n margin-bottom: 0;\n background-color: white;\n}\n.gramene-view-span-on {\n padding-left: 5px;\n cursor: pointer;\n vertical-align: text-bottom;\n color: #a03e34;\n}\n.gramene-view-span-off {\n padding-left: 5px;\n cursor: pointer;\n vertical-align: text-bottom;\n color: darkgray;\n}\n.gramene-view li {\n display: block;\n cursor: pointer;\n padding-left: 5px;\n border-left-style: inset;\n border-left-width: 8px;\n margin-bottom: 2px;\n}\n\n.gramene-view-on {\n border-left-color: #40a0ff;\n font-weight: bold;\n}\n.gramene-view-off {\n border-left-color: #ff6d68;\n color: grey;\n}\n.gramene-view-disabled {\n color: darkgray;\n border-left-color: #efefef;\n cursor: default!important;\n}\n#gramene-suggestion button {\n border-radius: .6rem;\n line-height: 1;\n}\n#gramene-suggestion button:focus {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n",".visible-detail {\n border: 1px solid #557B74;\n padding: 6px 12px;\n}\n.detail {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n.table {\n width: 100%;\n max-width: 100%;\n}\n.xrefs {\n border-collapse: collapse;\n border-spacing: 0;\n border-color: grey;\n table-layout: fixed;\n}\n.xref-name-col {\n width: 20%;\n}\n.xref-value-col {\n width: 80%;\n}\n.xref-80-col {\n width: 80%;\n}\n.xref-70-col {\n width: 70%;\n}\n.xref-10-col {\n width: 10%;\n}\n.xref-id-list {\n padding-left: 0;\n list-style: none;\n}\n.result-gene {\n padding: 0.2em;\n border: 5px solid white;\n}\n.result-gene:hover {\n border-color: antiquewhite;\n}\n.gene-title {\n /*padding-top:0.5em;*/\n}\n.gene-id {\n /*white-space: nowrap;*/\n color: black;\n}\n.gene-name {\n color: #557B74;\n margin-bottom: 0;\n}\n.gene-description {\n margin-bottom: 0;\n}\n.gene-species {\n white-space: nowrap;\n font-style: italic;\n font-size:small;\n font-weight: bold;\n}\n.gene-synonyms {\n font-size: small;\n}\n.gene-extras {\n float: right;\n border: dashed 1px blue;\n}\n.gene-panlink {\n float:right;\n}\n.gene-panlink img {\n height: 60px;\n width: auto;\n vertical-align: top;\n}\n.gene-curation {\n float:right;\n margin-top: 20px;\n border: 1px solid grey;\n}\n.gene-curation span {\n width: 20px;\n display: inline-block;\n color: white;\n text-align: center;\n}\n.gene-curation .okay {\n background-color: #0c00f3;\n}\n.gene-curation .flagged {\n background-color: darkorange;\n}\n.gene-detail-tabs {\n display: flex;\n flex-wrap: wrap;\n white-space: nowrap;\n width: 80em;\n}\n.gene-detail-tab-closed {\n color: darkgreen;\n cursor: pointer;\n /*background-color: lightgray;*/\n}\n.gene-detail-tab-disabled {\n /*color: white;*/\n /*background-color: lightgray;*/\n color: lightgray;\n cursor: not-allowed;\n}\n.gene-detail-tab-empty {\n color: darkgreen;\n cursor: pointer;\n font-style: oblique;\n /*background-color: lightgray;*/\n}\n.gene-detail-tab-empty::before {\n content: \"Add \";\n}\n.gene-detail-tab-expanded {\n color: white;\n background-color: #557B74;\n cursor: pointer;\n}\n.result-gene-summary {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n.result-gene-summary .species-name {\n white-space: nowrap;\n font-style: italic;\n}\n.result-gene-title-body {\n flex: 1 1 auto;\n width: 1036px;\n}\n.model-ortholog, .closest-ortholog, .gene-summary-tair {\n cursor: pointer;\n flex: 1 1 auto;\n width: 500px;\n font-size: smaller;\n margin-top: 10px;\n padding: 0 1rem;\n margin-left: 1rem;\n border: 1px solid darkorange;\n}\n\n.model-ortholog {\n border: 1px dotted darkorange;\n}\n.closest-ortholog {\n border: 1px dotted darkgreen;\n}\n\n.gene-summary-tair {\n border: 1px dotted darkblue;\n}\n.gene-summary-tair .rest {\n display: none;\n}\n\n.gene-summary-tair:hover .rest {\n display: inline;\n}\n.gene-summary-tair:focus .rest {\n display: inline;\n}\n.gene-summary-tair:hover .ellipsis {\n display: none;\n}\n.gene-summary-tair:focus .ellipsis {\n display: none;\n}\n\n/* this is the \"title\" of the closest ortholog box */\n.closest-ortholog::before,\n.model-ortholog::before,\n.gene-summary-tair::before {\n position: relative;\n float: right;\n margin-top: -12px;\n margin-right: 6px;\n border: dotted 1px;\n padding: 0 1rem;\n background: #fff;\n}\n\n.model-ortholog::before {\n content: \"Model Species Homolog\";\n color: orange;\n}\n.closest-ortholog::before {\n content: \"Closest Annotated Homolog\";\n color: darkgreen;\n}\n\n/* this is the \"title\" of the closest ortholog box */\n.gene-summary-tair::before {\n content: \"TAIR Curated Description\";\n color: darkblue;\n}\n\n.rep-identity {\n float: right;\n padding-right: 10px;\n padding-top: 5px;\n font-style: italic;\n}\n.rep-identity::after {\n content: \"% identity\";\n}\n.eFP::before {\n content: url(\"../../static/images/BAR-logo.png\");\n padding-right:5px;\n position: relative;\n top: 5px;\n}\n.eFP::after {\n content: 'New!';\n color: red;\n padding-left:2px;\n font-weight: bold;\n font-style: italic;\n font-size: x-small;\n line-height: normal;\n vertical-align: super;\n}\n.gxa::before {\n content: url(\"../../static/images/expression-atlas-logo.png\");\n padding-right:5px;\n position: relative;\n top: 5px;\n}\n.gene-search-pic-sugg {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/suggestions.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n.gene-search-pic-results {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/results.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n.gene-search-pic-genetree {\n width: 100%;\n height: 200px;\n background: url(\"../../static/images/genetree.png\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n",".MSAlignments-wrapper {\n overflow-x: scroll;\n overflow-y: hidden;\n}\n.clustal {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.clustal .A,\n.clustal .I,\n.clustal .L,\n.clustal .M,\n.clustal .F,\n.clustal .W,\n.clustal .V {\n background-color: #80a0f0;\n}\n.clustal .R,\n.clustal .K {\n background-color: #f01505;\n color: #fcff89;\n}\n.clustal .N,\n.clustal .Q,\n.clustal .S,\n.clustal .T {\n background-color: #00ff00;\n}\n.clustal .D,\n.clustal .E {\n background-color: #c048c0;\n color: #fcff89;\n}\n.clustal .C {\n background-color: #f08080;\n}\n.clustal .G {\n background-color: #f09048;\n}\n.clustal .Y\n.clustal .H {\n background-color: #15a4a4;\n}\n.clustal .P {\n background-color: #ffff00;\n}\n.clustal .B,\n.clustal .X,\n.clustal .Z {\n background-color: #ffffff;\n}\n.clustal .gap {\n color: #ccc;\n}\n.zappo {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.zappo .A,\n.zappo .I,\n.zappo .L,\n.zappo .M,\n.zappo .V {\n background-color: #ffafaf;\n}\n.zappo .R,\n.zappo .H,\n.zappo .K {\n background-color: #6464ff;\n color: #fcff89;\n}\n.zappo .N,\n.zappo .Q,\n.zappo .S,\n.zappo .T {\n background-color: #00ff00;\n}\n.zappo .D,\n.zappo .E {\n background-color: #ff0000;\n}\n.zappo .C {\n background-color: #ffff00;\n}\n.zappo .G,\n.zappo .P {\n background-color: #ff00ff;\n color: #fcff89;\n}\n.zappo .F,\n.zappo .W,\n.zappo .Y {\n background-color: #ffc800;\n}\n.zappo .B,\n.zappo .X,\n.zappo .Z {\n background-color: #ffffff;\n}\n.zappo .gap {\n color: #ccc;\n}\n.taylor {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.taylor .A {\n background-color: #ccff00;\n}\n.taylor .R {\n background-color: #0000ff;\n color: #fcff89;\n}\n.taylor .N {\n background-color: #cc00ff;\n color: #fcff89;\n}\n.taylor .D {\n background-color: #ff0000;\n color: #fcff89;\n}\n.taylor .C {\n background-color: #ffff00;\n}\n.taylor .Q {\n background-color: #ff00cc;\n}\n.taylor .E {\n background-color: #ff0066;\n color: #fcff89;\n}\n.taylor .G {\n background-color: #ff9900;\n}\n.taylor .H {\n background-color: #0066ff;\n color: #fcff89;\n}\n.taylor .I {\n background-color: #66ff00;\n}\n.taylor .L {\n background-color: #33ff00;\n}\n.taylor .K {\n background-color: #6600ff;\n color: #fcff89;\n}\n.taylor .M {\n background-color: #00ff00;\n}\n.taylor .F {\n background-color: #00ff66;\n}\n.taylor .P {\n background-color: #ffcc00;\n}\n.taylor .S {\n background-color: #ff3300;\n color: #fcff89;\n}\n.taylor .T {\n background-color: #ff6600;\n}\n.taylor .W {\n background-color: #00ccff;\n}\n.taylor .Y {\n background-color: #00ffcc;\n}\n.taylor .V {\n background-color: #99ff00;\n}\n.taylor .B,\n.taylor .X,\n.taylor .Z {\n background-color: #ffffff;\n}\n.taylor .gap {\n color: #ccc;\n}\n.hydrophobicity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n color: #fcff89;\n}\n.hydrophobicity .A {\n background-color: #ad0052;\n}\n.hydrophobicity .R,\n.hydrophobicity .K {\n background-color: #0000ff;\n}\n.hydrophobicity .N,\n.hydrophobicity .D,\n.hydrophobicity .Q,\n.hydrophobicity .E,\n.hydrophobicity .B,\n.hydrophobicity .Z {\n background-color: #0c00f3;\n}\n.hydrophobicity .C {\n background-color: #c2003d;\n}\n.hydrophobicity .G {\n background-color: #6a0095;\n}\n.hydrophobicity .H {\n background-color: #1500ea;\n}\n.hydrophobicity .L {\n background-color: #ea0015;\n}\n.hydrophobicity .M {\n background-color: #b0004f;\n}\n.hydrophobicity .F {\n background-color: #cb0034;\n}\n.hydrophobicity .P {\n background-color: #4600b9;\n}\n.hydrophobicity .S {\n background-color: #5e00a1;\n}\n.hydrophobicity .T {\n background-color: #61009e;\n}\n.hydrophobicity .W {\n background-color: #5b00a4;\n}\n.hydrophobicity .Y {\n background-color: #4f00b0;\n}\n.hydrophobicity .V {\n background-color: #f60009;\n}\n.hydrophobicity .X {\n background-color: #680097;\n}\n.hydrophobicity .gap {\n color: #ccc;\n}\n.helix_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.helix_propensity .A {\n background-color: #e718e7;\n}\n.helix_propensity .R {\n background-color: #6f906f;\n}\n.helix_propensity .N {\n background-color: #1be41b;\n}\n.helix_propensity .D {\n background-color: #778877;\n}\n.helix_propensity .C {\n background-color: #23dc23;\n}\n.helix_propensity .Q {\n background-color: #926d92;\n}\n.helix_propensity .E {\n background-color: #ff00ff;\n}\n.helix_propensity .G {\n background-color: #00ff00;\n}\n.helix_propensity .H {\n background-color: #758a75;\n}\n.helix_propensity .I {\n background-color: #8a758a;\n}\n.helix_propensity .L {\n background-color: #ae51ae;\n}\n.helix_propensity .K {\n background-color: #a05fa0;\n}\n.helix_propensity .M {\n background-color: #ef10ef;\n}\n.helix_propensity .F {\n background-color: #986798;\n}\n.helix_propensity .P {\n background-color: #00ff00;\n}\n.helix_propensity .S {\n background-color: #36c936;\n}\n.helix_propensity .T {\n background-color: #47b847;\n}\n.helix_propensity .W {\n background-color: #8a758a;\n}\n.helix_propensity .Y {\n background-color: #21de21;\n}\n.helix_propensity .V {\n background-color: #857a85;\n}\n.helix_propensity .B {\n background-color: #49b649;\n}\n.helix_propensity .X {\n background-color: #758a75;\n}\n.helix_propensity .Z {\n background-color: #c936c9;\n}\n.helix_propensity .gap {\n color: #ccc;\n}\n.strand_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.strand_propensity .A {\n background-color: #5858a7;\n}\n.strand_propensity .R {\n background-color: #6b6b94;\n}\n.strand_propensity .N {\n background-color: #64649b;\n}\n.strand_propensity .D {\n background-color: #2121de;\n}\n.strand_propensity .C {\n background-color: #9d9d62;\n}\n.strand_propensity .Q {\n background-color: #8c8c73;\n}\n.strand_propensity .E {\n background-color: #0000ff;\n}\n.strand_propensity .G {\n background-color: #4949b6;\n}\n.strand_propensity .H {\n background-color: #60609f;\n}\n.strand_propensity .I {\n background-color: #ecec13;\n}\n.strand_propensity .L {\n background-color: #b2b24d;\n}\n.strand_propensity .K {\n background-color: #4747b8;\n}\n.strand_propensity .M {\n background-color: #82827d;\n}\n.strand_propensity .F {\n background-color: #c2c23d;\n}\n.strand_propensity .P {\n background-color: #2323dc;\n}\n.strand_propensity .S {\n background-color: #4949b6;\n}\n.strand_propensity .T {\n background-color: #9d9d62;\n}\n.strand_propensity .W {\n background-color: #c0c03f;\n}\n.strand_propensity .Y {\n background-color: #d3d32c;\n}\n.strand_propensity .V {\n background-color: #ffff00;\n}\n.strand_propensity .B {\n background-color: #4343bc;\n}\n.strand_propensity .X {\n background-color: #797986;\n}\n.strand_propensity .Z {\n background-color: #4747b8;\n}\n.strand_propensity .A,\n.strand_propensity .R,\n.strand_propensity .N,\n.strand_propensity .D,\n.strand_propensity .E,\n.strand_propensity .G,\n.strand_propensity .H,\n.strand_propensity .K,\n.strand_propensity .P,\n.strand_propensity .S,\n.strand_propensity .B,\n.strand_propensity .Z {\n color: #fcff89;\n}\n.strand_propensity .gap {\n color: #ccc;\n}\n.turn_propensity {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.turn_propensity .gap {\n color: #ccc;\n}\n.turn_propensity .A {\n background-color: #2cd3d3;\n}\n.turn_propensity .R {\n background-color: #708f8f;\n}\n.turn_propensity .N {\n background-color: #ff0000;\n}\n.turn_propensity .D {\n background-color: #e81717;\n}\n.turn_propensity .C {\n background-color: #a85757;\n}\n.turn_propensity .Q {\n background-color: #3fc0c0;\n}\n.turn_propensity .E {\n background-color: #778888;\n}\n.turn_propensity .G {\n background-color: #ff0000;\n}\n.turn_propensity .H {\n background-color: #708f8f;\n}\n.turn_propensity .I {\n background-color: #00ffff;\n}\n.turn_propensity .L {\n background-color: #1ce3e3;\n}\n.turn_propensity .K {\n background-color: #7e8181;\n}\n.turn_propensity .M {\n background-color: #1ee1e1;\n}\n.turn_propensity .F {\n background-color: #1ee1e1;\n}\n.turn_propensity .P {\n background-color: #f60909;\n}\n.turn_propensity .S {\n background-color: #e11e1e;\n}\n.turn_propensity .T {\n background-color: #738c8c;\n}\n.turn_propensity .W {\n background-color: #738c8c;\n}\n.turn_propensity .Y {\n background-color: #9d6262;\n}\n.turn_propensity .V {\n background-color: #07f8f8;\n}\n.turn_propensity .B {\n background-color: #f30c0c;\n}\n.turn_propensity .X {\n background-color: #7c8383;\n}\n.turn_propensity .Z {\n background-color: #5ba4a4;\n}\n.turn_propensity .N,\n.turn_propensity .D,\n.turn_propensity .G,\n.turn_propensity .P,\n.turn_propensity .S,\n.turn_propensity .B {\n color: #fcff89;\n}\n.buried_index {\n white-space: nowrap;\n font-family: monospace;\n height: 18px;\n font-size: 12px;\n}\n.buried_index .gap {\n color: #ccc;\n}\n.buried_index .A {\n background-color: #00a35c;\n}\n.buried_index .R {\n background-color: #00fc03;\n}\n.buried_index .N {\n background-color: #00eb14;\n}\n.buried_index .D {\n background-color: #00eb14;\n}\n.buried_index .C {\n background-color: #0000ff;\n}\n.buried_index .Q {\n background-color: #00f10e;\n}\n.buried_index .E {\n background-color: #00f10e;\n}\n.buried_index .G {\n background-color: #009d62;\n}\n.buried_index .H {\n background-color: #00d52a;\n}\n.buried_index .I {\n background-color: #0054ab;\n}\n.buried_index .L {\n background-color: #007b84;\n}\n.buried_index .K {\n background-color: #00ff00;\n}\n.buried_index .M {\n background-color: #009768;\n}\n.buried_index .F {\n background-color: #008778;\n}\n.buried_index .P {\n background-color: #00e01f;\n}\n.buried_index .S {\n background-color: #00d52a;\n}\n.buried_index .T {\n background-color: #00db24;\n}\n.buried_index .W {\n background-color: #00a857;\n}\n.buried_index .Y {\n background-color: #00e619;\n}\n.buried_index .V {\n background-color: #005fa0;\n}\n.buried_index .B {\n background-color: #00eb14;\n}\n.buried_index .X {\n background-color: #00b649;\n}\n.buried_index .Z {\n background-color: #00f10e;\n}\n.buried_index .C,\n.buried_index .I,\n.buried_index .V {\n color: #fcff89;\n}\n","@transition_time: 20ms;\n\n/* see src/components/Edge.js#HOVER_SCALE_FACTOR (currently line 8) */\n@hover_scale_factor: 2;\n@hover_stroke_width: 2;\n@collapsed_node_stroke_width: 1;\n\n@default_node_fill: #fff;\n@default_node_stroke: #777;\n\n@ortholog_stroke_color: orange;\n@paralog_stroke_color: green;\n@representative_fill_color: @ortholog_stroke_color;\n@self_color: red;\n\n@speciation_color: #000080;\n@duplication_color: #cd0000;\n\n@font_size: 11px;\n@font_weight_highlight: bolder;\n\n@invisible: 0;\n@visible: 1;\n\n.display-mode {\n .btn-toolbar {\n position: absolute;\n padding-left: 10px\n }\n}\n.tooltip-inner {\n max-width : 400px;\n}\n.genetree-vis {\n .node, .edge {\n cursor: pointer;\n }\n\n .tree-wrapper {\n /* transitions for mouse hover, etc, interactions */\n * {\n transition: all @transition_time ease-in-out;\n }\n\n /* transitions for expanding/contracting clades */\n .clade {\n transition: transform @transition_time ease-in-out;\n\n .edge-rect {\n transition: scaleY @transition_time ease-in-out, scaleX @transition_time ease-in-out, transform @transition_time ease-in-out;\n }\n }\n }\n\n .interaction-helper {\n opacity: @invisible;\n }\n\n .node circle {\n stroke: @default_node_stroke;\n fill: @default_node_fill;\n }\n\n .speciation rect {\n fill: @speciation_color;\n }\n\n .duplication rect {\n fill: @duplication_color;\n }\n\n .node:hover, .edge:hover {\n .internal,\n .gene circle,\n ~ .clade .node rect,\n + .node rect {\n transform: scale(@hover_scale_factor);\n }\n\n ~ .clade .interaction-rect {\n opacity: @visible;\n fill-opacity: @visible;\n }\n\n ~ .clade circle,\n + .node circle,\n .collapsed path,\n ~ .clade .collapsed path,\n + .node .collapsed path {\n stroke-width: @hover_stroke_width;\n }\n\n ~ .clade text, text {\n font-weight: @font_weight_highlight;\n }\n }\n\n .node {\n .gene.ortholog_one2one circle,\n .gene.ortholog_one2many circle,\n .gene.ortholog_many2many circle {\n stroke: @ortholog_stroke_color;\n }\n\n .gene.within_species_paralog circle {\n stroke: @paralog_stroke_color;\n }\n\n .gene.self {\n circle {\n stroke: @self_color;\n fill: @self_color;\n }\n text {\n font-weight: @font_weight_highlight;\n }\n }\n\n .gene.representative circle {\n stroke: @ortholog_stroke_color;\n fill: @representative_fill_color;\n }\n\n text {\n font-size: @font_size;\n fill-opacity: @visible;\n text-anchor: start;\n }\n }\n\n .collapsed {\n path {\n stroke-width: @collapsed_node_stroke_width;\n }\n }\n\n .domains rect {\n cursor: pointer;\n stroke-opacity: 0\n }\n\n .domains rect:hover {\n cursor: pointer;\n stroke-opacity: 1.0\n }\n @transition_time: 20ms;\n\n /* see src/components/Edge.js#HOVER_SCALE_FACTOR (currently line 8) */\n @hover_scale_factor: 2;\n @hover_stroke_width: 2;\n @collapsed_node_stroke_width: 1;\n\n @default_node_fill: #fff;\n @default_node_stroke: #777;\n\n @ortholog_stroke_color: orange;\n @paralog_stroke_color: green;\n @representative_fill_color: @ortholog_stroke_color;\n @self_color: red;\n\n @speciation_color: #000080;\n @duplication_color: #cd0000;\n\n @font_size: 11px;\n @font_weight_highlight: bolder;\n\n @invisible: 0;\n @visible: 1;\n\n}\n\n.popover-title .tooltip-title-button {\n margin-top: -4px !important;\n margin-right: 4px !important;\n}\n\n.msa-slider {\n position: relative;\n padding-top: 10px;\n padding-bottom: 0px;\n margin-bottom: -10px;\n}\n\n.resize-drag {\n background: rgba(0, 0, 0, 0.0);\n border: 4px solid #7c8383;\n color: red;\n font-size: 1px;\n font-family: sans-serif;\n border-radius: 8px;\n\n /* This makes things *much* easier */\n box-sizing: border-box;\n}\n\n.resize-container {\n width: 100%;\n height: 100%;\n}\n",null,"/*\n\n<classNamePrefix>-root\n\nThe outer container\n\n*/\n.tree-view-root {\n}\n\n/*\n\n<classNamePrefix>-root\n\nThe outer container for a single node\n\n*/\n.tree-view-node {\n margin-left: 10px;\n}\n\n\n/*\n\n<classNamePrefix>-node-collapse-toggle.collapse-spacer\n\nUsed to provide spacing when a parent node has no children\n\n*/\n.tree-view-node-collapse-toggle.collapse-spacer {\n width: 14px;\n display: inline-block;\n}\n\n/*\n<classNamePrefix>-node-collapse-toggle.<expandIconClass>\n\nThe class to use for the icon that expands a collapsed parent node\n\n*/\n\n\n/*\n\n<classNamePrefix>-node-collapse-toggle.<collapseIconClass>\n\nThe class to use for the icon that collapses an expanded parent node\n\n*/\n\n.tree-view-node-collapse-toggle {\n margin-right: 3px;\n width: 14px;\n}\n\n/*\n\n<classNamePrefix>-node-label\n\n*/\n.tree-view-node-label {\n font-size: smaller;\n margin-left: 3px;\n padding: 1px;\n border: 1px solid #fff;\n}\n\n/*\n\n<classNamePrefix>-node-label.selected\n\n*/\n.tree-view-node-label.selected {\n border: 1px solid #003f81;\n border-radius: 3px;\n background-color: #808080;\n}\n\n/*\n\n<classNamePrefix>-node-checkbox\n\nThe class for a node checkbox\n\n*/\n\n.tree-view-node-checkbox {}\n\n/*\n\n<classNamePrefix>-node-children\n\nThe class for the element that wraps a nodes children (if any exist)\n\n*/\n\n.tree-view-node-children {}\n\n",".button-like-link {\n display: inline-block;\n padding: 0;\n background-color: #fff0;\n color: #007bff;\n text-decoration: underline;\n border: none;\n cursor: pointer;\n}","/* styles.css */\n.fasta-container {\n position: relative;\n padding: 2ch;\n background-color: #fcfffd;\n border-color: #557b74;\n border-style: dashed;\n line-height: 0.925em;\n /*margin: auto; !* Center the container *!*/\n}\n.styled-span {\n display: flex;\n align-items: center;\n text-align: center;\n}\n.vertical-line {\n flex-grow: 1;\n height: 20px;\n background-color: black;\n}\n.horizontal-line {\n width: 57px;\n height: 3px;\n background-color: black;\n margin: 0 0px;\n}\ncode.fasta {\n white-space: pre-wrap;\n color: #595959;\n}\n.header {\n color: black;\n}\n.upstream {\n color: #80a0a0;\n}\n.downstream {\n color: #80a0a0;\n}\n.intron {\n color: #aaaaaa;\n}\n.utr5 {\n background-color: #aaccaf;\n}\n.utr5-other {\n background-color: #cfe1d2;\n}\n.cds {\n background-color: #a7b4d3;\n}\n.cds-other {\n background-color: #d0d8e6;\n}\n.utr3 {\n background-color: #c5a3bf;\n}\n.utr3-other {\n background-color: #dcc9d9;\n}\n.square-utr5 {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #aaccaf 0%, #aaccaf 50%, #cfe1d2 50%, #cfe1d2 100%);\n}\n.square-cds {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #a7b4d3 0%, #a7b4d3 50%, #d0d8e6 50%, #d0d8e6 100%);\n}\n.square-utr3 {\n width: 20px;\n height: 20px;\n background: linear-gradient(to bottom right, #c5a3bf 0%, #c5a3bf 50%, #dcc9d9 50%, #dcc9d9 100%);\n}\n\n.reverse-slide {\n direction: rtl;\n}\n.fasta-key {\n position: absolute;\n top: 9px;\n right: 40px;\n background: none;\n border: none;\n cursor: default;\n font-family: monospace;\n font-size: 11pt;\n color: #555;\n}\n.copy-button {\n position: absolute;\n top: 3px;\n right: -5px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: #555;\n}\n.notification {\n position: absolute;\n top: 0;\n right: 0;\n background-color: #050505;\n color: #fff;\n padding: 5px;\n z-index: 999;\n font-weight: bold;\n font-style: italic;\n font-size: smaller;\n}",".taxogenomic-vis {\n @import 'taxonomy';\n}",".accordion-button {\n padding:0.4rem!important;\n}\n.accordion-button:hover {\n background-color: #dbe8f3;\n}"],"names":[],"version":3,"file":"index.css.map"}
|
package/dist/index.js
CHANGED
|
@@ -246,7 +246,7 @@ const $9d9aeaf9299e61a1$var$curatedGenes = (0, $gXNCa$reduxbundler.createAsyncRe
|
|
|
246
246
|
actionBaseType: "CURATED_GENES",
|
|
247
247
|
persist: true,
|
|
248
248
|
getPromise: ({ store: store })=>{
|
|
249
|
-
return fetch(`https://devdata.gramene.org/curation/curations?rows=0&minFlagged=
|
|
249
|
+
return fetch(`https://devdata.gramene.org/curation/curations?rows=0&minFlagged=0&since=12-12-2029`).then((res)=>res.json()).then((curation)=>(0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(curation.genes, "gene_id"));
|
|
250
250
|
}
|
|
251
251
|
});
|
|
252
252
|
$9d9aeaf9299e61a1$var$curatedGenes.reactCuratedGenes = (0, $gXNCa$reduxbundler.createSelector)("selectCuratedGenesShouldUpdate", (shouldUpdate)=>{
|
|
@@ -2558,7 +2558,9 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
|
|
|
2558
2558
|
}
|
|
2559
2559
|
}
|
|
2560
2560
|
let flagged = 0;
|
|
2561
|
-
if (this.props.curation && this.props.curation.taxa.hasOwnProperty(this.gene.taxon_id))
|
|
2561
|
+
// if (this.props.curation && this.props.curation.taxa.hasOwnProperty(this.gene.taxon_id)) {
|
|
2562
|
+
// flagged = this.props.curatedGenes && this.props.curatedGenes[id] ? this.props.curatedGenes[id].flagged : 0;
|
|
2563
|
+
// }
|
|
2562
2564
|
return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $5c2c79352d3d7b81$export$47eb42ff093406d4), {
|
|
2563
2565
|
children: [
|
|
2564
2566
|
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5c2c79352d3d7b81$export$f99233281efd08a0), {
|
|
@@ -3062,6 +3064,10 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
|
|
|
3062
3064
|
}
|
|
3063
3065
|
makeTaxonSpecific(docs, taxon_id) {
|
|
3064
3066
|
let lineageField = "lineage_" + taxon_id;
|
|
3067
|
+
if (!docs[0].hasOwnProperty(lineageField)) {
|
|
3068
|
+
let tid = Math.floor(taxon_id / 1000);
|
|
3069
|
+
lineageField = "lineage_" + tid;
|
|
3070
|
+
}
|
|
3065
3071
|
let tsDocs = docs.map(function(doc) {
|
|
3066
3072
|
let tsDoc = (0, ($parcel$interopDefault($gXNCa$lodash))).pick(doc, [
|
|
3067
3073
|
"_id",
|
|
@@ -3281,16 +3287,22 @@ var $54c74a4689d5a778$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
|
|
|
3281
3287
|
|
|
3282
3288
|
|
|
3283
3289
|
|
|
3290
|
+
const $283508ffcf8a47c4$var$ggURL = {
|
|
3291
|
+
IRRI: "https://gringlobal.irri.org/gringlobal/accessiondetail?id=",
|
|
3292
|
+
ARS: "https://npgsweb.ars-grin.gov/gringlobal/accessiondetail.aspx?id=",
|
|
3293
|
+
sorbmutdb: "https://www.depts.ttu.edu/igcast/sorbmutdb.php"
|
|
3294
|
+
};
|
|
3284
3295
|
const $283508ffcf8a47c4$var$metaRenderer = (params)=>{
|
|
3285
3296
|
if (params.value.field === "germplasm") {
|
|
3297
|
+
const url = $283508ffcf8a47c4$var$ggURL[params.value.stock_center];
|
|
3286
3298
|
if (params.value.germplasm_dbid) return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("a", {
|
|
3287
3299
|
target: "_blank",
|
|
3288
|
-
href:
|
|
3300
|
+
href: `${url}${params.value.germplasm_dbid}`,
|
|
3289
3301
|
children: params.value.pub_id
|
|
3290
3302
|
});
|
|
3291
3303
|
return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("form", {
|
|
3292
3304
|
id: params.value.pub_id,
|
|
3293
|
-
action:
|
|
3305
|
+
action: url,
|
|
3294
3306
|
method: "post",
|
|
3295
3307
|
target: "_blank",
|
|
3296
3308
|
children: [
|
|
@@ -3331,27 +3343,48 @@ const $283508ffcf8a47c4$var$sortByLabel = (valueA, valueB, nodeA, nodeB, isDesce
|
|
|
3331
3343
|
if (valueA.label === valueB.label) return 0;
|
|
3332
3344
|
return valueA.label > valueB.label ? 1 : -1;
|
|
3333
3345
|
};
|
|
3334
|
-
const $283508ffcf8a47c4$var$
|
|
3346
|
+
const $283508ffcf8a47c4$var$rice_studies = {
|
|
3335
3347
|
"1": {
|
|
3336
|
-
label: "
|
|
3337
|
-
type: "EMS"
|
|
3338
|
-
},
|
|
3339
|
-
"2": {
|
|
3340
|
-
label: "USDA Lubbock EMS",
|
|
3341
|
-
type: "EMS"
|
|
3342
|
-
},
|
|
3343
|
-
"3": {
|
|
3344
|
-
label: "Lozano",
|
|
3348
|
+
label: "3K-RG",
|
|
3345
3349
|
type: "NAT"
|
|
3350
|
+
}
|
|
3351
|
+
};
|
|
3352
|
+
const $283508ffcf8a47c4$var$study_info = {
|
|
3353
|
+
"sorghum_bicolor": {
|
|
3354
|
+
"1": {
|
|
3355
|
+
label: "Purdue EMS",
|
|
3356
|
+
type: "EMS"
|
|
3357
|
+
},
|
|
3358
|
+
"2": {
|
|
3359
|
+
label: "USDA Lubbock EMS",
|
|
3360
|
+
type: "EMS"
|
|
3361
|
+
},
|
|
3362
|
+
"3": {
|
|
3363
|
+
label: "Lozano",
|
|
3364
|
+
type: "NAT"
|
|
3365
|
+
},
|
|
3366
|
+
"4": {
|
|
3367
|
+
label: "USDA Lubbock EMS",
|
|
3368
|
+
type: "EMS"
|
|
3369
|
+
},
|
|
3370
|
+
"5": {
|
|
3371
|
+
label: "Boatwright SAP",
|
|
3372
|
+
type: "NAT"
|
|
3373
|
+
}
|
|
3346
3374
|
},
|
|
3347
|
-
"
|
|
3348
|
-
|
|
3349
|
-
|
|
3375
|
+
"oryza_sativa": {
|
|
3376
|
+
"7": {
|
|
3377
|
+
label: "3K-RG",
|
|
3378
|
+
type: "NAT"
|
|
3379
|
+
}
|
|
3350
3380
|
},
|
|
3351
|
-
"
|
|
3352
|
-
|
|
3353
|
-
|
|
3354
|
-
|
|
3381
|
+
"oryza_aus": $283508ffcf8a47c4$var$rice_studies,
|
|
3382
|
+
"oryza_sativa117425": $283508ffcf8a47c4$var$rice_studies,
|
|
3383
|
+
"oryza_sativa125827": $283508ffcf8a47c4$var$rice_studies,
|
|
3384
|
+
"oryza_sativaazucena": $283508ffcf8a47c4$var$rice_studies,
|
|
3385
|
+
"oryza_sativair64": $283508ffcf8a47c4$var$rice_studies,
|
|
3386
|
+
"oryza_sativamh63": $283508ffcf8a47c4$var$rice_studies,
|
|
3387
|
+
"oryza_sativazs97": $283508ffcf8a47c4$var$rice_studies
|
|
3355
3388
|
};
|
|
3356
3389
|
const $283508ffcf8a47c4$var$Detail = (props)=>{
|
|
3357
3390
|
const gene = props.geneDocs[props.searchResult.id];
|
|
@@ -3398,7 +3431,7 @@ const $283508ffcf8a47c4$var$Detail = (props)=>{
|
|
|
3398
3431
|
const germplasm = germplasmLUT[ens_id][0];
|
|
3399
3432
|
const accInfo = {
|
|
3400
3433
|
"Study/Population": {
|
|
3401
|
-
label: $283508ffcf8a47c4$var$study_info[parts[3]].label
|
|
3434
|
+
label: $283508ffcf8a47c4$var$study_info[parts[3]][parts[4]].label
|
|
3402
3435
|
},
|
|
3403
3436
|
"VEP consequence": {
|
|
3404
3437
|
label: parts[1].replaceAll("_", " ")
|
|
@@ -4333,6 +4366,73 @@ const $6c5c4f90059875bf$var$PanLink = (props)=>{
|
|
|
4333
4366
|
})
|
|
4334
4367
|
});
|
|
4335
4368
|
};
|
|
4369
|
+
const $6c5c4f90059875bf$var$CurationComponent1 = ({ curation: curation })=>{
|
|
4370
|
+
return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
|
|
4371
|
+
className: "gene-curation",
|
|
4372
|
+
children: [
|
|
4373
|
+
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
|
|
4374
|
+
children: "Curated gene structure"
|
|
4375
|
+
}),
|
|
4376
|
+
curation.okay > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
|
|
4377
|
+
className: "status",
|
|
4378
|
+
children: [
|
|
4379
|
+
"\u2714\uFE0F ",
|
|
4380
|
+
curation.okay
|
|
4381
|
+
]
|
|
4382
|
+
}),
|
|
4383
|
+
curation.flagged > -10 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
|
|
4384
|
+
className: "status",
|
|
4385
|
+
children: [
|
|
4386
|
+
"\u26A0\uFE0F ",
|
|
4387
|
+
curation.flagged
|
|
4388
|
+
]
|
|
4389
|
+
})
|
|
4390
|
+
]
|
|
4391
|
+
});
|
|
4392
|
+
};
|
|
4393
|
+
const $6c5c4f90059875bf$var$CurationComponent = ({ curation: curation, gene: gene })=>{
|
|
4394
|
+
const total = curation.okay + curation.flagged;
|
|
4395
|
+
const okayRatio = curation.okay / total;
|
|
4396
|
+
const flaggedRatio = curation.flagged / total;
|
|
4397
|
+
const tooltip = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Tooltip), {
|
|
4398
|
+
id: "tooltip",
|
|
4399
|
+
children: [
|
|
4400
|
+
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("strong", {
|
|
4401
|
+
children: "Gene structure"
|
|
4402
|
+
}),
|
|
4403
|
+
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
|
|
4404
|
+
"Okay: ",
|
|
4405
|
+
curation.okay,
|
|
4406
|
+
" \xa0 Flagged: ",
|
|
4407
|
+
curation.flagged
|
|
4408
|
+
]
|
|
4409
|
+
});
|
|
4410
|
+
return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.OverlayTrigger), {
|
|
4411
|
+
placement: "left",
|
|
4412
|
+
overlay: tooltip,
|
|
4413
|
+
children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("a", {
|
|
4414
|
+
className: "gene-curation",
|
|
4415
|
+
target: "_blank",
|
|
4416
|
+
href: `https://devdata.gramene.org/curation/curations?idList=${gene.id}`,
|
|
4417
|
+
children: [
|
|
4418
|
+
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
|
|
4419
|
+
className: "okay",
|
|
4420
|
+
style: {
|
|
4421
|
+
opacity: okayRatio
|
|
4422
|
+
},
|
|
4423
|
+
children: "\u2611"
|
|
4424
|
+
}),
|
|
4425
|
+
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
|
|
4426
|
+
className: "flagged",
|
|
4427
|
+
style: {
|
|
4428
|
+
opacity: flaggedRatio
|
|
4429
|
+
},
|
|
4430
|
+
children: "\u26A0"
|
|
4431
|
+
})
|
|
4432
|
+
]
|
|
4433
|
+
})
|
|
4434
|
+
});
|
|
4435
|
+
};
|
|
4336
4436
|
const $6c5c4f90059875bf$var$ClosestOrthologCmp = (props)=>{
|
|
4337
4437
|
let id, taxon_id, name, desc, species, className, identity;
|
|
4338
4438
|
const gene = props.gene;
|
|
@@ -4460,7 +4560,10 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
|
|
|
4460
4560
|
expandedDetail: props.expandedDetail
|
|
4461
4561
|
};
|
|
4462
4562
|
let hasData = {};
|
|
4463
|
-
props.searchResult.capabilities.forEach((c)=>
|
|
4563
|
+
props.searchResult.capabilities.forEach((c)=>{
|
|
4564
|
+
hasData[c] = true;
|
|
4565
|
+
if (c === "PanOryza") hasData.xrefs = true;
|
|
4566
|
+
});
|
|
4464
4567
|
this.state.details.forEach((d)=>d.available |= hasData.hasOwnProperty(d.id));
|
|
4465
4568
|
}
|
|
4466
4569
|
getDetailStatus(d) {
|
|
@@ -4504,6 +4607,7 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
|
|
|
4504
4607
|
const panSite = this.props.config.panSite;
|
|
4505
4608
|
const searchResult = this.props.searchResult;
|
|
4506
4609
|
const taxName = this.props.taxName;
|
|
4610
|
+
const curation = this.props.curation;
|
|
4507
4611
|
// let orthologs='';
|
|
4508
4612
|
// if (this.props.orthologs && this.props.orthologs.hasOwnProperty(searchResult.id)) {
|
|
4509
4613
|
// orthologs = this.props.orthologs[searchResult.id].join(', ');
|
|
@@ -4522,6 +4626,10 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
|
|
|
4522
4626
|
pan: panSite[searchResult.system_name],
|
|
4523
4627
|
gene: searchResult
|
|
4524
4628
|
}),
|
|
4629
|
+
curation && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($6c5c4f90059875bf$var$CurationComponent, {
|
|
4630
|
+
curation: curation,
|
|
4631
|
+
gene: searchResult
|
|
4632
|
+
}),
|
|
4525
4633
|
/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
|
|
4526
4634
|
className: "gene-title",
|
|
4527
4635
|
children: [
|
|
@@ -4630,6 +4738,7 @@ const $6c5c4f90059875bf$var$GeneList = (props)=>{
|
|
|
4630
4738
|
requestOrthologs: props.doRequestOrthologs,
|
|
4631
4739
|
orthologs: props.grameneOrthologs,
|
|
4632
4740
|
taxLut: props.grameneTaxonomy,
|
|
4741
|
+
curation: props.curatedGenes ? props.curatedGenes[g.id] : null,
|
|
4633
4742
|
expandedDetail: props.grameneSearch.response.numFound === 1 && g.can_show.homology ? "homology" : null
|
|
4634
4743
|
}, idx)),
|
|
4635
4744
|
prev,
|
|
@@ -4640,7 +4749,7 @@ const $6c5c4f90059875bf$var$GeneList = (props)=>{
|
|
|
4640
4749
|
}
|
|
4641
4750
|
return null;
|
|
4642
4751
|
};
|
|
4643
|
-
var $6c5c4f90059875bf$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)("selectConfiguration", "selectGrameneSearch", "selectGrameneTaxonomy", "selectGrameneGenes", "selectGrameneOrthologs", "selectGrameneSearchOffset", "selectGrameneSearchRows", "doRequestGrameneGene", "doRequestOrthologs", "doRequestResultsPage", $6c5c4f90059875bf$var$GeneList);
|
|
4752
|
+
var $6c5c4f90059875bf$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)("selectConfiguration", "selectGrameneSearch", "selectGrameneTaxonomy", "selectGrameneGenes", "selectGrameneOrthologs", "selectGrameneSearchOffset", "selectGrameneSearchRows", "selectCuratedGenes", "doRequestGrameneGene", "doRequestOrthologs", "doRequestResultsPage", $6c5c4f90059875bf$var$GeneList);
|
|
4644
4753
|
|
|
4645
4754
|
|
|
4646
4755
|
|