gramene-search 1.2.60 → 1.2.62

package/dist/index.js

@@ -7,10 +7,10 @@ var $gXNCa$gramenetaxonomywithgenomes = require("gramene-taxonomy-with-genomes")
 var $gXNCa$reactjsxruntime = require("react/jsx-runtime");
 var $gXNCa$reduxbundlerreact = require("redux-bundler-react");
 var $gXNCa$react = require("react");
+var $gXNCa$reactga = require("react-ga");
 var $gXNCa$reactbootstrap = require("react-bootstrap");
 var $gXNCa$reacticonsio5 = require("react-icons/io5");
 var $gXNCa$reacticonsbs = require("react-icons/bs");
-var $gXNCa$reactga = require("react-ga");
 var $gXNCa$reacticonsgr = require("react-icons/gr");
 var $gXNCa$gramenegenetreevis = require("gramene-genetree-vis");
 var $gXNCa$lodashkeyBy = require("lodash/keyBy");
@@ -18,7 +18,7 @@ var $gXNCa$reacticonsbi = require("react-icons/bi");
 var $gXNCa$lodashget = require("lodash/get");
 var $gXNCa$lodashisEqual = require("lodash/isEqual");
 var $gXNCa$flattonested = require("flat-to-nested");
-var $gXNCa$reacttreemenu = require("react-tree-menu");
+var $gXNCa$reactsimpletreemenu = require("react-simple-tree-menu");
 var $gXNCa$gramenedbxrefs = require("gramene-dbxrefs");
 var $gXNCa$gramenesearchvis = require("gramene-search-vis");
 var $gXNCa$numeral = require("numeral");
@@ -58,7 +58,7 @@ const $9d9aeaf9299e61a1$var$grameneSuggestions = (0, $gXNCa$reduxbundler.createA
     getPromise: ({ store: store  })=>{
         const t = store.selectSuggestionsQuery().replaceAll(":", " ").trim();
         const g = store.selectGrameneGenomes();
-        return fetch(`${store.selectGrameneAPI()}/suggest?q={!boost b=relevance}name:${t}^3 id:${t}^5 synonym:${t}^2 text:${t}*^1`).then((res)=>res.json()).then((suggestions)=>{
+        return fetch(`${store.selectGrameneAPI()}/suggest?q={!boost b=relevance}name:${t}^3 ids:${t}^5 synonym:${t}^2 text:${t}*^1`).then((res)=>res.json()).then((suggestions)=>{
             if (Object.keys(g.active).length > 0) suggestions.grouped.category.groups.forEach((group)=>{
                 group.doclist.docs.forEach((sugg)=>{
                     sugg.num_genes = 0;
@@ -177,6 +177,148 @@ $9d9aeaf9299e61a1$var$grameneExpressionAssays.reactGrameneExpressionAssays = (0,
         actionCreator: "doFetchGrameneExpressionAssays"
     };
 });
+const $9d9aeaf9299e61a1$var$attribFacetFields = [
+    "{!facet.limit='10' facet.mincount='1' key='age'}panset_age_attr_s",
+    "{!facet.limit='100' facet.mincount='1' key='taxa'}panset_ntaxa_attr_i",
+    "{!facet.limit='100' facet.mincount='1' key='AED' type='range' start=0 end=1.0 gap=0.25}MAKER_AED_attr_f",
+    "{!facet.limit='100' facet.mincount='1' key='QI2' type='range' start=0 end=1.0 gap=0.25}MAKER_QI2_attr_f",
+    "{!facet.limit='100' facet.mincount='1' key='QI3' type='range' start=0 end=1.0 gap=0.25}MAKER_QI3_attr_f",
+    "{!facet.limit='100' facet.mincount='1' key='QI4' type='range' start=0 end=1.0 gap=0.25}MAKER_QI4_attr_f",
+    "{!facet.limit='100' facet.mincount='1' key='QI5' type='range' start=0 end=1.0 gap=0.25}MAKER_QI5_attr_f",
+    "{!facet.limit='100' facet.mincount='1' key='QI6' type='range' start=0 end=1.0 gap=0.25}MAKER_QI6_attr_f"
+];
+const $9d9aeaf9299e61a1$var$attribFacets = {
+    "age": {
+        "type": "terms",
+        "field": "panset_age_attr_s"
+    },
+    "nTaxa": {
+        "type": "terms",
+        "field": "panset_ntaxa_attr_i",
+        "limit": 100
+    },
+    "AED": {
+        "type": "range",
+        "field": "MAKER_AED_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "QI2": {
+        "type": "range",
+        "field": "MAKER_QI2_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "QI3": {
+        "type": "range",
+        "field": "MAKER_QI3_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "QI4": {
+        "type": "range",
+        "field": "MAKER_QI4_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "QI5": {
+        "type": "range",
+        "field": "MAKER_QI5_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "QI6": {
+        "type": "range",
+        "field": "MAKER_QI6_attr_f",
+        "start": 0.0,
+        "end": 1.0,
+        "gap": 0.25
+    },
+    "byAge": {
+        "type": "terms",
+        "field": "panset_age_attr_s",
+        "facet": {
+            "nTaxa": {
+                "type": "terms",
+                "field": "panset_ntaxa_attr_i",
+                "limit": 100
+            },
+            "AED": {
+                "type": "range",
+                "field": "MAKER_AED_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            },
+            "QI2": {
+                "type": "range",
+                "field": "MAKER_QI2_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            },
+            "QI3": {
+                "type": "range",
+                "field": "MAKER_QI3_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            },
+            "QI4": {
+                "type": "range",
+                "field": "MAKER_QI4_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            },
+            "QI5": {
+                "type": "range",
+                "field": "MAKER_QI5_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            },
+            "QI6": {
+                "type": "range",
+                "field": "MAKER_QI6_attr_f",
+                "start": 0.0,
+                "end": 1.0,
+                "gap": 0.25
+            }
+        }
+    }
+};
+const $9d9aeaf9299e61a1$var$grameneGeneAttribs = (0, $gXNCa$reduxbundler.createAsyncResourceBundle)({
+    name: "grameneGeneAttribs",
+    actionBaseType: "GRAMENE_GENE_ATTRIBS",
+    persist: false,
+    getPromise: ({ store: store  })=>{
+        const g = store.selectGrameneGenomes();
+        const taxa = Object.keys(g.active);
+        let fq = "";
+        if (taxa.length) {
+            console.log("search add a fq for ", taxa);
+            fq = `&fq=taxon_id:(${taxa.join(" OR ")})`;
+        }
+        return fetch(`${store.selectGrameneAPI()}/search?q=${store.selectGrameneFiltersQueryString()}&json.facet=${JSON.stringify($9d9aeaf9299e61a1$var$attribFacets)}&rows=0${fq}`)// return fetch(`${store.selectGrameneAPI()}/search?rows=1&q=MAKER_AED_attr_f:*&json.facet=${JSON.stringify(attribFacets)}`)
+        .then((res)=>res.json()).then((res)=>{
+            return res.facets;
+        });
+    }
+});
+$9d9aeaf9299e61a1$var$grameneGeneAttribs.reactGrameneGeneAttribs = (0, $gXNCa$reduxbundler.createSelector)("selectGrameneGeneAttribsShouldUpdate", "selectGrameneFiltersStatus", "selectGrameneViews", (shouldUpdate, status, views)=>{
+    if (shouldUpdate && (status === "finished" || status === "ready")) {
+        const byId = (0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(views.options, "id");
+        if (byId.attribs.show === "on") return {
+            actionCreator: "doFetchGrameneGeneAttribs"
+        };
+    }
+});
 const $9d9aeaf9299e61a1$var$grameneSearch = (0, $gXNCa$reduxbundler.createAsyncResourceBundle)({
     name: "grameneSearch",
     actionBaseType: "GRAMENE_SEARCH",
@@ -356,7 +498,8 @@ $9d9aeaf9299e61a1$export$2e2bcd8739ae039 //, grameneExpressionStudies, grameneEx
     $9d9aeaf9299e61a1$var$grameneTaxonomy,
     $9d9aeaf9299e61a1$var$grameneTaxDist,
     $9d9aeaf9299e61a1$var$grameneOrthologs,
-    $9d9aeaf9299e61a1$var$curatedGenes
+    $9d9aeaf9299e61a1$var$curatedGenes,
+    $9d9aeaf9299e61a1$var$grameneGeneAttribs
 ];
 
 
@@ -995,6 +1138,11 @@ const $24971af0a229e0e3$var$grameneViews = {
                     id: "list",
                     name: "Gene list",
                     show: "on"
+                },
+                {
+                    id: "attribs",
+                    name: "Gene attributes",
+                    show: "off"
                 }
             ]
         };
@@ -1497,6 +1645,7 @@ var $27617dbc24e7faf0$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+
 function $541b8b0d8c5501d2$var$showMatches(text, x) {
     let re = new RegExp(`(${x})`, "ig");
     let match = text.split(re);
@@ -1515,6 +1664,13 @@ function $541b8b0d8c5501d2$var$showMatches(text, x) {
         })
     });
 }
+function $541b8b0d8c5501d2$var$logAction(sugg) {
+    (0, ($parcel$interopDefault($gXNCa$reactga))).event({
+        category: "Search",
+        action: "SetFilter",
+        label: sugg.name
+    });
+}
 const $541b8b0d8c5501d2$var$Suggestions = (props)=>{
     let suggestions = props.grameneSuggestions;
     if (suggestions && suggestions.grouped) {
@@ -1551,6 +1707,7 @@ const $541b8b0d8c5501d2$var$Suggestions = (props)=>{
                         size: "sm",
                         variant: "outline-secondary",
                         onClick: ()=>{
+                            $541b8b0d8c5501d2$var$logAction(sugg1);
                             props.doAcceptSuggestion(sugg1);
                             props.doAcceptGrameneSuggestion(sugg1);
                         },
@@ -1561,6 +1718,7 @@ const $541b8b0d8c5501d2$var$Suggestions = (props)=>{
                         size: "sm",
                         variant: "outline-secondary",
                         onClick: ()=>{
+                            $541b8b0d8c5501d2$var$logAction(sugg2);
                             props.doAcceptSuggestion(sugg2);
                             props.doAcceptGrameneSuggestion(sugg2);
                         },
@@ -1586,6 +1744,7 @@ const $541b8b0d8c5501d2$var$Suggestions = (props)=>{
                                 size: "sm",
                                 variant: "outline-secondary",
                                 onClick: ()=>{
+                                    $541b8b0d8c5501d2$var$logAction(sugg);
                                     props.doAcceptSuggestion(sugg);
                                     props.doAcceptGrameneSuggestion(sugg);
                                 },
@@ -2368,6 +2527,7 @@ var $264d7db426cab787$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+
 var $54c74a4689d5a778$var$reactomeURL = "https://plantreactome.gramene.org";
 class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
     constructor(props){
@@ -2412,10 +2572,10 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
                 0
             ];
             let parent = node;
-            while(node.children){
+            while(node.nodes){
                 path.push(0);
                 parent = node;
-                node = node.children[0];
+                node = node.nodes[0];
             }
             console.log(parent, node, path);
             this.loadNodes(path);
@@ -2468,6 +2628,7 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
                     let parentOffset = line.length - 2;
                     nodes.push({
                         id: pwyId,
+                        key: pwyId,
                         label: pwy.name,
                         type: pwy.type,
                         checkbox: false,
@@ -2477,7 +2638,9 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
                 });
             }
         });
-        let nested = new (0, ($parcel$interopDefault($gXNCa$flattonested)))().convert(nodes);
+        let nested = new (0, ($parcel$interopDefault($gXNCa$flattonested)))({
+            children: "nodes"
+        }).convert(nodes);
         this.setState({
             hierarchy: [
                 nested
@@ -2485,6 +2648,29 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
             selectedNode: undefined
         });
     }
+    possiblyLoadNodes(node) {
+        if (!node.selected) {
+            let selectedNode = this.state.selectedNode;
+            selectedNode.selected = false;
+            node.selected = true;
+            selectedNode = node;
+            if (node.type === "Pathway") {
+                let pathway = this.stableId(node.id);
+                this.loadDiagram(pathway);
+            } else {
+                let reaction = this.stableId(node.id);
+                let pathway1 = this.stableId(node.parent.split("/").pop());
+                if (this.loadedDiagram === pathway1) this.diagram.selectItem(reaction);
+                else {
+                    if (this.diagram) this.diagram.resetSelection();
+                    this.loadDiagram(pathway1, reaction);
+                }
+            }
+            this.setState({
+                selectedNode: selectedNode
+            });
+        }
+    }
     loadNodes(nodes) {
         let hierarchy = this.state.hierarchy;
         let selectedNode = this.state.selectedNode;
@@ -2493,10 +2679,10 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
         let lineage = [
             nodeRef
         ];
-        nodes.forEach(function(n) {
-            nodeRef = nodeRef.children[n];
+        while(nodeRef.nodes){
+            nodeRef = nodeRef.nodes[0];
             lineage.unshift(nodeRef);
-        });
+        }
         if (lineage[0].id !== 2894885) {
             let pathway = this.stableId(lineage[0].id);
             let reaction = undefined;
@@ -2532,14 +2718,36 @@ class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$
         }
     }
     renderHierarchy() {
-        if (this.state.hierarchy) return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacttreemenu.TreeMenu), {
-            data: this.state.hierarchy,
-            expandIconClass: "fa fa-chevron-right",
-            collapseIconClass: "fa fa-chevron-down",
-            stateful: true,
-            collapsible: true,
-            onTreeNodeClick: this.loadNodes.bind(this)
-        });
+        if (this.state.hierarchy) {
+            let path = [];
+            let allPaths = [];
+            let nodes = this.state.hierarchy;
+            while(nodes){
+                path.push(nodes[0].key);
+                allPaths.push(path.join("/"));
+                if (nodes[0].hasOwnProperty("nodes")) nodes = nodes[0].nodes;
+                else nodes = undefined;
+            }
+            // console.log(path);
+            return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$reactsimpletreemenu))), {
+                data: this.state.hierarchy,
+                hasSearch: false,
+                onClickItem: (item)=>this.possiblyLoadNodes(item),
+                onClickItemx: (item)=>console.log("onClickItem", item),
+                initialActiveKey: path.join("/"),
+                initialOpenNodes: allPaths
+            });
+        // return (
+        //   <TreeMenu
+        //     data={this.state.hierarchy}
+        //     expandIconClass="fa fa-chevron-right"
+        //     collapseIconClass="fa fa-chevron-down"
+        //     stateful={true}
+        //     collapsible={true}
+        //     onTreeNodeClick={this.loadNodes.bind(this)}
+        //   />
+        // );
+        }
         return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Spinner), {});
     }
     updateQuery() {
@@ -3069,6 +3277,11 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
             else {
                 const geneId = this.props.searchResult.id;
                 if (!(this.props.geneDocs && this.props.geneDocs.hasOwnProperty(geneId))) this.props.requestGene(geneId);
+                (0, ($parcel$interopDefault($gXNCa$reactga))).event({
+                    category: "Search",
+                    action: "Details",
+                    label: d.label
+                });
                 this.setState({
                     expandedDetail: d.id
                 });
@@ -3106,28 +3319,25 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
                         /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
                             className: "result-gene-title-body",
                             children: [
-                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("h3", {
+                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
                                     className: "gene-title",
                                     children: [
-                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                                            className: "gene-name",
-                                            children: searchResult.name
+                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                            className: "gene-species",
+                                            children: taxName
                                         }),
-                                        searchResult.id !== searchResult.name && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("small", {
-                                            className: "gene-id",
+                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("h3", {
+                                            className: "gene-name",
                                             children: [
-                                                " ",
-                                                searchResult.id
+                                                searchResult.name,
+                                                searchResult.id !== searchResult.name && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("small", {
+                                                    className: "gene-id",
+                                                    children: [
+                                                        "\xa0",
+                                                        searchResult.id
+                                                    ]
+                                                })
                                             ]
-                                        }),
-                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$reactga))).OutboundLink, {
-                                            eventLabel: searchResult.system_name,
-                                            to: `${ensemblURL}/${searchResult.system_name}/Info/Index`,
-                                            className: "external-link",
-                                            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("small", {
-                                                className: "gene-species",
-                                                children: taxName
-                                            })
                                         })
                                     ]
                                 }),
@@ -3572,6 +3782,26 @@ var $b36244140732570a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+class $67bf5a43401bffdc$var$GeneAttribs extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
+    constructor(props){
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+            className: "gramene-attribs",
+            children: this.props.grameneGeneAttribs && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("pre", {
+                children: "hi"
+            })
+        });
+    }
+}
+var $67bf5a43401bffdc$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)("selectGrameneGeneAttribs", $67bf5a43401bffdc$var$GeneAttribs);
+
+
+
+
+
 
 class $76e15aea9236bd47$var$TaxonomyModal extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
     constructor(props){
@@ -3682,10 +3912,12 @@ var $76e15aea9236bd47$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+
 const $693dd8c7a5607c3a$var$inventory = {
     help: (0, $b36244140732570a$export$2e2bcd8739ae039),
     list: (0, $6c5c4f90059875bf$export$2e2bcd8739ae039),
-    taxonomy: (0, $a67cad486021eb32$export$2e2bcd8739ae039)
+    taxonomy: (0, $a67cad486021eb32$export$2e2bcd8739ae039),
+    attribs: (0, $67bf5a43401bffdc$export$2e2bcd8739ae039)
 };
 const $693dd8c7a5607c3a$var$StatusCmp = (props)=>{
     let content = props.grameneFiltersStatus;
@@ -3767,6 +3999,12 @@ const $693dd8c7a5607c3a$var$handleClick = (e, moveCopyMode, showMarked, node, ac
     }
     console.log(node, showMarked);
 };
+function $693dd8c7a5607c3a$var$logAction(action) {
+    (0, ($parcel$interopDefault($gXNCa$reactga))).event({
+        category: "Search",
+        action: action
+    });
+}
 const $693dd8c7a5607c3a$var$Filter = ({ node: node , moveCopyMode: moveCopyMode , showMarked: showMarked , actions: actions  })=>{
     let classes = "gramene-filter gramene-filter";
     if (node.operation) classes = `${classes}-${node.operation}`;
@@ -3779,7 +4017,10 @@ const $693dd8c7a5607c3a$var$Filter = ({ node: node , moveCopyMode: moveCopyMode
         let key = 1;
         let menuItems = [];
         if (node.hasOwnProperty("operation")) menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
-            onClick: ()=>actions.changeOperation(node),
+            onClick: ()=>{
+                $693dd8c7a5607c3a$var$logAction(`Change to ${node.operation}`);
+                actions.changeOperation(node);
+            },
             children: [
                 "convert to ",
                 /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("i", {
@@ -3789,18 +4030,27 @@ const $693dd8c7a5607c3a$var$Filter = ({ node: node , moveCopyMode: moveCopyMode
         }, key++));
         if (node.leftIdx > 0) {
             menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
-                onClick: ()=>actions.deleteNode(node),
+                onClick: ()=>{
+                    $693dd8c7a5607c3a$var$logAction(`Delete filter`);
+                    actions.deleteNode(node);
+                },
                 children: "delete"
             }, key++));
             menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
-                onClick: ()=>actions.markTargets(node, "move"),
+                onClick: ()=>{
+                    $693dd8c7a5607c3a$var$logAction(`Move filter`);
+                    actions.markTargets(node, "move");
+                },
                 children: [
                     "move",
                     node.isSource && " select destination"
                 ]
             }, key++));
             menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
-                onClick: ()=>actions.markTargets(node, "copy"),
+                onClick: ()=>{
+                    $693dd8c7a5607c3a$var$logAction(`Copy filter`);
+                    actions.markTargets(node, "copy");
+                },
                 children: [
                     "copy",
                     node.isSource && " select destination"
@@ -3808,7 +4058,10 @@ const $693dd8c7a5607c3a$var$Filter = ({ node: node , moveCopyMode: moveCopyMode
             }, key++));
         }
         menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
-            onClick: ()=>actions.negate(node),
+            onClick: ()=>{
+                $693dd8c7a5607c3a$var$logAction(`Negate filter`);
+                actions.negate(node);
+            },
             children: "negate"
         }, key++));
         menu = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {