gramene-search 1.6.25 → 1.6.27

package/.parcel-cache/snapshot-dc1da35000e13623.txt

@@ -1,2 +1,2 @@
-64260376
-1746630965227134000
+164935289
+1749746396350714000

package/dist/index.js

@@ -13,6 +13,8 @@ var $gXNCa$reactswitch = require("react-switch");
 var $gXNCa$reacticonsio5 = require("react-icons/io5");
 var $gXNCa$reacticonsbs = require("react-icons/bs");
 var $gXNCa$reacticonsgr = require("react-icons/gr");
+var $gXNCa$reactbootstraptypeahead = require("react-bootstrap-typeahead");
+require("react-bootstrap-typeahead/css/Typeahead.css");
 var $gXNCa$grameneefpbrowser = require("gramene-efp-browser");
 var $gXNCa$gramenegenetreevis = require("gramene-genetree-vis");
 var $gXNCa$lodashkeyBy = require("lodash/keyBy");
@@ -2209,46 +2211,19 @@ var $541b8b0d8c5501d2$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+
+
 
 function $9e29a4f60318db7a$var$DynamicIframe(props) {
     // Create a ref for the iframe element
     const iframeRef = (0, $gXNCa$react.useRef)(null);
-    // Function to resize iframe height
-    const resizeIframe = ()=>{
-        if (iframeRef.current) {
-            const iframe = iframeRef.current;
-            const innerDoc = iframe.contentDocument || iframe.contentWindow.document;
-            iframe.style.height = 44 + innerDoc.body.scrollHeight + 'px';
-        }
-    };
-    // Resize iframe when content loads
-    (0, $gXNCa$react.useEffect)(()=>{
-        resizeIframe();
-    }, []); // Empty dependency array ensures it only runs once after initial render
-    // Optional: Resize iframe when window is resized
-    (0, $gXNCa$react.useEffect)(()=>{
-        window.addEventListener('resize', resizeIframe);
-        return ()=>{
-            window.removeEventListener('resize', resizeIframe);
-        };
-    }, []); // Empty dependency array ensures it only runs once after initial render
-    // Resize iframe when content changes
+    const [iframeHeight, setIframeHeight] = (0, $gXNCa$react.useState)(500); // Default height
     (0, $gXNCa$react.useEffect)(()=>{
-        const iframe = iframeRef.current;
-        if (!iframe) return;
-        const observer = new MutationObserver(resizeIframe);
-        const checkElement = ()=>{
-            const innerDoc = iframe.contentDocument || iframe.contentWindow.document;
-            const targetElement = innerDoc.querySelector('#heatmapContainer');
-            if (targetElement) observer.observe(targetElement, {
-                attributes: true,
-                childList: true,
-                subtree: true
-            });
-            else setTimeout(checkElement, 200); // Check again after 100 milliseconds
+        const handleMessage = (event)=>{
+            if (event.data.type === 'heightChange') setIframeHeight(event.data.height + 44);
         };
-        checkElement();
-        return ()=>observer.disconnect();
+        window.addEventListener("message", handleMessage);
+        return ()=>window.removeEventListener("message", handleMessage);
     }, []);
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("iframe", {
         ref: iframeRef,
@@ -2256,6 +2231,7 @@ function $9e29a4f60318db7a$var$DynamicIframe(props) {
         title: "Dynamic Iframe",
         style: {
             width: '100%',
+            height: `${iframeHeight}px`,
             border: 'none'
         }
     });
@@ -2271,7 +2247,11 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
     (0, $gXNCa$react.useEffect)(()=>{
         const tid = Math.floor(gene.taxon_id / 1000);
         if (props.expressionStudies[tid]) {
-            let eList = props.expressionStudies[tid].filter((e)=>e.type === "Baseline");
+            let eList = props.expressionStudies[tid];
+            if (props.searchResult.hasOwnProperty('expressed_in_gxa_attr_ss')) {
+                const in_gxa = new Set(props.searchResult.expressed_in_gxa_attr_ss);
+                eList = props.expressionStudies[tid].filter((e)=>in_gxa.has(e._id));
+            }
             setAtlasExperimentList(eList);
             let refExp = eList.filter((e)=>e.isRef);
             if (refExp.length === 1) setAtlasExperiment(refExp[0]._id);
@@ -2282,10 +2262,12 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
         props.expressionStudies
     ]);
     let paralogs_url;
-    let gene_url = `/static/atlasWidget.html?genes=${gene.atlas_id || gene._id}&localAPI=${isLocal}`;
+    let gene_url = `https://dev.gramene.org/static/atlasWidget.html?genes=${gene.atlas_id || gene._id}&experiment=${atlasExperiment}&localAPI=${isLocal}`;
     let paralogs = [];
     if (gene.homology && gene.homology.homologous_genes && gene.homology.homologous_genes.within_species_paralog) paralogs = gene.homology.homologous_genes.within_species_paralog;
-    if (paralogs.length > 1 && atlasExperiment) paralogs_url = `/static/atlasWidget.html?genes=${paralogs.join(' ')}&experiment=${atlasExperiment}&localAPI=${isLocal}`;
+    if (paralogs.length > 1 && atlasExperiment) paralogs_url = `https://dev.gramene.org/static/atlasWidget.html?genes=${paralogs.join(' ')}&experiment=${atlasExperiment}&localAPI=${isLocal}`;
+    const ref = (0, $gXNCa$react.useRef)(null);
+    const ref2 = (0, $gXNCa$react.useRef)(null);
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Tabs), {
         children: [
             paralogs_url && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Tab), {
@@ -2293,39 +2275,21 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
                 eventKey: "paralogs",
                 title: `Paralogs`,
                 children: [
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form), {
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Check, {
-                                type: "switch",
-                                id: "localAPI",
-                                label: "Local API",
-                                checked: isLocal,
-                                onChange: handleLocalAPIChange
-                            }),
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form).Group, {
-                                as: (0, $gXNCa$reactbootstrap.Row),
-                                className: "mb-3",
-                                controlId: "formGroupExperiment",
-                                children: [
-                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Label, {
-                                        column: true,
-                                        sm: 1,
-                                        children: "Experiment"
-                                    }),
-                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Col), {
-                                        sm: 5,
-                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Select, {
-                                            defaultValue: atlasExperiment,
-                                            onChange: (e)=>setAtlasExperiment(e.target.value),
-                                            children: atlasExperimentList.map((experiment, index)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("option", {
-                                                    value: experiment._id,
-                                                    children: experiment.description || experiment._id
-                                                }, index))
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstraptypeahead.Typeahead), {
+                        clearButton: true,
+                        size: "sm",
+                        id: "experiment-selector",
+                        ref: ref,
+                        labelKey: "experiment",
+                        onChange: (exps)=>{
+                            if (exps.length > 0) {
+                                setAtlasExperiment(exps[0]._id);
+                                setTimeout(()=>ref.current?.clear(), 2000);
+                            }
+                        },
+                        placeholder: "Choose an experiment...",
+                        options: atlasExperimentList,
+                        labelKey: (experiment)=>`${experiment.type}: ${experiment.description || experiment._id}`
                     }),
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($9e29a4f60318db7a$var$DynamicIframe, {
                         url: paralogs_url
@@ -2337,12 +2301,21 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
                 eventKey: "gene",
                 title: "All Studies",
                 children: [
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Check, {
-                        type: "switch",
-                        id: "localAPI",
-                        label: "Local API",
-                        checked: isLocal,
-                        onChange: handleLocalAPIChange
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstraptypeahead.Typeahead), {
+                        clearButton: true,
+                        size: "sm",
+                        id: "experiment-selector2",
+                        ref: ref,
+                        labelKey: "experiment",
+                        onChange: (exps)=>{
+                            if (exps.length > 0) {
+                                setAtlasExperiment(exps[0]._id);
+                                setTimeout(()=>ref.current?.clear(), 2000);
+                            }
+                        },
+                        placeholder: "Choose an experiment...",
+                        options: atlasExperimentList,
+                        labelKey: (experiment)=>`${experiment.type}: ${experiment.description || experiment._id}`
                     }),
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($9e29a4f60318db7a$var$DynamicIframe, {
                         url: gene_url
@@ -2360,8 +2333,9 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
         ]
     });
 };
-var $9e29a4f60318db7a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)(// 'selectParalogExpression',
-'selectExpressionStudies', 'doRequestParalogExpression', $9e29a4f60318db7a$var$Detail);
+var $9e29a4f60318db7a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)(//'selectParalogExpression',
+'selectExpressionStudies', //'doRequestParalogExpression',
+$9e29a4f60318db7a$var$Detail);