@sjcrh/proteinpaint-client 2.185.0 → 2.186.0

package/dist/dataDownload.integration.spec-23WLHSWJ.js

@@ -1,191 +0,0 @@
-import {
-  getRunPp
-} from "./chunk-ZVSXHCGP.js";
-import {
-  detectGte
-} from "./chunk-SSPDNHDW.js";
-import {
-  require_tape
-} from "./chunk-QWOE5YTB.js";
-import "./chunk-EHXI36HJ.js";
-import "./chunk-FDOSJKDA.js";
-import "./chunk-OLUDD6EC.js";
-import "./chunk-65YTZS3R.js";
-import "./chunk-PRZWSBMA.js";
-import "./chunk-LOMVTHAM.js";
-import "./chunk-MKAF2BHB.js";
-import "./chunk-AQ4OP4GR.js";
-import "./chunk-MSW7OS2O.js";
-import "./chunk-ENP4FLOX.js";
-import "./chunk-YWUVCXFS.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-3QBZ2Y77.js";
-import "./chunk-HYOEWQ5P.js";
-import "./chunk-FN5XPUPH.js";
-import "./chunk-G6O3URDN.js";
-import "./chunk-LSEFWW72.js";
-import "./chunk-KWM6B3NL.js";
-import "./chunk-UCLS2SVB.js";
-import "./chunk-6ZCHECOT.js";
-import "./chunk-MVTCBVSX.js";
-import "./chunk-2K5DSRBJ.js";
-import "./chunk-X4NI4JLQ.js";
-import "./chunk-L4QG7XZE.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-UWYCEYML.js";
-import "./chunk-7UHUOC6F.js";
-import "./chunk-ZYY54HBU.js";
-import "./chunk-EGWVYY7K.js";
-import "./chunk-AMYSEKPF.js";
-import "./chunk-TV74I3Y5.js";
-import "./chunk-KSGA62R2.js";
-import "./chunk-LOZEKOES.js";
-import "./chunk-TOU7EVFQ.js";
-import "./chunk-OAWQ6LOO.js";
-import "./chunk-KYBIQBXE.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-OMR2DT66.js";
-import {
-  __toESM
-} from "./chunk-HFNDKYVF.js";
-
-// plots/test/dataDownload.integration.spec.js
-var import_tape = __toESM(require_tape(), 1);
-var runpp = getRunPp("mass", {
-  state: {
-    nav: {
-      header_mode: "hide_search",
-      activeTab: 1
-    },
-    vocab: {
-      dslabel: "TermdbTest",
-      genome: "hg38-test"
-    }
-  },
-  debug: 1
-});
-(0, import_tape.default)("\n", (test) => {
-  test.comment("-***- plots/dataDownload -***-");
-  test.end();
-});
-(0, import_tape.default)("Data download with no selected terms", (test) => {
-  test.timeoutAfter(1e3);
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "dataDownload"
-        }
-      ]
-    },
-    dataDownload: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  function runTests(dataDownload) {
-    dataDownload.on("postRender.test", null);
-    const ddDom = dataDownload.Inner.dom;
-    test.equal(ddDom.terms.node().querySelectorAll(".term_name_btn").length, 0, `Should render no term pills`);
-    test.equal(
-      ddDom.terms.node().querySelectorAll(".sja_filter_tag_btn.add_term_btn").length,
-      1,
-      `Should render 1 'Add variable' button`
-    );
-    test.equal(
-      ddDom.submitNote.node().innerText,
-      `no sample data`,
-      `Should render "no sample data" next to Download button`
-    );
-    test.ok(ddDom.submitBtn.node().disabled, `Should show Download button as disabled`);
-    if (test._ok) dataDownload.Inner.app.destroy();
-    test.end();
-  }
-});
-(0, import_tape.default)("Data download with terms selected", (test) => {
-  test.timeoutAfter(2e3);
-  const terms = [
-    { $id: 0, id: "sex" },
-    { $id: 1, id: "agedx" },
-    { $id: 2, id: "genetic_race" },
-    { $id: 3, id: "aaclassic_5" },
-    { $id: 4, id: "Arrhythmias" }
-  ];
-  runpp({
-    state: {
-      plots: [
-        {
-          chartType: "dataDownload",
-          terms
-        }
-      ]
-    },
-    dataDownload: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(dataDownload) {
-    dataDownload.on("postRender.test", null);
-    const ddDom = dataDownload.Inner.dom;
-    await detectGte({
-      elem: ddDom.terms.node(),
-      selector: ".term_name_btn",
-      count: 5
-    });
-    test.equal(
-      ddDom.terms.node().querySelectorAll(".term_name_btn").length,
-      terms.length,
-      `Should render ${terms.length} term pills`
-    );
-    test.equal(
-      ddDom.submitNote.node().innerText,
-      `${dataDownload.Inner.activeSamples.length} samples`,
-      `Should render "${dataDownload.Inner.activeSamples.length} samples" next to Download button`
-    );
-    if (test._ok) dataDownload.Inner.app.destroy();
-    test.end();
-  }
-});
-(0, import_tape.default)("protected dataset", (test) => {
-  test.timeoutAfter(3e3);
-  const runpp2 = getRunPp("mass", {
-    state: {
-      nav: {
-        header_mode: "hide_search",
-        activeTab: 1
-      },
-      vocab: {
-        dslabel: "ProtectedTest",
-        genome: "hg38-test"
-      }
-    },
-    debug: 1
-  });
-  runpp2({
-    state: {
-      plots: [
-        {
-          chartType: "dataDownload"
-        }
-      ]
-    },
-    dataDownload: {
-      callbacks: {
-        "postRender.test": runTests
-      }
-    }
-  });
-  async function runTests(dataDownload) {
-    dataDownload.on("postRender.test", null);
-    test.true(
-      dataDownload.Inner.dom.titleDiv.text().includes("Requires sign-in"),
-      "should not open by default for protected dataset"
-    );
-    if (test._ok) dataDownload.Inner.app.destroy();
-    test.end();
-  }
-});
-//# sourceMappingURL=dataDownload.integration.spec-23WLHSWJ.js.map

package/dist/databrowser.ui-B2TNECC4.js

@@ -1,419 +0,0 @@
-import {
-  isURL,
-  makeBtn,
-  makeFileUpload,
-  makePrompt,
-  makeResetBtn,
-  makeTextAreaInput,
-  makeTextInput
-} from "./chunk-5EBRF6Z7.js";
-import {
-  appInit
-} from "./chunk-QEWMCAJW.js";
-import "./chunk-JMJW3ERE.js";
-import "./chunk-SKMFMGCD.js";
-import "./chunk-3T2PCWII.js";
-import "./chunk-YQVEBFGT.js";
-import "./chunk-3JAC5CHL.js";
-import "./chunk-EBGX226R.js";
-import "./chunk-UVPAZM3G.js";
-import "./chunk-MHCTLVGE.js";
-import "./chunk-ZT3PB4XX.js";
-import "./chunk-HZETQJGD.js";
-import "./chunk-PRZWSBMA.js";
-import {
-  Tabs,
-  appear,
-  sayerror
-} from "./chunk-YWUVCXFS.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-3QBZ2Y77.js";
-import "./chunk-HYOEWQ5P.js";
-import "./chunk-FN5XPUPH.js";
-import "./chunk-G6O3URDN.js";
-import "./chunk-LSEFWW72.js";
-import "./chunk-KWM6B3NL.js";
-import "./chunk-UCLS2SVB.js";
-import "./chunk-6ZCHECOT.js";
-import "./chunk-MVTCBVSX.js";
-import "./chunk-2K5DSRBJ.js";
-import "./chunk-X4NI4JLQ.js";
-import "./chunk-L4QG7XZE.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-UWYCEYML.js";
-import "./chunk-7UHUOC6F.js";
-import "./chunk-ZYY54HBU.js";
-import "./chunk-EGWVYY7K.js";
-import "./chunk-AMYSEKPF.js";
-import "./chunk-TV74I3Y5.js";
-import "./chunk-KSGA62R2.js";
-import "./chunk-LOZEKOES.js";
-import "./chunk-TOU7EVFQ.js";
-import "./chunk-OAWQ6LOO.js";
-import "./chunk-KYBIQBXE.js";
-import "./chunk-I6Y4O3RR.js";
-import "./chunk-OMR2DT66.js";
-import "./chunk-HFNDKYVF.js";
-
-// src/databrowser/dictionary.parse.js
-function parseDictionary(input) {
-  const terms = {};
-  const lines = input.trim().split(/\r?\n/);
-  const header = lines[0].split("	");
-  const term_idIndex = header.findIndex((l) => l.toLowerCase().includes("term_id"));
-  const variableIndex = header.findIndex((l) => l.toLowerCase().includes("variable"));
-  if (term_idIndex != -1) parseDataDictionary(lines, header);
-  if (variableIndex != -1) parsePhenotree(lines, header);
-  if (variableIndex == -1 && term_idIndex == -1) {
-    throw `Unrecognized file format. Please check the header names.`;
-  }
-  function parseDataDictionary(lines2, header2) {
-    const parIdIndex = header2.findIndex((l) => l.toLowerCase().includes("parent_id"));
-    if (parIdIndex == -1) {
-      throw `Missing required 'parent_id' header`;
-    }
-    const nameIndex = header2.findIndex((l) => l.toLowerCase().includes("name"));
-    if (nameIndex == -1) {
-      throw `Missing required 'Name' header`;
-    }
-    const typeIndex = header2.findIndex((l) => l.toLowerCase().includes("type"));
-    if (typeIndex == -1) {
-      throw `Missing required 'Type' header`;
-    }
-    const valuesIndex = header2.findIndex((l) => l.toLowerCase().includes("values"));
-    if (valuesIndex == -1) {
-      throw `Missing required 'Values' header`;
-    }
-    if (parIdIndex == -1 || nameIndex == -1 || typeIndex == -1 || valuesIndex == -1) {
-      throw `Missing required header(s)`;
-    }
-    const parentIds = /* @__PURE__ */ new Set();
-    for (const [i, line] of lines2.entries()) {
-      if (i === 0) continue;
-      const lineNum = i + 1;
-      try {
-        const cols = line.split("	");
-        for (const [i2, c] of cols.entries()) {
-          const colNum = i2 + 1;
-          let foundProblem;
-          if (i2 == valuesIndex) continue;
-          if (c == "" || c == "-") {
-            foundProblem = true;
-            throw `Blank or '-' entered for line ${lineNum}, column ${colNum}`;
-          }
-          if (foundProblem == true) throw `Invalid entry for line ${lineNum}, column ${colNum}`;
-        }
-        const termId = cols[term_idIndex];
-        const type = cols[typeIndex];
-        terms[termId] = {
-          id: termId,
-          name: cols[nameIndex].trim().replace(/"/g, ""),
-          parent_id: cols[parIdIndex] != "root" ? cols[parIdIndex] : null,
-          type: cols[typeIndex] != "non graphable" ? cols[typeIndex] : null
-        };
-        parentIds.add(terms[termId].parent_id);
-        if (type == "categorical") {
-          terms[termId].values = {};
-        }
-        const values = cols[valuesIndex].trim().replace(/"/g, "").split(";");
-        for (const x of values) {
-          const v = x.trim();
-          if (v == "") continue;
-          const segments = v.split("=");
-          const key = segments.shift();
-          const label = segments.join("=");
-          if (!label) throw `Values="${v}" in line ${lineNum} not in a key = value format.`;
-          if (!terms[termId].values) terms[termId].values = {};
-          terms[termId].values[key] = { label };
-        }
-        const numValues = Object.keys(terms[termId].values).length;
-        terms[termId].groupsetting = { disabled: numValues < 3 };
-        validateNumericTermCategories(terms[termId]);
-      } catch (e) {
-        throw `Line ${lineNum} error: ${e}`;
-      }
-    }
-    for (const t in terms) terms[t].isleaf = !parentIds.has(terms[t].id);
-  }
-  function parsePhenotree(lines2, header2) {
-    if (variableIndex == -1) {
-      throw `Missing required 'Variable' header`;
-    }
-    const typeIndex = header2.findIndex((l) => l.toLowerCase().includes("type"));
-    if (typeIndex == -1) {
-      throw `Missing required 'Type' header`;
-    }
-    const categoriesIndex = header2.findIndex((l) => l.toLowerCase().includes("categories"));
-    const levelColIndexes = header2.map((c, i) => c.toLowerCase().includes("level_") ? i : -1).filter((i) => i != -1);
-    if (!levelColIndexes.length) levelColIndexes.push(variableIndex);
-    const unitIndex = header2.findIndex((l) => l.toLowerCase().includes("unit"));
-    const additionalAttrIndexes = header2.findIndex((l) => l.toLowerCase().includes("additional attributes"));
-    const termNameToId = {};
-    const parentTermNames = /* @__PURE__ */ new Set();
-    const parent2ChildOrder = /* @__PURE__ */ new Map();
-    parent2ChildOrder.set(null, []);
-    for (const [i, line] of lines2.entries()) {
-      if (i === 0) continue;
-      const lineNum = i + 1;
-      try {
-        const cols = line.split("	");
-        const levelNames = levelColIndexes.map((i2) => cols[i2].trim().replace(/"/g, "")).filter((c) => c != "-");
-        if (levelNames.length != new Set(levelNames).size) {
-          throw `Non-unique levels in line ${lineNum}: ${JSON.stringify(levelNames)}`;
-        }
-        for (const [i2, lvlName] of levelNames.entries()) {
-          if (i2 == 0) {
-            if (parent2ChildOrder.get(null).indexOf(lvlName) == -1) parent2ChildOrder.get(null).push(lvlName);
-          }
-          if (i2 != levelNames.length - 1) {
-            if (!parent2ChildOrder.has(lvlName)) parent2ChildOrder.set(lvlName, []);
-          }
-          for (const n of levelNames) {
-            if (i2 == levelNames.indexOf(n) - 1) {
-              if (parent2ChildOrder.get(lvlName).indexOf(n) == -1) parent2ChildOrder.get(lvlName).push(n);
-            }
-          }
-        }
-        const name = levelNames.pop();
-        const firstDashIndex = cols.indexOf("-");
-        if (firstDashIndex != -1 && firstDashIndex < cols.indexOf(name)) {
-          throw `Blank or '-' value detected between levels in line ${lineNum}`;
-        }
-        const term = parseCategories(cols[typeIndex], cols[categoriesIndex], lineNum, name);
-        const id = cols[variableIndex] || name;
-        if (id in terms) {
-          const orig = terms[id];
-          throw `Error: Multiple config rows for term.id='${id}': lines# ${orig.lineNum} and ${lineNum}`;
-        }
-        terms[id] = {
-          id,
-          name,
-          type: term.type,
-          values: term.values,
-          groupsetting: term.groupsetting,
-          // *** temporary attributes to be deleted later ***
-          ancestry: levelNames.slice(),
-          // to be deleted later, used to fill in missing terms
-          parent_name: levelNames.pop() || null,
-          // will change this later to parent_id
-          lineNum
-          // to be deleted later
-        };
-        if (cols[unitIndex] != null) terms[id].unit = cols[unitIndex];
-        if (cols[additionalAttrIndexes]) {
-          Object.assign(terms[id], JSON.parse(cols[additionalAttrIndexes]));
-        }
-        termNameToId[name] = id;
-        parentTermNames.add(terms[id].parent_name);
-      } catch (e) {
-        throw `Line ${lineNum} error: ${e}`;
-      }
-    }
-    trackMissingTerms(termNameToId, terms, parentTermNames, parent2ChildOrder);
-    for (const id in terms) {
-      const term = terms[id];
-      term.child_order = parent2ChildOrder.get(term.parent_name).indexOf(term.name) + 1;
-      term.isleaf = !parentTermNames.has(term.name);
-      term.parent_id = termNameToId[term.parent_name] || null;
-      delete term.parent_name;
-      delete term.lineNum;
-      delete term.ancestry;
-    }
-  }
-  return { terms: Object.values(terms) };
-}
-function parseCategories(type, catJSON, lineNum, varName) {
-  if (!type) throw `No type provided for variable: ${varName} on line ${lineNum}`;
-  const term = {
-    type,
-    values: catJSON == "" || catJSON == void 0 ? {} : JSON.parse(catJSON)
-  };
-  validateNumericTermCategories(term);
-  if (term.type == "categorical") {
-    const numValues = Object.keys(term.values).length;
-    term.groupsetting = { disabled: numValues < 3 };
-  }
-  return term;
-}
-function trackMissingTerms(termNameToId, terms, parentTermNames, parent2ChildOrder) {
-  for (const id in terms) {
-    const term = terms[id];
-    for (const [i, name] of term.ancestry.entries()) {
-      if (name in termNameToId) {
-        const id2 = termNameToId[name];
-        const ancestor = terms[id2];
-        if (i - 1 < 0 && ancestor.parent_name || ancestor.parent_name != term.ancestry[i - 1]) {
-          throw `Different parents for term=${name}, '${term.ancestry[i - 1]}' and '${ancestor.parent_name}'`;
-        }
-        continue;
-      }
-      terms[name] = {
-        id: name,
-        name,
-        isleaf: false,
-        ancestry: term.ancestry.slice(0, i)
-      };
-      terms[name].parent_name = terms[name].ancestry.slice(-1)[0] || null;
-      termNameToId[name] = name;
-      parentTermNames.add(name);
-    }
-  }
-}
-function validateNumericTermCategories(term) {
-  if (term.type != "integer" && term.type != "float") return;
-  if (!term.values) return;
-  if (typeof term.values != "object") throw "numeric .values{} is not object";
-  for (const key in term.values) {
-    if (key == "") throw "Cannot use empty string as an uncomputable category";
-    const tmp = Number(key);
-    if (Number.isNaN(tmp)) {
-      throw `Uncomputable category of a numeric term is required to be a number (here uses non-numeric value of ${key}).`;
-    }
-    term.values[key].uncomputable = true;
-  }
-}
-
-// src/databrowser/databrowser.ui.js
-function init_databrowserUI(holder, debugmode) {
-  const wrapper = holder.append("div").style("margin", "20px 20px 20px 40px").style(
-    "font-family",
-    "'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
-  ).style("place-items", "center left").style("overflow", "hidden").classed("sjpp-app-ui", true);
-  const obj = {};
-  infoSection(wrapper);
-  makeSectionHeader(wrapper, "Data Dictionary");
-  const tabs_div = wrapper.append("div").style("margin-left", "2vw");
-  makeDataDictionaryTabs(tabs_div, obj);
-  const controlBtns_div = wrapper.append("div").style("display", "flex").style("align-items", "center").style("margin", "40px 0px 40px 130px");
-  submitButton(controlBtns_div, obj, wrapper, holder);
-  makeResetBtn(controlBtns_div, obj, ".databrowser_input");
-  if (debugmode) window.doms = obj;
-  return obj;
-}
-function infoSection(div) {
-  div.append("div").style("margin", "10px").style("opacity", "0.65").html(`
-			<ul>
-                <li>
-                    Please see the <a href="https://github.com/stjude/proteinpaint/wiki/Data-Browser" target="_blank">documentation</a> for more information.
-                </li>
-				<li>
-					Download an example data dictionary <a href="https://proteinpaint.stjude.org/ppdemo/databrowser/dictionaryDemoData.tar.gz" target="_self" "download>here</a>.
-				</li>
-            </ul>`);
-}
-function makeSectionHeader(div, text) {
-  const header = makePrompt(div, text);
-  header.style("font-size", "1.5em").style("color", "#003366").style("margin", "20px 10px 40px 10px").classed("sjpp-databrowser-section-header", true);
-  const hr = div.append("hr");
-  hr.style("color", "ligthgrey").style("margin", "-30px 0px 15px 0px").style("width", "50vw").style("opacity", "0.4");
-}
-function makeDataDictionaryTabs(tabs_div, obj) {
-  const tabs = [
-    {
-      label: "Select File",
-      active: true,
-      width: 95,
-      callback: async (event, tab) => {
-        tab.contentHolder.style("border", "none").style("display", "block");
-        appear(tab.contentHolder);
-        tab.contentHolder.append("div").html(`<p style="margin-left: 10px; opacity: 0.65;">Select a file from your computer.</p>`);
-        makeFileUpload2(tab.contentHolder, obj);
-        delete tab.callback;
-      }
-    },
-    {
-      label: "Paste Data",
-      active: false,
-      width: 95,
-      callback: async (event, tab) => {
-        tab.contentHolder.style("border", "none").style("display", "block");
-        appear(tab.contentHolder);
-        tab.contentHolder.append("div").html(
-          `<p style="margin-left: 10px; opacity: 0.65;">Paste data dictionary or phenotree in a tab delimited format.</p>`
-        );
-        makeCopyPasteInput(tab.contentHolder, obj);
-        delete tab.callback;
-      }
-    },
-    {
-      label: "File Path",
-      active: false,
-      width: 95,
-      callback: async (event, tab) => {
-        tab.contentHolder.style("border", "none").style("display", "block");
-        appear(tab.contentHolder);
-        tab.contentHolder.append("div").html(`<p style="margin-left: 10px; opacity: 0.65;">Provide a URL file path.</p>`);
-        makePrompt(tab.contentHolder, "URL");
-        makeTextEntryFilePathInput(tab.contentHolder, obj);
-        delete tab.callback;
-      }
-    }
-  ];
-  new Tabs({ holder: tabs_div, tabs }).main();
-}
-function makeTextEntryFilePathInput(div, obj) {
-  const filepath_div = div.append("div").style("display", "inline-block");
-  const filepath = makeTextInput(filepath_div).style("border", "1px solid rgb(138, 177, 212)").classed("databrowser_input", true).on("keyup", async () => {
-    const data = filepath.property("value").trim();
-    if (isURL(data)) {
-      const txt = await fetch(data).then((req) => req.text()).then((txt2) => {
-        obj.data = parseDictionary(txt2);
-      });
-    } else {
-    }
-  });
-}
-function makeFileUpload2(div, obj) {
-  const upload_div = div.append("div").style("display", "inline-block");
-  const upload = makeFileUpload(upload_div).classed("databrowser_input", true);
-  upload.on("change", (event) => {
-    const file = event.target.files[0];
-    const reader = new FileReader();
-    reader.onload = (event2) => {
-      obj.data = parseDictionary(event2.target.result);
-    };
-    reader.readAsText(file, "utf8");
-  });
-}
-function makeCopyPasteInput(div, obj) {
-  const paste_div = div.append("div").style("display", "block");
-  const paste = makeTextAreaInput({ div: paste_div, rows: 10 }).style("border", "1px solid rgb(138, 177, 212)").style("margin", "0px 0px 0px 20px").classed("databrowser_input", true).on("keyup", async () => {
-    obj.data = parseDictionary(paste.property("value").trim());
-  });
-}
-function submitButton(div, obj, wrapper, holder) {
-  const submit = makeBtn({
-    div,
-    text: "Create Data Browser",
-    color: "white",
-    backgroundColor: "#001aff",
-    border: "2px solid #001aff"
-  });
-  const errorMessage_div = div.append("div");
-  submit.style("margin-right", "10px").style("font-size", "16px").classed("sjpp-ui-submitBtn", true).attr("type", "submit").on("click", () => {
-    if (!obj.data || obj.data == void 0) {
-      const sayerrorDiv = errorMessage_div.append("div").style("display", "inline-block").style("max-width", "20vw");
-      sayerror(sayerrorDiv, "Please provide data");
-      setTimeout(() => sayerrorDiv.remove(), 3e3);
-    } else {
-      wrapper.remove();
-      appInit({
-        holder,
-        state: {
-          vocab: {
-            terms: obj.data.terms
-          },
-          plots: [
-            {
-              chartType: "dictionary"
-            }
-          ]
-        }
-      });
-    }
-  });
-}
-export {
-  init_databrowserUI
-};
-//# sourceMappingURL=databrowser.ui-B2TNECC4.js.map