gramene-search 1.2.84 → 1.2.86

package/dist/index.js

@@ -21,6 +21,7 @@ var $gXNCa$lodashisEqual = require("lodash/isEqual");
 var $gXNCa$flattonested = require("flat-to-nested");
 var $gXNCa$reactsimpletreemenu = require("react-simple-tree-menu");
 var $gXNCa$gramenedbxrefs = require("gramene-dbxrefs");
+var $gXNCa$reacticonsai = require("react-icons/ai");
 var $gXNCa$gramenesearchvis = require("gramene-search-vis");
 var $gXNCa$numeral = require("numeral");
 
@@ -133,7 +134,15 @@ const $9d9aeaf9299e61a1$var$grameneMaps = (0, $gXNCa$reduxbundler.createAsyncRes
     actionBaseType: "GRAMENE_MAPS",
     persist: true,
     getPromise: ({ store: store  })=>{
-        return fetch(`${store.selectGrameneAPI()}/maps?rows=-1`).then((res)=>res.json()).then((maps)=>(0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(maps, "taxon_id"));
+        return fetch(`${store.selectGrameneAPI()}/maps?rows=-1`).then((res)=>res.json()).then((maps)=>{
+            maps.forEach((m)=>{
+                m.regionLength = {};
+                m.regions.names.forEach((rname, idx)=>{
+                    m.regionLength[rname] = m.regions.lengths[idx];
+                });
+            });
+            return (0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(maps, "taxon_id");
+        });
     }
 });
 $9d9aeaf9299e61a1$var$grameneMaps.reactGrameneMaps = (0, $gXNCa$reduxbundler.createSelector)("selectGrameneMapsShouldUpdate", (shouldUpdate)=>{
@@ -1197,7 +1206,9 @@ const $671312b287158a8a$var$grameneDocs = {
             trees: {},
             domains: {},
             pathways: {},
-            expression: {}
+            expression: {},
+            sequences: {},
+            studies: {}
         };
         return (state = initialState, { type: type , payload: payload  })=>{
             let newState;
@@ -1236,6 +1247,33 @@ const $671312b287158a8a$var$grameneDocs = {
                     newState = Object.assign({}, state);
                     newState.pathways = Object.assign({}, state.pathways, payload);
                     return newState;
+                case "ATLAS_STUDIES_RECEIVED":
+                    newState = Object.assign({}, state);
+                    newState.studies = Object.assign({}, state.studies, payload);
+                    return newState;
+                case "ATLAS_SAMPLES_REQUESTED":
+                    if (!state.studies[payload].hasOwnProperty("samples")) {
+                        newState = Object.assign({}, state);
+                        newState.studies[payload].samples = [];
+                        return newState;
+                    }
+                    break;
+                case "ATLAS_SAMPLES_RECEIVED":
+                    newState = Object.assign({}, state);
+                    newState.studies[payload.id].samples = payload.samples;
+                    return newState;
+                case "GENE_SEQUENCE_REQUESTED":
+                    if (!state.sequences.hasOwnProperty(payload)) {
+                        newState = Object.assign({}, state);
+                        newState.sequences[payload] = {};
+                        return newState;
+                    }
+                    break;
+                case "GENE_SEQUENCE_RECEIVED":
+                    newState = Object.assign({}, state);
+                    newState.sequences = Object.assign({}, state.sequences);
+                    newState.sequences[payload.id] = payload.geneSeq;
+                    return newState;
                 case "PARALOG_EXPRESSION_REQUESTED":
                     if (!state.expression.hasOwnProperty(payload)) {
                         newState = Object.assign({}, state);
@@ -1307,6 +1345,7 @@ const $671312b287158a8a$var$grameneDocs = {
                     type: "GRAMENE_PATHWAYS_REQUESTED",
                     payload: newIds
                 });
+                if (newIds.length === 1) newIds.push(0);
                 fetch(`${store.selectGrameneAPI()}/pathways?idList=${newIds.join(",")}`).then((res)=>res.json()).then((res)=>{
                     let pathways = {};
                     res.forEach((p)=>{
@@ -1319,6 +1358,66 @@ const $671312b287158a8a$var$grameneDocs = {
                 });
             }
         },
+    doRequestExpressionStudies: (id)=>({ dispatch: dispatch , store: store  })=>{
+            fetch(`${store.selectGrameneAPI()}/experiments?rows=-1`).then((res)=>res.json()).then((res)=>{
+                let studies = {};
+                res.forEach((s)=>{
+                    studies[s._id] = s;
+                    if (!studies.hasOwnProperty("taxon_id")) studies[s.taxon_id] = [];
+                    studies[s.taxon_id].push(s._id);
+                });
+                dispatch({
+                    type: "ATLAS_STUDIES_RECEIVED",
+                    payload: studies
+                });
+            });
+        },
+    doRequestStudyMetadata: (id)=>({ dispatch: dispatch , store: store  })=>{
+            const studies = store.selectAtlasStudies();
+            if (!studies[id].hasOwnProperty("samples")) {
+                dispatch({
+                    type: "ATLAS_SAMPLES_REQUESTED",
+                    payload: id
+                });
+                fetch(`${store.selectGrameneAPI()}/assays?experiment=${id}&rows=-1`).then((res)=>res.json()).then((samples)=>{
+                    dispatch({
+                        type: "ATLAS_SAMPLES_RECEIVED",
+                        payload: {
+                            id: id,
+                            samples: samples
+                        }
+                    });
+                });
+            }
+        },
+    doRequestGeneSequence: (gene)=>({ dispatch: dispatch , store: store  })=>{
+            const maps = store.selectGrameneMaps();
+            const seqs = store.selectGeneSequences();
+            const id = gene._id;
+            const MAX_FLANK = 2000;
+            if (!seqs.hasOwnProperty(id)) {
+                dispatch({
+                    type: "GENE_SEQUENCE_REQUESTED",
+                    payload: id
+                });
+                const start = gene.location.start > MAX_FLANK ? gene.location.start - MAX_FLANK : 1;
+                const dnaLength = maps[gene.taxon_id].regionLength[gene.location.region];
+                const end = gene.location.end + MAX_FLANK > dnaLength ? dnaLength : gene.location.end + MAX_FLANK;
+                fetch(`${store.selectEnsemblAPI()}/sequence/region/${gene.system_name}/${gene.location.region}:${start}..${end}:${gene.location.strand}?content-type=application/json`).then((res)=>res.json()).then((geneSeq)=>{
+                    const x = geneSeq.id.split(":");
+                    geneSeq.genome = x[1];
+                    geneSeq.start = +x[3];
+                    geneSeq.end = +x[4];
+                    dispatch({
+                        type: "GENE_SEQUENCE_RECEIVED",
+                        payload: {
+                            id: id,
+                            geneSeq: geneSeq
+                        }
+                    });
+                });
+            }
+        },
     doRequestParalogExpression: (id)=>({ dispatch: dispatch , store: store  })=>{
             const expr = store.selectParalogExpression();
             if (!expr.hasOwnProperty(id)) {
@@ -1370,7 +1469,9 @@ const $671312b287158a8a$var$grameneDocs = {
     selectGrameneGenes: (state)=>state.grameneDocs.genes,
     selectGrameneTrees: (state)=>state.grameneDocs.trees,
     selectGramenePathways: (state)=>state.grameneDocs.pathways,
-    selectParalogExpression: (state)=>state.grameneDocs.expression
+    selectParalogExpression: (state)=>state.grameneDocs.expression,
+    selectGeneSequences: (state)=>state.grameneDocs.sequences,
+    selectAtlasStudies: (state)=>state.grameneDocs.studies
 };
 var $671312b287158a8a$export$2e2bcd8739ae039 = $671312b287158a8a$var$grameneDocs;
 
@@ -3183,6 +3284,357 @@ var $830f925242a0b007$export$2e2bcd8739ae039 = $830f925242a0b007$var$Publication
 
 
 
+
+
+
+
+const $527ebc19dc92444d$var$CodeBlock = (props)=>{
+    const plainFasta = `>${props.id}\n${props.seq}`;
+    const [showNotification, setShowNotification] = (0, $gXNCa$react.useState)(false);
+    const copyCode = ()=>{
+        // Use the Clipboard API to write text to the clipboard
+        navigator.clipboard.writeText(plainFasta).then(()=>{
+            setShowNotification(true);
+        }).catch((err)=>{
+            console.error("Unable to copy to clipboard", err);
+        });
+    };
+    (0, $gXNCa$react.useEffect)(()=>{
+        if (showNotification) {
+            const notificationTimeout = setTimeout(()=>{
+                setShowNotification(false);
+            }, 2000); // Hide the notification after 2 seconds
+            return ()=>clearTimeout(notificationTimeout);
+        }
+    }, [
+        showNotification
+    ]);
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        className: "fasta-container",
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("code", {
+                className: "fasta",
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
+                        children: "Key:"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "upstream",
+                        children: "--upstream--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "utr5",
+                        children: "--5'UTR--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "cds",
+                        children: "--Coding exon--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "intron",
+                        children: "--intron--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "cds",
+                        children: "--Coding exon--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "utr3",
+                        children: "--3'UTR--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "downstream",
+                        children: "--downstream--"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {})
+                ]
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("code", {
+                className: "fasta",
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
+                        className: "header",
+                        children: [
+                            ">",
+                            props.id
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
+                    props.blocks.map((block, idx)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                            className: block.kind,
+                            children: block.seq
+                        }, idx))
+                ]
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("button", {
+                className: "copy-button",
+                onClick: copyCode,
+                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsai.AiOutlineCopy), {})
+            }),
+            showNotification && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                className: "notification",
+                children: "Sequence copied"
+            })
+        ]
+    });
+};
+const $527ebc19dc92444d$var$decorateDNA = (geneSeq, gene, up, down, tid)=>{
+    // return a list of blocks with kind and seq properties
+    let blocks = [];
+    const transcript = gene.gene_structure.transcripts.find((tr)=>tr.id === tid);
+    const offset = gene.location.strand === 1 ? gene.location.start - geneSeq.start : geneSeq.end - gene.location.end;
+    if (up > 0) {
+        const TSS = gene.gene_structure.exons.find((exon)=>exon.id === transcript.exons[0]).start;
+        blocks.push({
+            kind: "upstream",
+            seq: geneSeq.seq.substring(offset - up + TSS - 1, offset + TSS - 1).toLowerCase()
+        });
+    }
+    // add exons and introns based on tid
+    let pos_in_transcript = 0;
+    let pos_in_gene = 0;
+    let blockType = "utr5";
+    transcript.exons.forEach((eid, e_idx)=>{
+        const exon = gene.gene_structure.exons.find((exon)=>exon.id === eid);
+        if (exon.start > 1) {
+            let intronBlock = {
+                kind: "intron",
+                seq: geneSeq.seq.substring(offset + pos_in_gene, offset + exon.start - 1).toLowerCase()
+            };
+            // actually, don't do this blocks.push(intronBlock);
+            pos_in_gene = exon.start - 1;
+        }
+        let exon_length = exon.end - exon.start + 1;
+        if (transcript.cds && pos_in_transcript < transcript.cds.start && pos_in_transcript + exon_length >= transcript.cds.start) {
+            // CDS starts in this exon
+            const utr5_len = transcript.cds.start - pos_in_transcript - 1;
+            if (utr5_len > 0) {
+                blocks.push({
+                    kind: blockType,
+                    seq: geneSeq.seq.substring(offset + pos_in_gene, offset + pos_in_gene + utr5_len)
+                });
+                exon_length -= utr5_len;
+                pos_in_gene += utr5_len;
+                pos_in_transcript = transcript.cds.start - 1;
+            }
+            blockType = "cds";
+        }
+        if (blockType === "cds" && pos_in_transcript + exon_length >= transcript.cds.end) {
+            // CDS ends in this exon
+            const cds_len = transcript.cds.end - pos_in_transcript;
+            if (cds_len > 0) {
+                blocks.push({
+                    kind: blockType,
+                    seq: geneSeq.seq.substring(offset + pos_in_gene, offset + pos_in_gene + cds_len)
+                });
+                exon_length -= cds_len;
+                pos_in_gene += cds_len;
+                pos_in_transcript = transcript.cds.end;
+            }
+            blockType = "utr3";
+        }
+        if (exon_length > 0) blocks.push({
+            kind: blockType,
+            seq: geneSeq.seq.substring(offset + pos_in_gene, offset + pos_in_gene + exon_length)
+        });
+        pos_in_gene = exon.end;
+        pos_in_transcript += exon_length;
+    });
+    // check if there's more to the gene locus after end of transcript?
+    // downstream is currently relative to end of transcript but upstream is relative to first TSS
+    if (down > 0) blocks.push({
+        kind: "downstream",
+        seq: geneSeq.seq.substring(offset + pos_in_gene, offset + pos_in_gene + down).toLowerCase()
+    });
+    return blocks;
+};
+const $527ebc19dc92444d$var$buildId = (gene, geneSeq, up, down)=>{
+    let gs = gene.location.strand === 1 ? gene.location.start - up : gene.location.start - down;
+    let ge = gene.location.strand === 1 ? gene.location.end + down : gene.location.end + up;
+    let extras = [];
+    if (gene.location.strand === -1) extras.push("reverse");
+    if (up > 0) extras.push(`upstream=${up}`);
+    if (down > 0) extras.push(`downstream=${down}`);
+    return `${geneSeq.genome}|${gene._id}|${gene.location.region}:${gs}..${ge} ${extras.join("|")}`;
+};
+const $527ebc19dc92444d$var$Detail = (props)=>{
+    const gene = props.geneDocs[props.searchResult.id];
+    let geneSeq;
+    if (props.geneSequences && props.geneSequences[gene._id]) geneSeq = props.geneSequences[gene._id];
+    else {
+        props.doRequestGeneSequence(gene);
+        return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("pre", {
+            children: "loading"
+        });
+    }
+    const maxUp = gene.location.strand === 1 ? gene.location.start - geneSeq.start : geneSeq.end - gene.location.end;
+    const maxDown = gene.location.strand === -1 ? gene.location.start - geneSeq.start : geneSeq.end - gene.location.end;
+    const [upstream, setUpstream] = (0, $gXNCa$react.useState)(0);
+    const [downstream, setDownstream] = (0, $gXNCa$react.useState)(0);
+    const [tid, setTid] = (0, $gXNCa$react.useState)(gene.gene_structure.canonical_transcript);
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Tabs), {
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Tab), {
+                tabClassName: "dna",
+                eventKey: "dna",
+                title: "Genomic sequence",
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Container), {
+                        style: {
+                            width: "100ch",
+                            marginLeft: 0
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Row), {
+                                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Col), {
+                                    children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
+                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("i", {
+                                            children: "Show flanking sequence"
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Row), {
+                                children: [
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Col), {
+                                        style: {
+                                            maxWidth: "5ch",
+                                            textAlign: "right"
+                                        },
+                                        children: upstream
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Col), {
+                                        style: {
+                                            maxWidth: "20ch"
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Range, {
+                                                className: "reverse-slide",
+                                                value: upstream,
+                                                onChange: (e)=>setUpstream(e.target.value),
+                                                min: 0,
+                                                max: maxUp,
+                                                step: 10
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                style: {
+                                                    textAlign: "right"
+                                                },
+                                                children: "Upstream"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Col), {
+                                        style: {
+                                            maxWidth: "30ch"
+                                        },
+                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                                            className: "styled-span",
+                                            children: [
+                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                    className: "vertical-line"
+                                                }),
+                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                    className: "horizontal-line"
+                                                }),
+                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                                                    children: "Transcript (unspliced)"
+                                                }),
+                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                    className: "horizontal-line"
+                                                }),
+                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                    className: "vertical-line"
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Col), {
+                                        style: {
+                                            maxWidth: "20ch"
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Range, {
+                                                value: downstream,
+                                                onChange: (e)=>setDownstream(e.target.value),
+                                                min: 0,
+                                                max: maxDown,
+                                                step: 10
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                                style: {
+                                                    textAlign: "left"
+                                                },
+                                                children: "Downstream"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Col), {
+                                        style: {
+                                            maxWidth: "5ch",
+                                            textAlign: "left"
+                                        },
+                                        children: downstream
+                                    })
+                                ]
+                            }),
+                            gene.gene_structure.transcripts.length > 1 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Row), {
+                                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Col), {
+                                    children: [
+                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
+                                            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("i", {
+                                                children: "Highlight transcript"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
+                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.ButtonGroup), {
+                                            children: gene.gene_structure.transcripts.sort((a, b)=>a.id.localeCompare(b.id)).map((tr, idx)=>{
+                                                let v = tr.id === gene.gene_structure.canonical_transcript ? "primary" : "secondary";
+                                                if (tr.id !== tid) v = `outline-${v}`;
+                                                return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.ToggleButton), {
+                                                    variant: v,
+                                                    id: `radio-${idx}`,
+                                                    type: "radio",
+                                                    name: tr.id,
+                                                    value: tr.id,
+                                                    checked: tr.id === tid,
+                                                    onChange: (e)=>setTid(e.currentTarget.value),
+                                                    children: tr.id
+                                                }, idx);
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    geneSeq && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($527ebc19dc92444d$var$CodeBlock, {
+                        id: $527ebc19dc92444d$var$buildId(gene, geneSeq, +upstream, +downstream),
+                        seq: geneSeq.seq.substring(maxUp - +upstream, maxUp + gene.location.end - gene.location.start + 1 + +downstream),
+                        blocks: $527ebc19dc92444d$var$decorateDNA(geneSeq, gene, +upstream, +downstream, tid)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
+                tabClassName: "cdna",
+                eventKey: "cdna",
+                title: "Transcript sequence"
+            }),
+            gene.biotype === "protein_coding" && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
+                tabClassName: "pep",
+                eventKey: "pep",
+                title: "Peptide sequence"
+            })
+        ]
+    });
+};
+var $527ebc19dc92444d$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)("selectConfiguration", "selectGeneSequences", "doRequestGeneSequence", $527ebc19dc92444d$var$Detail);
+
+
+
+
+
 let $6c5c4f90059875bf$var$external = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("small", {
     title: "This link opens a page from an external site",
     children: [
@@ -3193,6 +3645,7 @@ let $6c5c4f90059875bf$var$external = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.js
     ]
 });
 let $6c5c4f90059875bf$var$inventory = {
+    sequences: (0, $527ebc19dc92444d$export$2e2bcd8739ae039),
     location: (0, $264d7db426cab787$export$2e2bcd8739ae039),
     expression: (0, $9e29a4f60318db7a$export$2e2bcd8739ae039),
     homology: (0, $64fad37f770d2bfe$export$2e2bcd8739ae039),
@@ -3315,6 +3768,12 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
         super(props);
         this.state = {
             details: [
+                {
+                    id: "sequences",
+                    label: "Sequences",
+                    popup: "Gene/cDNA/protein fasta",
+                    available: true
+                },
                 {
                     id: "location",
                     label: "Location",
@@ -3356,7 +3815,7 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
         };
         let hasData = {};
         props.searchResult.capabilities.forEach((c)=>hasData[c] = true);
-        this.state.details.forEach((d)=>d.available = hasData.hasOwnProperty(d.id));
+        this.state.details.forEach((d)=>d.available |= hasData.hasOwnProperty(d.id));
     }
     getDetailStatus(d) {
         if (this.state.expandedDetail === d.id) return "expanded";