@sjcrh/proteinpaint-client 2.181.0 → 2.182.1

package/dist/profileBarchart-GB4RK5DF.js

@@ -1,265 +0,0 @@
-import {
-  ABBREV_COHORT,
-  FULL_COHORT,
-  getDefaultProfilePlotSettings,
-  getProfilePlotConfig,
-  profilePlot
-} from "./chunk-M464GTNI.js";
-import {
-  fillTwLst
-} from "./chunk-XZZLEHWC.js";
-import "./chunk-HJ6L54YS.js";
-import "./chunk-CJJ6LDZM.js";
-import "./chunk-2SRMRC6L.js";
-import "./chunk-QEHUEG4X.js";
-import "./chunk-XDI4UFCZ.js";
-import "./chunk-FN5XPUPH.js";
-import "./chunk-LSEFWW72.js";
-import "./chunk-5EF5U7MX.js";
-import "./chunk-2K5DSRBJ.js";
-import "./chunk-UCLS2SVB.js";
-import {
-  copyMerge,
-  getCompInit
-} from "./chunk-MVTCBVSX.js";
-import "./chunk-SEQLC4AD.js";
-import "./chunk-L4QG7XZE.js";
-import "./chunk-DQC5FFGV.js";
-import "./chunk-2TIYJ3PH.js";
-import "./chunk-RIGZHHCP.js";
-import "./chunk-AAEXTQT3.js";
-import "./chunk-2UWHV2SB.js";
-import "./chunk-ZLH4PJKX.js";
-import "./chunk-TV74I3Y5.js";
-import "./chunk-IH7ILDJS.js";
-import {
-  axisTop
-} from "./chunk-LOZEKOES.js";
-import "./chunk-TOU7EVFQ.js";
-import {
-  linear
-} from "./chunk-OAWQ6LOO.js";
-import "./chunk-SEEYV6P2.js";
-import "./chunk-NDWTN4U5.js";
-import "./chunk-OMR2DT66.js";
-import "./chunk-HFNDKYVF.js";
-
-// plots/profile/profileBarchart.ts
-var stepx = 500;
-var barwidth = 400;
-var profileBarchart = class extends profilePlot {
-  constructor(opts) {
-    super(opts, "profileBarchart");
-    this.rowCount = 0;
-    this.additionalInputs = [];
-  }
-  static {
-    this.type = "profileBarchart";
-  }
-  async init(appState) {
-    await super.init(appState);
-    const config = appState.plots.find((p) => p.id === this.id);
-    this.componentNames = config.plotByComponent.map((elem) => {
-      return { value: elem.profileComponent.name, label: elem.profileComponent.name };
-    });
-    const profileComponentInput = {
-      label: "Component",
-      type: "dropdown",
-      chartType: "profileBarchart",
-      options: this.componentNames,
-      settingsKey: "profileComponent",
-      callback: (value) => this.setProfileComponent(value)
-    };
-    this.additionalInputs.push(profileComponentInput);
-  }
-  setProfileComponent(value) {
-    this.settings.profileComponent = value;
-    this.app.dispatch({ type: "plot_edit", id: this.id, config: this.config });
-  }
-  async main() {
-    try {
-      await super.main();
-      this.configProfileComponent = this.config.plotByComponent.find((comp) => comp.profileComponent.name == this.settings.profileComponent) || this.config.plotByComponent[0];
-      this.rowCount = 0;
-      this.scoreTerms = [];
-      for (const group of this.configProfileComponent.groups)
-        for (const row of group.rows) {
-          this.rowCount++;
-          if (row.term1) {
-            this.scoreTerms.push(row.term1);
-          }
-          if (row.term2) {
-            this.scoreTerms.push(row.term2);
-          }
-        }
-      await this.setControls(this.additionalInputs);
-      this.profileComponent = this.settings.profileComponent || this.componentNames[0].value;
-      this.plot();
-    } catch (e) {
-      console.error(e);
-      throw `${e} [profileBarchart main()]`;
-    }
-  }
-  onMouseOut(event) {
-    if (event.target.tagName == "rect" && event.target.getAttribute("fill-opacity") == 0.3) {
-      const rect = event.target;
-      rect.setAttribute("fill-opacity", 0);
-    }
-  }
-  onMouseOver(event) {
-    if (event.target.tagName == "rect" && event.target.getAttribute("fill-opacity") == 0) {
-      const rect = event.target;
-      rect.setAttribute("fill-opacity", 0.3);
-    }
-  }
-  plot() {
-    const config = this.config;
-    const hasSubjectiveData = this.configProfileComponent.hasSubjectiveData;
-    const width = this.state.activeCohort == ABBREV_COHORT ? 1e3 : 1300;
-    const height = this.rowCount * 32 + 450;
-    this.dom.svg = this.dom.plotDiv.append("svg").attr("width", width).attr("height", height);
-    const title = this.state.activeCohort == ABBREV_COHORT ? `Score-based Results for the ${this.profileComponent} Component by Module and Domain Compared with End-User Impression` : `Objective ${this.profileComponent == "Patients and Outcomes" ? "" : "and Subjective "}Score-based Results for the ${this.profileComponent} Component by Module and Domain`;
-    this.dom.svg.append("text").attr("transform", `translate(50, 30)`).attr("font-weight", "bold").text(title);
-    const svg = this.dom.svg;
-    const color = this.configProfileComponent.profileComponent.color;
-    this.dom.svg.append("defs").append("pattern").attr("id", `${this.id}_diagonalHatch`).attr("patternUnits", "userSpaceOnUse").attr("width", 4).attr("height", 4).append("path").attr("d", "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2").attr("stroke-width", 1).attr("stroke", color);
-    let x;
-    let y;
-    const step = 30;
-    for (const [i, c] of config.columnNames.entries()) {
-      if (i == 1 && !hasSubjectiveData) break;
-      x = i % 2 == 0 ? 400 : 900;
-      x += 10;
-      y = 70;
-      svg.append("text").attr("transform", `translate(${x}, ${y})`).attr("text-anchor", "start").style("font-weight", "bold").text(c);
-      drawAxes(x, y + 30);
-      x += stepx;
-    }
-    y = 70;
-    for (const group of this.configProfileComponent.groups) {
-      svg.append("text").attr("transform", `translate(${50}, ${y + 40})`).attr("text-anchor", "start").text(`${group.label}`).style("font-weight", "bold");
-      y += step + 20;
-      for (const row of group.rows) {
-        const g = svg.append("g");
-        g.append("rect").attr("transform", `translate(${20}, ${y - 6})`).attr("x", 0).attr("y", 0).attr("width", hasSubjectiveData ? 1500 : 850).attr("height", 30).attr("fill", "#f8d335").attr("fill-opacity", 0);
-        x = 400;
-        if (row.term1) this.drawRect(x, y, row, "term1", g);
-        if (row.term2) this.drawRect(x + stepx, y, row, "term2", g);
-        y += step;
-      }
-    }
-    drawLine(410, 120, 50, y, "B");
-    drawLine(410, 120, 75, y, "A");
-    this.legendG = this.dom.svg.append("g").attr("data-testid", "sjpp-profileBarchart-legend").attr("transform", `translate(400,${y + 90})`);
-    this.filterG = this.dom.svg.append("g").attr("transform", `translate(0,${y + 90})`);
-    if (!this.isComparison) {
-      this.legendG.append("text").attr("text-anchor", "left").style("font-weight", "bold").text("Overall Score").attr("transform", `translate(0, -5)`);
-      this.addLegendItem("A", "More than 75% of possible scorable items", 1);
-      this.addLegendItem("B", "50-75% of possible scorable items", 2);
-      this.addLegendItem("C", "Less than 50% of possible scorable items", 3);
-      if (this.state.activeCohort == ABBREV_COHORT) {
-        const uiG = this.legendG.append("g");
-        this.addEndUserImpressionNote(uiG);
-      } else this.addPOCNote(this.legendG.append("g"));
-    }
-    this.addFilterLegend();
-    if (!hasSubjectiveData) return;
-    drawLine(910, 120, 50, y, "B");
-    drawLine(910, 120, 75, y, "A");
-    y += 40;
-    x = 600;
-    const lineG = svg.append("g");
-    this.drawLegendRect(x, y, "and", color, lineG);
-    x += 300;
-    this.drawLegendRect(x, y, "or", color, lineG);
-    function drawAxes(x2, y2) {
-      const xAxisScale = linear().domain([0, 100]).range([0, barwidth]);
-      svg.append("g").attr("transform", `translate(${x2}, ${y2})`).call(axisTop(xAxisScale));
-    }
-    function drawLine(x2, y2, percent, y22, text) {
-      const x1 = x2 + percent / 100 * barwidth;
-      svg.append("line").style("stroke", "#aaa").style("stroke-width", 1).style("stroke-dasharray", "5, 5").attr("x1", x1).attr("y1", y2).attr("x2", x1).attr("y2", y22);
-      svg.append("text").attr("transform", `translate(${x1 + 0.125 * barwidth}, ${y22 + 20})`).attr("text-anchor", "middle").text(text).style("font-weight", "bold");
-      if (percent == 50)
-        svg.append("text").attr("transform", `translate(${x1 - 0.25 * barwidth}, ${y22 + 20})`).attr("text-anchor", "middle").text("C").style("font-weight", "bold");
-    }
-  }
-  drawRect(x, y, row, field, g) {
-    const hasSubjectiveData = this.configProfileComponent.hasSubjectiveData;
-    const d = row[field];
-    let subjectiveTerm = false;
-    if ((row.name == "Total Module" || row.name == "End-user Impression*") && !row.term2) subjectiveTerm = true;
-    const termColor = d.score.term.color;
-    const value = this.getPercentage(d);
-    const isFirst = field == "term1" || field == "term2" && !row.term1;
-    const pairValue = field == "term1" ? this.getPercentage(row.term2) : this.getPercentage(row.term1);
-    const width = value ? value / 100 * barwidth : 0;
-    if (value) {
-      const isObjective = this.state.activeCohort == FULL_COHORT && this.settings.profileComponent == "Patients and Outcomes" ? true : !subjectiveTerm && (pairValue || !hasSubjectiveData);
-      const rect = g.append("rect").attr("transform", `translate(${x + 10}, ${y})`).attr("pointer-events", "none").attr("x", 0).attr("y", 0).attr("width", width).attr("height", 20);
-      if (isObjective) rect.attr("fill", termColor);
-      else {
-        const termid = this.id + d.score.term.id;
-        g.append("defs").append("pattern").attr("id", termid).attr("patternUnits", "userSpaceOnUse").attr("width", 4).attr("height", 4).append("path").attr("d", "M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2").attr("stroke-width", 1).attr("stroke", termColor);
-        rect.attr("fill", `url(#${termid})`);
-      }
-    }
-    const text = g.append("text").attr("pointer-events", "none").attr("text-anchor", "end").text(`${value || 0}%`);
-    if (width > 0) text.attr("transform", `translate(${x + width + 55}, ${y + 15})`);
-    else if (!pairValue && field == "term1") text.attr("transform", `translate(${x + 35}, ${y + 15})`);
-    if (isFirst)
-      g.append("text").attr("transform", `translate(${field == "term1" ? x : x - stepx}, ${y + 15})`).attr("text-anchor", "end").text(row.name).attr("pointer-events", "none");
-  }
-  drawLegendRect(x, y, operator, color, lineG) {
-    const rect = lineG.append("g").attr("transform", `translate(${x}, ${y})`).append("rect").attr("x", 0).attr("y", 0).attr("width", 20).attr("height", 20);
-    if (operator == "and") rect.attr("fill", color);
-    else rect.attr("fill", `url(#${this.id}_diagonalHatch)`);
-    const text = this.dom.svg.append("text").attr("transform", `translate(${x + 25}, ${y + 15})`).attr("text-anchor", "start").text("Objective ");
-    text.append("tspan").attr("font-weight", "bold").text(operator);
-    text.append("tspan").text(" Subjective data");
-  }
-};
-async function getPlotConfig(opts, app, _activeCohort) {
-  try {
-    const activeCohort = _activeCohort === void 0 ? app.getState().activeCohort : _activeCohort;
-    const defaults = await getProfilePlotConfig(activeCohort, app, opts);
-    defaults.settings = { profileBarchart: getDefaultProfilePlotSettings() };
-    let config = structuredClone(defaults);
-    config = copyMerge(config, opts);
-    config.settings.controls = { isOpen: false };
-    const twlst = [];
-    for (const profileComponent of config.plotByComponent) {
-      profileComponent.hasSubjectiveData = false;
-      for (const group of profileComponent.groups)
-        for (const row of group.rows) {
-          if (row.term1) {
-            row.term1.score.q = row.term1.maxScore.q = { mode: "continuous" };
-            twlst.push(row.term1.score);
-            twlst.push(row.term1.maxScore);
-          }
-          if (row.term2) {
-            row.term2.score.q = row.term2.maxScore.q = { mode: "continuous" };
-            twlst.push(row.term2.score);
-            twlst.push(row.term2.maxScore);
-          }
-          if (row.term1 && row.term2) profileComponent.hasSubjectiveData = true;
-        }
-    }
-    await fillTwLst(twlst, app.vocabApi);
-    return config;
-  } catch (e) {
-    throw `${e} [profileBarchart getPlotConfig()]`;
-  }
-}
-var profileBarchartInit = getCompInit(profileBarchart);
-var componentInit = profileBarchartInit;
-function getDefaultProfileBarchartSettings() {
-  return {};
-}
-export {
-  componentInit,
-  getDefaultProfileBarchartSettings,
-  getPlotConfig,
-  profileBarchartInit
-};
-//# sourceMappingURL=profileBarchart-GB4RK5DF.js.map