@sjcrh/proteinpaint-client 2.158.0 → 2.159.0

package/dist/{2dmaf-SRX5RW5D.js → 2dmaf-Z5CGOJWE.js}

@@ -8,7 +8,7 @@ import {
   renderSandboxFormDiv,
   sayerror,
   to_svg
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import "./chunk-X4YBG362.js";
 import "./chunk-DUTCGKL3.js";
@@ -1361,4 +1361,4 @@ export {
   d2mafparseinput,
   d2mafui
 };
-//# sourceMappingURL=2dmaf-SRX5RW5D.js.map
+//# sourceMappingURL=2dmaf-Z5CGOJWE.js.map

package/dist/{AIProjectAdmin-DFMXJR3X.js → AIProjectAdmin-HSP6BBSY.js}

@@ -1,12 +1,12 @@
 import {
   PlotBase
-} from "./chunk-CTL46PEH.js";
+} from "./chunk-QH3VQIW2.js";
 import {
   filterInit,
   getNormalRoot,
   renderTable,
   sayerror
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import {
   dofetch2,
@@ -286,7 +286,7 @@ var AIProjectAdminInteractions = class {
       );
       images = response.images;
     }
-    const wsiViewer = await import("./plot.wsi-POPLPXV7.js");
+    const wsiViewer = await import("./plot.wsi-H2O3KHR5.js");
     wsiViewer.default(this.dslabel, holder, { name: this.genome }, null, config.settings.project.id, images, true);
   }
   async appDispatchEdit(settings, config = {}) {
@@ -621,4 +621,4 @@ export {
   componentInit,
   getPlotConfig
 };
-//# sourceMappingURL=AIProjectAdmin-DFMXJR3X.js.map
+//# sourceMappingURL=AIProjectAdmin-HSP6BBSY.js.map

package/dist/{AppHeader-73KG5I74.js → AppHeader-KTDVI4LV.js}

@@ -1,12 +1,12 @@
 import {
   makeButton,
   openSandbox
-} from "./chunk-WUKYI6FW.js";
+} from "./chunk-JN47SLHC.js";
 import {
   get_tklst
-} from "./chunk-AKHRGEDT.js";
-import "./chunk-NZ2HH477.js";
-import "./chunk-4PL2LZ7H.js";
+} from "./chunk-7SPPSBGL.js";
+import "./chunk-UQNQPGQ7.js";
+import "./chunk-WRJ4GT5E.js";
 import "./chunk-PRZWSBMA.js";
 import "./chunk-MKAF2BHB.js";
 import {
@@ -15,14 +15,14 @@ import {
 import "./chunk-Z7LHN7YI.js";
 import {
   block_init_default
-} from "./chunk-JKXADLEW.js";
+} from "./chunk-DXY53KKR.js";
 import {
   InputSearch,
   first_genetrack_tolist,
   newSandboxDiv,
   sayerror,
   throwMsgWithFilePathAndFnName
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import {
   string2pos
 } from "./chunk-HJ6L54YS.js";
@@ -211,7 +211,7 @@ async function findgene2paint(str, app, genomename, jwt) {
       debugmode: app.debugmode
     };
     first_genetrack_tolist(g, par2.tklst);
-    import("./block-SLNAB2KK.js").then((b) => new b.Block(par2)).catch((err) => {
+    import("./block-CSK6XMEC.js").then((b) => new b.Block(par2)).catch((err) => {
       app.error0(err);
     });
     return;
@@ -797,7 +797,7 @@ var AppHeader = class _AppHeader {
         debugmode: app.debugmode
       };
       first_genetrack_tolist(g, par.tklst);
-      import("./block-SLNAB2KK.js").then((b) => new b.Block(par));
+      import("./block-CSK6XMEC.js").then((b) => new b.Block(par));
       app.drawer.dispatch({ type: "is_apps_btn_active", value: false });
     });
     return g_browser_btn;
@@ -810,4 +810,4 @@ var AppHeader = class _AppHeader {
 export {
   AppHeader
 };
-//# sourceMappingURL=AppHeader-73KG5I74.js.map
+//# sourceMappingURL=AppHeader-KTDVI4LV.js.map

package/dist/{BoxPlot-GUCF7QRA.js → BoxPlot-ARI5JNMA.js}

@@ -3,15 +3,15 @@ import {
   componentInit,
   getDefaultBoxplotSettings,
   getPlotConfig
-} from "./chunk-E762OF2C.js";
-import "./chunk-Z2KXMGS3.js";
-import "./chunk-CJ2BQBAW.js";
+} from "./chunk-BVYRVHLS.js";
+import "./chunk-G6G3VWUL.js";
+import "./chunk-45AAT6MT.js";
 import "./chunk-WARTKGVQ.js";
-import "./chunk-CTL46PEH.js";
-import "./chunk-5IS232HI.js";
-import "./chunk-UMY35VKA.js";
+import "./chunk-QH3VQIW2.js";
+import "./chunk-XG7UE35Z.js";
+import "./chunk-QHACOXG7.js";
 import "./chunk-A7KTDX2J.js";
-import "./chunk-R2MSVUA7.js";
+import "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import "./chunk-X4YBG362.js";
 import "./chunk-DUTCGKL3.js";
@@ -39,4 +39,4 @@ export {
   getDefaultBoxplotSettings,
   getPlotConfig
 };
-//# sourceMappingURL=BoxPlot-GUCF7QRA.js.map
+//# sourceMappingURL=BoxPlot-ARI5JNMA.js.map

package/dist/{CorrelationVolcano-LQAQCSEU.js → CorrelationVolcano-DPMMEVGQ.js}

@@ -1,10 +1,10 @@
 import {
   PlotBase
-} from "./chunk-CTL46PEH.js";
+} from "./chunk-QH3VQIW2.js";
 import {
   controlsInit
-} from "./chunk-5IS232HI.js";
-import "./chunk-UMY35VKA.js";
+} from "./chunk-XG7UE35Z.js";
+import "./chunk-QHACOXG7.js";
 import "./chunk-A7KTDX2J.js";
 import {
   LegendCircleReference,
@@ -14,7 +14,7 @@ import {
   fillTwLst,
   table2col,
   to_svg
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import "./chunk-X4YBG362.js";
 import {
@@ -613,4 +613,4 @@ export {
   getDefaultCorrVolcanoSettings,
   getPlotConfig
 };
-//# sourceMappingURL=CorrelationVolcano-LQAQCSEU.js.map
+//# sourceMappingURL=CorrelationVolcano-DPMMEVGQ.js.map

package/dist/{DifferentialAnalysis-U2WK43SK.js → DifferentialAnalysis-O6SZOZ6J.js}

@@ -1,23 +1,23 @@
 import {
   getDefaultGseaSettings
-} from "./chunk-RWSBTPAC.js";
+} from "./chunk-ARIOR3SK.js";
 import "./chunk-HUGF5VAN.js";
 import {
   importPlot
-} from "./chunk-CJ2BQBAW.js";
+} from "./chunk-45AAT6MT.js";
 import {
   getDefaultVolcanoSettings,
   validateVolcanoSettings
 } from "./chunk-WARTKGVQ.js";
 import {
   PlotBase
-} from "./chunk-CTL46PEH.js";
-import "./chunk-5IS232HI.js";
-import "./chunk-UMY35VKA.js";
+} from "./chunk-QH3VQIW2.js";
+import "./chunk-XG7UE35Z.js";
+import "./chunk-QHACOXG7.js";
 import "./chunk-A7KTDX2J.js";
 import {
   Tabs
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import "./chunk-X4YBG362.js";
 import {
@@ -234,4 +234,4 @@ export {
   componentInit,
   getPlotConfig
 };
-//# sourceMappingURL=DifferentialAnalysis-U2WK43SK.js.map
+//# sourceMappingURL=DifferentialAnalysis-O6SZOZ6J.js.map

package/dist/{Disco-IZ2FNVFD.js → Disco-B2V2GBQD.js}

@@ -1,16 +1,16 @@
 import {
   configUiInit
-} from "./chunk-UMY35VKA.js";
+} from "./chunk-QHACOXG7.js";
 import {
   topBarInit
 } from "./chunk-A7KTDX2J.js";
 import {
   InvalidDataUI,
   getMaxLabelWidth,
-  make_radios,
+  renderTable,
   svgLegend,
   table2col
-} from "./chunk-R2MSVUA7.js";
+} from "./chunk-OT2WROIJ.js";
 import "./chunk-HJ6L54YS.js";
 import {
   dofetch3
@@ -177,7 +177,7 @@ async function makeSvgraph(fusion, div, genome) {
   await getGm(svpair.a, genome.name, fusion.source.gene);
   await getGm(svpair.b, genome.name, fusion.target.gene);
   wait.remove();
-  const _ = await import("./svgraph-MQC2NMHW.js");
+  const _ = await import("./svgraph-G2YIEFQH.js");
   _.default({
     pairlst: [svpair],
     genome,
@@ -276,7 +276,7 @@ var DiscoInteractions = class {
           }
         ]
       };
-      const _ = await import("./block.init-RW2P5BHP.js");
+      const _ = await import("./block.init-SRAVOVHE.js");
       await _.default(arg);
     };
     this.colorScaleNumericInputsCallback = async (obj) => {
@@ -2121,7 +2121,6 @@ var LegendJSONMapper = class {
 };
 
 // plots/disco/cnv/renderCnvSourceLegend.ts
-var cnvMenu = new Menu();
 function parseSetLabel(set, index) {
   let text = set.name || `Set ${index + 1}`;
   let href;
@@ -2141,51 +2140,47 @@ function parseSetLabel(set, index) {
   return { text, href, target };
 }
 function renderCnvSourceLegend(legendG, datasets, fontSize, onChange) {
+  let isOpen = false;
   if (!legendG || legendG.empty()) throw new Error("legendG is required");
   if (!datasets || datasets.length === 0) throw new Error("at least one dataset is required");
   legendG.select("g.sjpp-cnv-source").remove();
   const gBBox = legendG.node().getBBox();
   const cnvSrcWrapper = legendG.append("g").attr("class", "sjpp-cnv-source").attr("transform", `translate(${gBBox.width},${gBBox.y + fontSize})`);
-  const prompt = cnvSrcWrapper.append("text").attr("font-size", fontSize).attr("dominant-baseline", "middle").text("Source:");
-  const [ds, idx] = getActiveDataset(datasets);
-  const sourceInfo = parseSetLabel(ds, idx);
-  const promptWidth = prompt.node() ? prompt.node().getBBox().width : 0;
-  const link = cnvSrcWrapper.append("a").attr("transform", `translate(${promptWidth + 5},0)`).attr("href", sourceInfo.href || "#").attr("target", sourceInfo.target).attr("xlink:href", sourceInfo.href || "#").style("cursor", "pointer").on("click", function(event) {
-    if (link.attr("href") === "#") {
-      event.preventDefault();
-    }
-    if (!sourceInfo.href) {
-      event.stopPropagation();
-      showCnvMenu(this);
-    }
-  });
-  const linkG = link.append("g");
-  const linkText = linkG.append("text").attr("font-size", fontSize).attr("dominant-baseline", "middle").style("fill", sourceInfo.href ? "#428bca" : "black").style("text-decoration", sourceInfo.href ? "underline" : "none").text(sourceInfo.text);
-  const linkWidth = linkText.node() ? linkText.node().getBBox().width : 0;
-  const btnPadding = 10;
-  const btnWdt = 100 + btnPadding * 4;
-  const btnHgt = fontSize + btnPadding * 2;
-  const btnWrapper = cnvSrcWrapper.append("g").attr("transform", `translate(${linkWidth + promptWidth + fontSize},${-btnHgt / 2})`).style("cursor", "pointer").on("click", function(event) {
+  const btnPaddingX = Math.round(fontSize * 0.8);
+  const btnHgt = Math.round(fontSize * 1.8);
+  const btnWrapper = cnvSrcWrapper.append("g").attr("transform", `translate(${fontSize},${-btnHgt / 2})`).style("cursor", "pointer").on("click", function(event) {
     event.stopPropagation();
     showCnvMenu(this);
   });
-  btnWrapper.append("rect").attr("width", btnWdt).attr("height", btnHgt).attr("rx", 10).attr("ry", 10).style("fill", "#f2f2f2");
-  btnWrapper.append("text").attr("x", btnWdt / 2).attr("y", btnHgt / 2).attr("font-size", fontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text("Click to change".toUpperCase());
+  const btnText = btnWrapper.append("text").attr("x", 0).attr("y", btnHgt / 2).attr("font-size", fontSize).attr("text-anchor", "start").attr("dominant-baseline", "middle").text("Select source \u25B2".toUpperCase());
+  const textW = btnText.node() ? Math.ceil(btnText.node().getBBox().width) : 0;
+  const btnWdt = textW + btnPaddingX * 2;
+  btnWrapper.insert("rect", ":first-child").attr("width", btnWdt).attr("height", btnHgt).attr("rx", 10).attr("ry", 10).style("fill", "#f2f2f2");
+  btnText.attr("x", btnWdt / 2).attr("text-anchor", "middle");
+  const cnvMenu = new Menu({
+    onHide: () => {
+      isOpen = !isOpen;
+      btnText.text(isOpen ? "Select source \u25BC".toUpperCase() : "Select source \u25B2".toUpperCase());
+    }
+  });
   function showCnvMenu(dom) {
     cnvMenu.clear().showunder(dom);
     cnvMenu.d.append("div").text("Choose data source for CNV:").style("margin", "5px 5px 0 5px");
-    const optionsHolder = cnvMenu.d.append("div").style("padding", "5px");
-    make_radios({
-      holder: optionsHolder,
-      inputName: "sjpp_cnv_source",
-      options: datasets.map((set, index) => ({
-        label: parseSetLabel(set, index).text,
-        value: index,
-        checked: !!set.inuse
-      })),
-      styles: { display: "block" },
-      callback: (value) => {
-        const selectedIndex = Number(value);
+    const tableHolder = cnvMenu.d.append("div").style("padding", "5px");
+    const { columns, rows } = buildTableData(datasets);
+    const [, activeIndex] = getActiveDataset(datasets);
+    renderTable({
+      columns,
+      rows,
+      div: tableHolder,
+      singleMode: true,
+      maxWidth: "70vw",
+      maxHeight: "60vh",
+      selectedRows: [activeIndex],
+      header: { allowSort: false },
+      noButtonCallback: (rowIndex, node) => {
+        const inputIndex = Number(node?.value);
+        const selectedIndex = Number.isNaN(inputIndex) ? rowIndex : inputIndex;
         if (!Number.isNaN(selectedIndex)) onChange(selectedIndex);
         cnvMenu.hide();
       }
@@ -2197,6 +2192,30 @@ function getActiveDataset(datasets) {
   if (currentIndex == -1) currentIndex = 0;
   return [datasets[currentIndex], currentIndex];
 }
+function buildTableData(datasets) {
+  const attrKeys = [];
+  for (const set of datasets) {
+    if (!set.attrs) continue;
+    for (const key of Object.keys(set.attrs)) {
+      if (!attrKeys.includes(key)) attrKeys.push(key);
+    }
+  }
+  const columns = [{ label: "Source" }];
+  for (const key of attrKeys) columns.push({ label: key });
+  const rows = datasets.map((set, index) => {
+    const sourceInfo = parseSetLabel(set, index);
+    const cells = [];
+    if (set.nameHtml) cells.push({ html: set.nameHtml });
+    else if (sourceInfo.href) cells.push({ value: sourceInfo.text, url: sourceInfo.href });
+    else cells.push({ value: sourceInfo.text });
+    for (const key of attrKeys) {
+      const value = set.attrs?.[key];
+      cells.push({ value: value ?? "" });
+    }
+    return cells;
+  });
+  return { columns, rows };
+}
 
 // plots/disco/legend/LegendRenderer.ts
 var LegendRenderer = class {
@@ -2861,4 +2880,4 @@ export {
   discoInit,
   getPlotConfig
 };
-//# sourceMappingURL=Disco-IZ2FNVFD.js.map
+//# sourceMappingURL=Disco-B2V2GBQD.js.map