@sjcrh/proteinpaint-client 2.182.0 → 2.183.0

package/dist/chunk-A742TQD2.js

@@ -0,0 +1,615 @@
+import {
+  DownloadMenu,
+  PlotBase,
+  controlsInit,
+  fillTermWrapper,
+  fillTwLst,
+  getCategoricalTermFilter,
+  getCombinedTermFilter
+} from "./chunk-OXJ2TWDO.js";
+import {
+  importPlot
+} from "./chunk-V6DLLX4N.js";
+import {
+  Menu
+} from "./chunk-A6TQGNDQ.js";
+import {
+  icons
+} from "./chunk-5EF5U7MX.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// plots/profile/profilePlot.ts
+var orderedIncomes = ["Low income", "Lower middle income", "Upper middle income", "High income"];
+var orderedVolumes = [
+  "Small (1-25 annual newly diagnoses)",
+  "Medium (26-80 annual newly diagnoses)",
+  "Large (81-120 annual newly diagnoses)",
+  "Very large (>120 annual newly diagnoses)"
+];
+var ABBREV_COHORT = 0;
+var FULL_COHORT = 1;
+var profilePlot = class extends PlotBase {
+  constructor(opts, type) {
+    super(opts);
+    this.type = type;
+    this.downloadCount = 0;
+    this.tip = new Menu({ padding: "4px", offsetX: 10, offsetY: 15 });
+    this.scoreTerms = [];
+    this.scScoreTerms = [];
+    this.isRadarFacility = false;
+    this.components = { plots: {} };
+  }
+  //extracts the relevant state from the appState: config, termfilter, vocab, login info
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) throw `No plot with id='${this.id}' found`;
+    const { logged, sites, user } = getProfileLogin(this.app, appState.activeCohort);
+    const site = sites?.[0];
+    return {
+      config,
+      termfilter: appState.termfilter,
+      dslabel: appState.vocab.dslabel,
+      termdbConfig: appState.termdbConfig,
+      vocab: appState.vocab,
+      logged,
+      //later change to read login info
+      site,
+      sites,
+      user,
+      activeCohort: appState.activeCohort,
+      //Find plots where I am a parent. Here the child is a second plot for comparison
+      plots: appState.plots.filter((p) => p.parentId === this.id)
+      //this property is needed to indicate that child plots need to be added to the appState plots
+    };
+  }
+  //refers to the view where all the filters are shown and not the preselected site
+  isAggregate() {
+    if (!this.state.logged) return true;
+    if (this.settings.isAggregate) return true;
+    if (this.state.sites?.length > 1 || this.state.user == "admin" || this.isRadarFacility) return true;
+    return false;
+  }
+  //initializes the plot elements
+  async init(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    const state = this.getState(appState);
+    if (this.opts.header) {
+      let chartName = config.chartType.match(/[A-Z][a-z]+/g);
+      chartName = chartName.join(" ");
+      chartName = config.headerTitle ? config.headerTitle + ` / ${state.user}` : chartName + ` / ${state.user}`;
+      this.opts.header.style("text-transform", "capitalize").text(chartName);
+    }
+    const div = this.opts.holder.append("div").style("display", "inline-block");
+    const leftDiv = div.append("div").style("display", "inline-block").style("vertical-align", "top");
+    const rightDiv = div.append("div").style("display", "inline-block").style("vertical-align", "top");
+    const controlsDiv = leftDiv.append("div").style("display", "inline-block").style("font-size", "0.9em");
+    const iconsDiv = leftDiv.append("div").style("margin-top", "10px").style("padding-left", "12px");
+    const holder = rightDiv.insert("div").style("display", "inline-block");
+    const plotDiv = holder.append("div");
+    this.dom = {
+      controlsDiv,
+      holder,
+      iconsDiv,
+      rightDiv,
+      plotDiv
+    };
+    select_default(".sjpp-output-sandbox-content").on("scroll", (event) => {
+      if (this.onMouseOut) this.onMouseOut(event);
+    });
+    this.dom.rightDiv.on("mousemove", (event) => this.onMouseOver(event));
+    this.dom.rightDiv.on("mouseleave", (event) => this.onMouseOut(event));
+    this.dom.rightDiv.on("mouseout", (event) => this.onMouseOut(event));
+    document.addEventListener("scroll", () => this?.tip?.hide());
+    const restartDiv = iconsDiv.append("div").style("padding-bottom", "8px");
+    icons["restart"](restartDiv, {
+      title: "Clear filters",
+      handler: async () => {
+        this.clearFiltersExcept([]);
+        this.app.dispatch({
+          type: "plot_edit",
+          id: this.id,
+          config: { filter: this.getFilter(), settings: { [this.type]: this.settings } }
+        });
+      }
+    });
+    if (!config.parentId) {
+      const iconDiv = iconsDiv.append("div").style("fill", "#aaa").style("padding", "2px");
+      icons["add"](iconDiv, {
+        title: "Open another plot for comparison",
+        handler: () => {
+          const show = !this.isComparison;
+          const icon = iconDiv.select("svg");
+          icon.style("fill", show ? "orange" : "black");
+          if (this.isComparison) {
+            const id = this.state.plots.find((p) => p.parentId === this.id)?.id;
+            this.app.dispatch({
+              type: "plot_delete",
+              id,
+              parentId: this.id
+            });
+            return;
+          }
+          this.legendG.selectAll("*").remove();
+          const config2 = structuredClone(this.config);
+          config2.parentId = this.id;
+          this.app.dispatch({
+            type: "plot_create",
+            config: config2
+          });
+        }
+      });
+    }
+  }
+  //tooltip handler to hide the tooltip when mouse leaves the plot area
+  onMouseOut(_event) {
+    this.tip.hide();
+  }
+  async main() {
+    this.config = JSON.parse(JSON.stringify(this.state.config));
+    this.settings = this.config.settings[this.type];
+    this.dom.plotDiv.selectAll("*").remove();
+    this.isComparison = this.config.parentId || this.state.plots.length > 0;
+    for (const config of this.state.plots) {
+      const plot = structuredClone(config);
+      if (this.components.plots[plot.id]) continue;
+      const holder = this.opts.holder.append("div").style("display", "inline-block").style("padding", "5px");
+      plot.holder = holder.append("div");
+      plot.app = this.app;
+      const { componentInit } = await importPlot(plot.chartType);
+      this.components.plots[plot.id] = await componentInit(plot);
+    }
+    for (const plotId in this.components.plots) {
+      if (!this.state.plots.find((p) => p.id === plotId)) {
+        this.components.plots[plotId].destroy();
+        delete this.components.plots[plotId];
+      }
+    }
+  }
+  async setControls(additionalInputs = []) {
+    try {
+      const isRadarFacility = this.isRadarFacility;
+      const filters = {};
+      for (const tw of this.config.filterTWs) {
+        filters[tw.term.id] = getCategoricalTermFilter(this.config.filterTWs, this.settings, tw);
+      }
+      this.filteredTermValues = await this.app.vocabApi.filterTermValues({
+        terms: this.config.filterTWs,
+        filter: this.state.termfilter.filter,
+        filters,
+        facilityTW: this.config.facilityTW,
+        // safe to pass because the backend code will still compare terms[] with the the dataset's hiddenTermIds,
+        // it only affects what will be included in the aggregation and does not disable user access authentication
+        filterByUserSites: this.settings.filterByUserSites,
+        showAll: true
+      });
+      const regions = this.filteredTermValues[this.config.regionTW.id];
+      const countries = this.filteredTermValues[this.config.countryTW.id];
+      const incomes = this.filteredTermValues[this.config.incomeTW.id];
+      const teachingStates = this.filteredTermValues[this.config.teachingStatusTW.id];
+      const referralStates = this.filteredTermValues[this.config.referralStatusTW.id];
+      const fundingSources = this.filteredTermValues[this.config.fundingSourceTW.id];
+      const hospitalVolumes = this.filteredTermValues[this.config.hospitalVolumeTW.id];
+      const yearsOfImplementation = this.filteredTermValues[this.config.yearOfImplementationTW.id];
+      incomes.sort((elem1, elem2) => {
+        const i1 = orderedIncomes.indexOf(elem1.value);
+        const i2 = orderedIncomes.indexOf(elem2.value);
+        if (i1 < i2) return -1;
+        return 1;
+      });
+      hospitalVolumes.sort((elem1, elem2) => {
+        const i1 = orderedVolumes.indexOf(elem1.value);
+        const i2 = orderedVolumes.indexOf(elem2.value);
+        if (i1 < i2) return -1;
+        return 1;
+      });
+      const types = this.filteredTermValues[this.config.typeTW.id];
+      const isAggregate = this.isAggregate();
+      if (!this.settings[this.config.facilityTW?.term?.id] && this.state.sites?.length == 1 && !isAggregate) {
+        this.settings[this.config.facilityTW?.term?.id] = [this.state.sites[0]];
+      }
+      this.filter = this.config.filter || this.getFilter();
+      if (this.type == "profileForms")
+        this.data = await this.app.vocabApi.getProfileFormScores({
+          scoreTerms: this.scoreTerms,
+          scScoreTerms: this.scScoreTerms,
+          filter: this.filter,
+          facilityTW: this.config.facilityTW,
+          filterByUserSites: this.settings.filterByUserSites
+        });
+      else if (this.type != "profilePolar2")
+        this.data = await this.app.vocabApi.getProfileScores({
+          scoreTerms: this.scoreTerms,
+          filter: this.filter,
+          facilityTW: this.config.facilityTW,
+          filterByUserSites: this.settings.filterByUserSites
+        });
+      if (this.data && "error" in this.data) throw this.data.error;
+      this.sites = this.filteredTermValues[this.config.facilityTW.id]?.filter((s) => !s.disabled && s.value);
+      if (this.settings[this.config.facilityTW?.term?.id])
+        for (const site of this.settings[this.config.facilityTW?.term?.id]) {
+          const siteOption = this.sites.find((s) => s.value == site);
+          if (siteOption) siteOption.selected = true;
+        }
+      const chartType = this.type;
+      this.dom.controlsDiv.selectAll("*").remove();
+      const inputs = [];
+      const userSitesFilterInput = {
+        label: "Use accessible sites only",
+        boxLabel: "",
+        type: "checkbox",
+        chartType,
+        settingsKey: "filterByUserSites"
+      };
+      if (this.state.sites?.length == 1 && !isRadarFacility) {
+        const dataInput = {
+          label: "Data",
+          type: "radio",
+          chartType,
+          settingsKey: "isAggregate",
+          styles: { display: "inline-block" },
+          options: [
+            { label: this.state.site, value: false },
+            { label: "Aggregate", value: true }
+          ],
+          callback: (isAggregate2) => {
+            this.settings.isAggregate = isAggregate2;
+            const id = this.sites.find((s) => s.value == this.state.site)?.value;
+            const value = isAggregate2 ? [] : [id];
+            this.setFilterValue(this.config.facilityTW.term.id, value);
+          }
+        };
+        inputs.push(dataInput);
+      }
+      if (isAggregate || isRadarFacility) {
+        inputs.push(
+          ...[
+            {
+              label: "Region",
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.regionTW.term.id,
+              options: regions,
+              callback: (value) => this.setFilterValue(this.config.regionTW.term.id, value)
+            },
+            {
+              label: "Country",
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.countryTW.term.id,
+              options: countries,
+              callback: (value) => this.setFilterValue(this.config.countryTW.term.id, value)
+            },
+            {
+              label: "Income group",
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.incomeTW.term.id,
+              options: incomes,
+              callback: (value) => this.setFilterValue(this.config.incomeTW.term.id, value)
+            },
+            {
+              label: "Facility type",
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.typeTW.term.id,
+              options: types,
+              callback: (value) => this.setFilterValue(this.config.typeTW.term.id, value)
+            },
+            {
+              label: this.config.teachingStatusTW.term.name,
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.teachingStatusTW.term.id,
+              options: teachingStates,
+              callback: (value) => this.setFilterValue(this.config.teachingStatusTW.term.id, value)
+            },
+            {
+              label: this.config.referralStatusTW.term.name,
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.referralStatusTW.term.id,
+              options: referralStates,
+              callback: (value) => this.setFilterValue(this.config.referralStatusTW.term.id, value)
+            },
+            {
+              label: this.config.fundingSourceTW.term.name,
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.fundingSourceTW.term.id,
+              options: fundingSources,
+              callback: (value) => this.setFilterValue(this.config.fundingSourceTW.term.id, value)
+            },
+            {
+              label: this.config.hospitalVolumeTW.term.name,
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.hospitalVolumeTW.term.id,
+              options: hospitalVolumes,
+              callback: (value) => this.setFilterValue(this.config.hospitalVolumeTW.term.id, value)
+            },
+            {
+              label: this.config.yearOfImplementationTW.term.name,
+              type: "dropdown",
+              chartType,
+              settingsKey: this.config.yearOfImplementationTW.term.id,
+              options: yearsOfImplementation,
+              callback: (value) => this.setFilterValue(this.config.yearOfImplementationTW.term.id, value)
+            }
+          ]
+        );
+      }
+      if (this.state.logged) {
+        if (isAggregate && this.sites.length > 1) {
+          const sitesInput = {
+            label: "Sites",
+            type: "dropdown",
+            chartType,
+            options: this.sites,
+            multiple: true,
+            callback: (values) => this.setFilterValue(this.config.facilityTW.term.id, values)
+          };
+          inputs.push(sitesInput);
+          if (this.state.user != "admin") inputs.unshift(userSitesFilterInput);
+        }
+        if (isRadarFacility) {
+          const settings = { ...this.settings };
+          settings[this.config.facilityTW.term.id] = null;
+          const filter = this.getFilterWithSettings(settings);
+          this.sampleData = await this.app.vocabApi.getProfileScores({
+            scoreTerms: this.scoreTerms,
+            filter,
+            //filter excluding facility term
+            facilitySite: this.settings.facilitySite || null,
+            //need to pass null not undefined, so the parameter is always passed to the server
+            facilityTW: this.config.facilityTW
+          });
+          const facilitySites = this.sampleData.sites;
+          const facilitySite = this.settings.facilitySite ? facilitySites.find((s) => s.value == this.settings.facilitySite) : facilitySites[0];
+          if (!facilitySite)
+            throw new Error(`Access to ${this.settings.facilitySite} facility not allowed`);
+          facilitySite.selected = true;
+          inputs.unshift({
+            label: "Facility site",
+            type: "dropdown",
+            chartType,
+            options: facilitySites,
+            callback: (value) => {
+              this.setFacilitySite(value);
+            }
+          });
+        }
+      }
+      inputs.unshift(...additionalInputs);
+      this.components.controls = await controlsInit({
+        app: this.app,
+        id: this.id,
+        holder: this.dom.controlsDiv,
+        inputs,
+        title: "Filters"
+      });
+      this.components.controls.on(`downloadClick.${chartType}`, (event) => this.download(event));
+      this.components.controls.on(`helpClick.${chartType}`, () => {
+        const activeCohort = this.state.activeCohort;
+        let link;
+        if (activeCohort == ABBREV_COHORT) {
+          if (chartType == "profileBarchart")
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/bar-graph-abbr-profiledash.pdf";
+          else if (chartType == "profilePolar" || chartType == "profilePolar2")
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/polar-graph-abbr-profiledash.pdf";
+          else if (chartType.startsWith("profileRadar"))
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/radar-abbr-profiledash.pdf";
+        } else if (activeCohort == FULL_COHORT) {
+          if (chartType == "profileBarchart")
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/bar-graph-full-profiledash.pdf";
+          else if (chartType == "profilePolar" || chartType == "profilePolar2")
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/polar-graph-full-profiledash.pdf";
+          else if (chartType.startsWith("profileRadar"))
+            link = "https://global.stjude.org/content/dam/global/en-us/documents/no-index/radar-full-profiledash.pdf";
+        }
+        if (link) window.open(link);
+      });
+      this.filtersCount = 0;
+    } catch (e) {
+      console.log(e);
+      throw e;
+    }
+  }
+  setFilterValue(key, value) {
+    const config = this.config;
+    this.settings[key] = value;
+    config.filter = this.getFilter();
+    this.app.dispatch({ type: "plot_edit", id: this.id, config: this.config });
+  }
+  getFilterWithSettings(settings) {
+    let filter = getCategoricalTermFilter(this.config.filterTWs, settings, null);
+    filter = getCombinedTermFilter(this.state, filter);
+    return filter.filter;
+  }
+  getFilter() {
+    let filter = getCategoricalTermFilter(this.config.filterTWs, this.settings, null);
+    filter = getCombinedTermFilter(this.state, filter);
+    return filter.filter;
+  }
+  clearFiltersExcept(ids) {
+    for (const tw of this.config.filterTWs) if (!ids.includes(tw.term.id)) this.settings[tw.term.id] = "";
+  }
+  setFacilitySite(site) {
+    this.settings.facilitySite = site;
+    this.app.dispatch({ type: "plot_edit", id: this.id, config: this.config });
+  }
+  addFilterLegend() {
+    const hasFilters = this.config.filterTWs.some((tw) => this.settings[tw.term.id]);
+    const title = hasFilters ? "Filters" : "No filter applied";
+    this.filterG.attr("font-size", "0.9em").append("text").attr("text-anchor", "left").style("font-weight", "bold").text(`${title} (n=${this.data.n})`).attr("transform", `translate(0, -5)`);
+    for (const tw of this.config.filterTWs) this.addFilterLegendItem(tw.term.name, this.settings[tw.term.id]);
+  }
+  addFilterLegendItem(filter, value) {
+    if (!value || value?.length === 0) return;
+    this.filtersCount++;
+    const isArray = Array.isArray(value);
+    let text = isArray ? value.join(", ") : value;
+    if (text.length > 40) {
+      text = text.slice(0, 40) + "...";
+    }
+    const itemG = this.filterG.append("g").attr("font-size", "0.95em");
+    const textElem = itemG.append("text").attr("transform", `translate(0, ${this.filtersCount * 22})`).attr("text-anchor", "left");
+    textElem.append("tspan").attr("font-weight", "bold").text(`${filter}: `);
+    textElem.append("tspan").text(text);
+  }
+  addEndUserImpressionNote(uiG) {
+    uiG.attr("font-size", "0.9em");
+    const textElem = uiG.append("text").attr("transform", `translate(0, 115)`);
+    textElem.append("tspan").attr("font-weight", "bold").text("End-user Impression: ");
+    textElem.append("tspan").text("It is provided by the local liaison who completed the assessment ");
+    uiG.append("text").attr("transform", `translate(0, 140)`).text("in consultation with the PHO medical director or directly by the PHO medical director.");
+    uiG.append("text").attr("transform", `translate(0, 165)`).text("The end-user was asked to rate the current status of the domains and subdomains included.");
+  }
+  addPOCNote(uiG) {
+    uiG.attr("font-size", "0.9em");
+    const textElem = uiG.append("text").attr("transform", `translate(0, 115)`);
+    textElem.append("tspan").attr("font-weight", "bold").text("Point of Care (POC) Staff: ");
+    textElem.append("tspan").text("All members of the assessment team, ");
+    uiG.append("text").attr("transform", `translate(0, 140)`).text("excluding the Site Coordinator. POC staff provide subjective information based ");
+    uiG.append("text").attr("transform", `translate(0, 165)`).text("on their experience and perception about service delivery at the PHO facility.");
+  }
+  addLegendItem(category, description, index) {
+    const text = this.legendG.append("text").attr("font-size", "0.9em").attr("transform", `translate(0, ${index * 20})`).attr("text-anchor", "left");
+    text.append("tspan").attr("font-weight", "bold").text(category);
+    text.append("tspan").text(`: ${description}`);
+  }
+  getDownloadFilename() {
+    this.downloadCount++;
+    let filename = `${this.type}${this.downloadCount}`;
+    filename = filename.split(" ").join("_");
+    return filename;
+  }
+  getPercentage(d) {
+    if (!d) return 0;
+    const score = this.data.term2Score[d.score.term.id];
+    return score;
+  }
+  async download(event) {
+    const chartImages = this.getChartImages();
+    const menu = new DownloadMenu(chartImages, this.getDownloadFilename());
+    menu.show(event.clientX, event.clientY, event.target);
+  }
+  preApiFreeze(api) {
+    api.download = this.download;
+    api.getChartImages = () => this.getChartImages();
+  }
+  getChartImages() {
+    const plots = Object.values(this.components.plots);
+    const note = "\xA9 2025 St. Jude Children\u2019s Research Hospital";
+    let name = plots.length > 0 ? "Original" : "";
+    name += ` ${note}`;
+    const charts = [{ name, svg: this.dom.svg }];
+    let i = 1;
+    for (const plot of plots) {
+      const chartImages = plot.getChartImages();
+      for (const chartImage of chartImages) {
+        const svg = chartImage.svg;
+        const name2 = chartImages.length > 1 ? `Comparison ${i}. ${chartImage.name} ${note}` : `Comparison ${chartImage.name} ${note}`;
+        charts.push({ name: name2, svg });
+      }
+      i++;
+    }
+    return charts;
+  }
+};
+function makeChartBtnMenu(holder, chartsInstance, chartType) {
+  const state = chartsInstance.state;
+  const key = state.activeCohort == FULL_COHORT ? "full" : "abbrev";
+  const typeConfig = state.termdbConfig?.plotConfigByCohort[key][chartType];
+  if (typeConfig.options.length == 1) {
+    createPlot(typeConfig.options[0], chartType, chartsInstance);
+    return;
+  }
+  const menuDiv = holder.append("div");
+  for (const plotConfig of typeConfig.options) {
+    menuDiv.append("div").attr("class", "sja_menuoption sja_sharp_border").text(plotConfig.title).on("click", () => {
+      createPlot(plotConfig, chartType, chartsInstance);
+      chartsInstance.dom.tip.hide();
+    });
+  }
+  function createPlot(plotConfig, chartType2, chartsInstance2) {
+    const config = structuredClone(plotConfig);
+    config.chartType = chartType2;
+    chartsInstance2.app.dispatch({
+      type: "plot_create",
+      chartType: chartType2,
+      config
+    });
+  }
+}
+async function getProfilePlotConfig(activeCohort, app, opts) {
+  const key = activeCohort == FULL_COHORT ? "full" : "abbrev";
+  const config = app.vocabApi.termdbConfig?.plotConfigByCohort[key]?.[opts.chartType];
+  if (!config) throw `No data available for the plot ${opts.chartType} in this dataset`;
+  const cohortPreffix = activeCohort == FULL_COHORT ? "F" : "A";
+  config.facilityTW = { id: cohortPreffix + "UNIT" };
+  config.hidePlotFilter = true;
+  await fillTermWrapper(config.facilityTW, app.vocabApi);
+  await loadFilterTerms(config, activeCohort, app);
+  return structuredClone(config);
+}
+async function loadFilterTerms(config, activeCohort, app) {
+  const cohortPreffix = activeCohort == FULL_COHORT ? "F" : "A";
+  config.countryTW = { id: cohortPreffix + "country" };
+  config.regionTW = { id: cohortPreffix + "WHO_region" };
+  config.incomeTW = { id: cohortPreffix + "Income_group" };
+  config.typeTW = { id: cohortPreffix + "FC_TypeofFacility" };
+  config.teachingStatusTW = { id: cohortPreffix + "FC_TeachingFacility" };
+  config.referralStatusTW = { id: cohortPreffix + "FC_ReferralFacility" };
+  config.fundingSourceTW = { id: cohortPreffix + "FC_FundingSrc" };
+  config.hospitalVolumeTW = { id: cohortPreffix + "PO_HospitalVolume" };
+  config.yearOfImplementationTW = { id: cohortPreffix + "Year_implementation" };
+  const filterTWs = [
+    config.facilityTW,
+    config.countryTW,
+    config.regionTW,
+    config.incomeTW,
+    config.typeTW,
+    config.teachingStatusTW,
+    config.referralStatusTW,
+    config.fundingSourceTW,
+    config.hospitalVolumeTW,
+    config.yearOfImplementationTW
+  ];
+  await fillTwLst(filterTWs, app.vocabApi);
+  config.filterTWs = filterTWs;
+}
+function clearLocalFilters(plot) {
+  plot.settings = getDefaultProfilePlotSettings();
+}
+function getDefaultProfilePlotSettings() {
+  return {
+    isAggregate: false,
+    filterByUserSites: false
+    //if true, the aggregation will be limited to the user sites only
+  };
+}
+function getProfileLogin(app, cohort = FULL_COHORT) {
+  const auth = app.vocabApi.getClientAuthResult();
+  if (!auth) return { logged: false, sites: [], user: "public" };
+  const auth_info = cohort == FULL_COHORT ? auth.full : auth.abbrev;
+  const logged = auth_info?.role != "public";
+  if (!auth_info) return { logged: false, sites: [], user: "public" };
+  const user = auth_info?.role || "public";
+  const sites = user == "admin" ? null : auth_info.sites;
+  return { logged, sites, user };
+}
+
+export {
+  ABBREV_COHORT,
+  FULL_COHORT,
+  profilePlot,
+  makeChartBtnMenu,
+  getProfilePlotConfig,
+  loadFilterTerms,
+  clearLocalFilters,
+  getDefaultProfilePlotSettings,
+  getProfileLogin
+};
+//# sourceMappingURL=chunk-A742TQD2.js.map

package/dist/chunk-A7E3JZ5P.js

@@ -0,0 +1,56 @@
+import {
+  sayerror
+} from "./chunk-OXJ2TWDO.js";
+import {
+  TermTypeGroups
+} from "./chunk-XYFDBYOY.js";
+
+// termdb/handlers/singleCellCellType.ts
+var SearchHandler = class {
+  async init(opts) {
+    this.validateOpts(opts);
+    this.callback = opts.callback;
+    this.app = opts.app;
+    const holder = opts.holder.append("div").style("padding", "10px 0px");
+    const scctTerms = opts.app.vocabApi.termdbConfig?.termType2terms?.[TermTypeGroups.SINGLECELL_CELLTYPE];
+    if (!scctTerms) {
+      sayerror(
+        holder,
+        `termType2terms[${TermTypeGroups.SINGLECELL_CELLTYPE}]:[] is required in termdbConfig for singleCellCellType handler`
+      );
+      return;
+    }
+    const usecaseConfig = opts.usecase?.specialCase?.config;
+    const plotName = usecaseConfig?.name;
+    let filteredTerms = [];
+    if (plotName) {
+      filteredTerms = scctTerms.filter((t) => t.plot == plotName);
+    } else {
+      filteredTerms = scctTerms.map((t) => Object.assign(t, { label: `${t.name} (${t.plot})` }));
+    }
+    for (const t of filteredTerms) {
+      holder.append("div").classed("termdiv", true).style("padding", "0px 5px").append("div").classed("termlabel sja_filter_tag_btn sja_tree_click_term ts_pill", true).style("display", "inline-block").style("padding", "5px 8px").style("margin", "1px 0px").style("border-radius", "6px").text(t.label || t.name).on("click", () => {
+        const term = this.makeTerm(t, usecaseConfig);
+        this.callback(term);
+      });
+    }
+  }
+  makeTerm(_term, usecaseConfig) {
+    const term = { ..._term };
+    if (!term.sample && usecaseConfig?.sample) term.sample = usecaseConfig.sample;
+    return term;
+  }
+  validateOpts(opts) {
+    if (opts.callback == null) throw new Error("callback is required");
+    if (opts.app == null) throw new Error("app is required");
+    if (opts.holder == null) throw new Error("holder is required");
+    if (opts.usecase == null) throw new Error("usecase is required");
+    if (!opts.app.vocabApi.termdbConfig?.termType2terms)
+      throw new Error("termType2terms is required in termdbConfig for singleCellCellType handler");
+  }
+};
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-A7E3JZ5P.js.map

package/dist/chunk-A7E3JZ5P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/singleCellCellType.ts"],
+  "sourcesContent": ["import type { AppApi } from '#rx'\nimport { TermTypeGroups } from '#shared/terms.js'\nimport { sayerror } from '#dom'\n\nexport class SearchHandler {\n\tcallback?: (f?: any) => void\n\tapp?: AppApi\n\n\tasync init(opts) {\n\t\tthis.validateOpts(opts)\n\t\tthis.callback = opts.callback\n\t\tthis.app = opts.app\n\n\t\tconst holder = opts.holder.append('div').style('padding', '10px 0px')\n\t\tconst scctTerms = opts.app.vocabApi.termdbConfig?.termType2terms?.[TermTypeGroups.SINGLECELL_CELLTYPE]\n\t\tif (!scctTerms) {\n\t\t\tsayerror(\n\t\t\t\tholder,\n\t\t\t\t`termType2terms[${TermTypeGroups.SINGLECELL_CELLTYPE}]:[] is required in termdbConfig for singleCellCellType handler`\n\t\t\t)\n\t\t\treturn\n\t\t}\n\t\tconst usecaseConfig = opts.usecase?.specialCase?.config\n\t\tconst plotName = usecaseConfig?.name\n\t\tlet filteredTerms: any[] = []\n\t\tif (plotName) {\n\t\t\tfilteredTerms = scctTerms.filter(t => t.plot == plotName)\n\t\t} else {\n\t\t\tfilteredTerms = scctTerms.map(t => Object.assign(t, { label: `${t.name} (${t.plot})` }))\n\t\t}\n\n\t\tfor (const t of filteredTerms) {\n\t\t\tholder\n\t\t\t\t/** The divs and styling duplicates the appearance of the\n\t\t\t\t * tree terms. The tree is NOT called for this handler. */\n\t\t\t\t.append('div')\n\t\t\t\t.classed('termdiv', true)\n\t\t\t\t.style('padding', '0px 5px')\n\t\t\t\t.append('div')\n\t\t\t\t.classed('termlabel sja_filter_tag_btn sja_tree_click_term ts_pill', true)\n\t\t\t\t.style('display', 'inline-block')\n\t\t\t\t.style('padding', '5px 8px')\n\t\t\t\t.style('margin', '1px 0px')\n\t\t\t\t.style('border-radius', '6px')\n\t\t\t\t//End duplicated pill styling\n\t\t\t\t.text(t.label || t.name)\n\t\t\t\t.on('click', () => {\n\t\t\t\t\tconst term = this.makeTerm(t, usecaseConfig)\n\t\t\t\t\tthis.callback!(term)\n\t\t\t\t})\n\t\t}\n\t}\n\n\tmakeTerm(_term, usecaseConfig) {\n\t\tconst term = { ..._term }\n\t\tif (!term.sample && usecaseConfig?.sample) term.sample = usecaseConfig.sample\n\t\treturn term\n\t}\n\n\tvalidateOpts(opts) {\n\t\tif (opts.callback == null) throw new Error('callback is required')\n\t\tif (opts.app == null) throw new Error('app is required')\n\t\tif (opts.holder == null) throw new Error('holder is required')\n\t\tif (opts.usecase == null) throw new Error('usecase is required')\n\t\tif (!opts.app.vocabApi.termdbConfig?.termType2terms)\n\t\t\tthrow new Error('termType2terms is required in termdbConfig for singleCellCellType handler')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;AAIO,IAAM,gBAAN,MAAoB;AAAA,EAI1B,MAAM,KAAK,MAAM;AAChB,SAAK,aAAa,IAAI;AACtB,SAAK,WAAW,KAAK;AACrB,SAAK,MAAM,KAAK;AAEhB,UAAM,SAAS,KAAK,OAAO,OAAO,KAAK,EAAE,MAAM,WAAW,UAAU;AACpE,UAAM,YAAY,KAAK,IAAI,SAAS,cAAc,iBAAiB,eAAe,mBAAmB;AACrG,QAAI,CAAC,WAAW;AACf;AAAA,QACC;AAAA,QACA,kBAAkB,eAAe,mBAAmB;AAAA,MACrD;AACA;AAAA,IACD;AACA,UAAM,gBAAgB,KAAK,SAAS,aAAa;AACjD,UAAM,WAAW,eAAe;AAChC,QAAI,gBAAuB,CAAC;AAC5B,QAAI,UAAU;AACb,sBAAgB,UAAU,OAAO,OAAK,EAAE,QAAQ,QAAQ;AAAA,IACzD,OAAO;AACN,sBAAgB,UAAU,IAAI,OAAK,OAAO,OAAO,GAAG,EAAE,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,IAAI,IAAI,CAAC,CAAC;AAAA,IACxF;AAEA,eAAW,KAAK,eAAe;AAC9B,aAGE,OAAO,KAAK,EACZ,QAAQ,WAAW,IAAI,EACvB,MAAM,WAAW,SAAS,EAC1B,OAAO,KAAK,EACZ,QAAQ,4DAA4D,IAAI,EACxE,MAAM,WAAW,cAAc,EAC/B,MAAM,WAAW,SAAS,EAC1B,MAAM,UAAU,SAAS,EACzB,MAAM,iBAAiB,KAAK,EAE5B,KAAK,EAAE,SAAS,EAAE,IAAI,EACtB,GAAG,SAAS,MAAM;AAClB,cAAM,OAAO,KAAK,SAAS,GAAG,aAAa;AAC3C,aAAK,SAAU,IAAI;AAAA,MACpB,CAAC;AAAA,IACH;AAAA,EACD;AAAA,EAEA,SAAS,OAAO,eAAe;AAC9B,UAAM,OAAO,EAAE,GAAG,MAAM;AACxB,QAAI,CAAC,KAAK,UAAU,eAAe,OAAQ,MAAK,SAAS,cAAc;AACvE,WAAO;AAAA,EACR;AAAA,EAEA,aAAa,MAAM;AAClB,QAAI,KAAK,YAAY,KAAM,OAAM,IAAI,MAAM,sBAAsB;AACjE,QAAI,KAAK,OAAO,KAAM,OAAM,IAAI,MAAM,iBAAiB;AACvD,QAAI,KAAK,UAAU,KAAM,OAAM,IAAI,MAAM,oBAAoB;AAC7D,QAAI,KAAK,WAAW,KAAM,OAAM,IAAI,MAAM,qBAAqB;AAC/D,QAAI,CAAC,KAAK,IAAI,SAAS,cAAc;AACpC,YAAM,IAAI,MAAM,2EAA2E;AAAA,EAC7F;AACD;",
+  "names": []
+}