precision-dashwidgets 0.5.0 → 0.5.2

package/dist/index-Oh_goZGT-H9AAGZr8.mjs

@@ -0,0 +1,9 @@
+import { M as a } from "./index-Hx8PFhs9.mjs";
+import { j as e, q as M, K as s, r as P } from "./index-Hx8PFhs9.mjs";
+export {
+  a as UMAP,
+  e as UMAPControlPanel,
+  M as UMAPScatterplot,
+  s as clearUMAPStore,
+  P as createUMAPStore
+};

package/dist/index-UOUUzHJY-DJVMXBUa.mjs

@@ -0,0 +1,61 @@
+import { defineComponent as y, ref as t, openBlock as u, createElementBlock as c, createElementVNode as l, withDirectives as p, vModelText as r, withKeys as b, createCommentVNode as k } from "vue";
+import { k as U } from "./index-Hx8PFhs9.mjs";
+const g = { class: "ai-plot-widget" }, h = { class: "ai-plot-field" }, x = {
+  key: 0,
+  class: "ai-plot-field"
+}, C = /* @__PURE__ */ y({
+  __name: "AiPlotly",
+  props: {
+    srcUrl: {}
+  },
+  setup(s) {
+    const a = t(s.srcUrl || ""), o = t(""), n = t(!1), d = t(null);
+    async function v() {
+      a.value && (n.value = !0);
+    }
+    async function f() {
+      !o.value || n.value;
+    }
+    function m() {
+    }
+    return (D, e) => (u(), c("div", g, [
+      l("div", h, [
+        e[2] || (e[2] = l("label", null, "Data URL", -1)),
+        p(l("input", {
+          "onUpdate:modelValue": e[0] || (e[0] = (i) => a.value = i),
+          type: "text",
+          class: "ai-plot-input",
+          placeholder: "S3 Parquet URL",
+          onBlur: v
+        }, null, 544), [
+          [r, a.value]
+        ])
+      ]),
+      n.value ? (u(), c("div", x, [
+        e[3] || (e[3] = l("label", null, "Plot Description", -1)),
+        p(l("input", {
+          "onUpdate:modelValue": e[1] || (e[1] = (i) => o.value = i),
+          type: "text",
+          class: "ai-plot-input",
+          maxlength: 280,
+          placeholder: "Describe your plot...",
+          onKeyup: b(f, ["enter"])
+        }, null, 544), [
+          [r, o.value]
+        ])
+      ])) : k("", !0),
+      l("div", {
+        ref_key: "plotlyDiv",
+        ref: d,
+        class: "plot-container"
+      }, null, 512),
+      l("button", {
+        class: "ai-plot-btn",
+        onClick: m
+      }, "Save Widget Config")
+    ]));
+  }
+}), B = /* @__PURE__ */ U(C, [["__scopeId", "data-v-a1b59c7a"]]);
+export {
+  B as AiPlotly
+};

package/dist/index-dhOjlnSX-Biz-kopS.mjs

@@ -0,0 +1,278 @@
+import { defineComponent as le, inject as te, ref as g, computed as F, watch as ne, onMounted as oe, onBeforeUnmount as re, openBlock as w, createElementBlock as E, createElementVNode as r, withDirectives as D, vModelText as ie, Fragment as M, renderList as N, toDisplayString as $, vModelSelect as W, createCommentVNode as ue } from "vue";
+import { k as se, b as z } from "./index-Hx8PFhs9.mjs";
+const ce = { class: "pp-container" }, pe = { class: "pp-header" }, ve = { class: "pp-controls" }, de = { class: "pp-field" }, me = ["disabled"], fe = { class: "pp-field" }, ye = ["disabled"], Se = ["value"], ge = ["value"], we = ["disabled"], Ee = ["value"], $e = { class: "pp-field" }, he = ["disabled"], Ae = {
+  key: 0,
+  class: "pp-message"
+}, I = 100, _ = 12, B = "(other)", Ce = /* @__PURE__ */ le({
+  __name: "ProportionPlot",
+  props: {
+    apiUrl: {},
+    pkg: {},
+    srcUrl: {},
+    srcFileType: {},
+    srcFileId: {},
+    tableNameOverride: {}
+  },
+  setup(H) {
+    const y = H;
+    let O;
+    const V = te("duckdb");
+    if (!V)
+      throw new Error(
+        '[@pennsieve-viz/core] DuckDB store not provided. Please provide a DuckDB store via app.provide("duckdb", store)'
+      );
+    const C = V, c = g(null), b = g(null), v = g(
+      y.srcUrl || "https://temp-precision-dashboard-data.s3.us-east-1.amazonaws.com/precision_human_drg_data.parquet"
+    ), j = F(() => C.formatIdFromUrl(v.value)), f = g(!1), d = g(""), S = g([]), p = g(""), m = g(""), R = `proportion-plot-${Math.random().toString(36).slice(2)}`;
+    ne(
+      () => ({ srcUrl: y.srcUrl, srcFileType: y.srcFileType, srcFileId: y.srcFileId, pkg: y.pkg, apiUrl: y.apiUrl }),
+      async ({ srcUrl: l, srcFileType: a, srcFileId: e, pkg: i, apiUrl: n }) => {
+        var o, s;
+        try {
+          if (l && (v.value = l), await L(), v.value) {
+            const A = a ?? (v.value.toLowerCase().endsWith(".csv") ? "csv" : "parquet");
+            await G(A, j.value);
+            return;
+          }
+          const t = (o = i == null ? void 0 : i.content) == null ? void 0 : o.id, h = (s = i == null ? void 0 : i.content) == null ? void 0 : s.packageType;
+          if (t && n) {
+            const A = await Q(t, n);
+            if (!A) return;
+            const U = await K(t, A, n), x = h === "CSV" ? "csv" : "parquet", u = A.replace(/[^a-zA-Z0-9_.-]/g, "_");
+            v.value = U, await G(x, u);
+          }
+        } catch (t) {
+          console.error("[ProportionPlot] Load failed:", (t == null ? void 0 : t.message) || t), d.value = `Load failed: ${(t == null ? void 0 : t.message) || t}`;
+        }
+      },
+      { immediate: !0 }
+    );
+    const T = /* @__PURE__ */ new Set(["VARCHAR", "STRING", "TEXT", "BOOL", "BOOLEAN", "DATE", "TIMESTAMP"]), Y = F(() => S.value.filter((l) => T.has(l.type) || l.type.startsWith("VARCHAR"))), q = F(() => S.value.filter((l) => !T.has(l.type)));
+    async function L() {
+      if (c.value) return;
+      const { connectionId: l } = await C.createConnection(`prop_${Date.now()}`);
+      c.value = l;
+    }
+    function Z(l) {
+      const a = String(l).replace(/[^A-Za-z0-9_]/g, "_");
+      return (/^[A-Za-z_]/.test(a) ? a : `t_${a}`).slice(0, 63);
+    }
+    async function G(l, a) {
+      c.value || await L();
+      const e = (a || y.srcFileId || v.value || "file").replace(/[^A-Za-z0-9]/g, "_");
+      f.value = !0, d.value = "Loading file into DuckDB…";
+      try {
+        const i = l ?? (v.value.toLowerCase().endsWith(".csv") ? "csv" : "parquet"), n = y.tableNameOverride || Z(`file_${e.slice(0, 48)}`), o = await C.loadFile(
+          v.value,
+          i,
+          n,
+          {},
+          c.value,
+          e
+        );
+        b.value = o, await X(!0);
+      } finally {
+        f.value = !1;
+      }
+    }
+    function k(l) {
+      return '"' + String(l).replace(/"/g, '""') + '"';
+    }
+    async function X(l = !1) {
+      var a, e, i, n;
+      if (!b.value || !c.value) return;
+      const o = `PRAGMA table_info(${k(b.value)})`, s = await C.executeQuery(o, c.value);
+      if (S.value = s.map((t) => ({ name: String(t.name), type: String(t.type).toUpperCase() })), l || !p.value || !m.value) {
+        const t = S.value.filter((h) => T.has(h.type) || h.type.startsWith("VARCHAR"));
+        p.value = ((a = t[0]) == null ? void 0 : a.name) || ((e = S.value[0]) == null ? void 0 : e.name) || "", m.value = ((i = t[1]) == null ? void 0 : i.name) || ((n = t[0]) == null ? void 0 : n.name) || "";
+      }
+      d.value = `Columns: ${S.value.length}.`;
+    }
+    async function J() {
+      if (!(!b.value || !c.value)) {
+        if (!p.value || !m.value) {
+          d.value = "Pick both X and Y";
+          return;
+        }
+        f.value = !0, d.value = "Computing proportions…";
+        try {
+          const l = k(b.value), a = k(p.value), e = k(m.value), i = `
+      WITH xf AS (
+        SELECT ${a} AS x, COUNT(*) AS c
+        FROM ${l}
+        GROUP BY 1
+        ORDER BY c DESC
+        LIMIT ${I}
+      ),
+      yf AS (
+        SELECT ${e} AS y, COUNT(*) AS c
+        FROM ${l}
+        GROUP BY 1
+        ORDER BY c DESC
+        LIMIT ${_}
+      ),
+      filtered AS (
+        SELECT src.*
+        FROM ${l} AS src
+        JOIN xf ON src.${a} = xf.x
+      ),
+      labeled AS (
+        SELECT
+          ${a} AS x,
+          CASE
+            WHEN ${e} IN (SELECT y FROM yf) THEN COALESCE(${e}, '(missing)')
+            ELSE '${B}'
+          END AS y
+        FROM filtered
+      ),
+      counts AS (
+        SELECT x, y, COUNT(*)::DOUBLE AS n
+        FROM labeled
+        GROUP BY 1, 2
+      ),
+      denom AS (
+        SELECT x, SUM(n) AS total
+        FROM counts
+        GROUP BY 1
+      ),
+      props AS (
+        SELECT c.x, c.y, c.n / NULLIF(d.total, 0) AS p
+        FROM counts c
+        JOIN denom d USING (x)
+      )
+      SELECT * FROM props ORDER BY x, y;
+    `, n = await C.executeQuery(i, c.value);
+          if (!n.length) {
+            d.value = "No rows returned. Try different columns.", O.purge(R);
+            return;
+          }
+          const o = Array.from(new Set(n.map((u) => String(u.x)))), s = Array.from(new Set(n.map((u) => String(u.y)))), t = (u, P) => `${u}\0${P}`, h = /* @__PURE__ */ new Map();
+          for (const u of n) h.set(t(String(u.x), String(u.y)), Number(u.p ?? 0));
+          const A = s.map((u) => ({
+            type: "bar",
+            name: u,
+            x: o,
+            y: o.map((P) => h.get(t(P, u)) ?? 0),
+            hovertemplate: `${m.value}=%{fullData.name}<br>${p.value}=%{x}<br>Proportion=%{y:.1%}<extra></extra>`
+          })), U = {
+            title: `${m.value} proportions within ${p.value}`,
+            barmode: "stack",
+            yaxis: { range: [0, 1], tickformat: ".0%", title: "Proportion" },
+            xaxis: { title: p.value },
+            legend: { orientation: "h", y: -0.2 },
+            margin: { t: 48, r: 16, b: 96, l: 56 }
+          };
+          await O.newPlot(R, A, U, { responsive: !0 });
+          const x = (o.length >= I ? ` Limited to top ${I} ${p.value}.` : "") + (s.length >= _ || s.includes(B) ? ` Limited to top ${_} ${m.value} (+ ${B}).` : "");
+          d.value = `Plotted ${s.length} categories across ${o.length} groups.${x}`;
+        } catch (l) {
+          console.error(l), d.value = `Error: ${(l == null ? void 0 : l.message) || l}`;
+        } finally {
+          f.value = !1;
+        }
+      }
+    }
+    async function Q(l, a) {
+      var e, i;
+      const n = await z(), o = `${a}/packages/${l}/view?api_key=${n}`, s = await fetch(o);
+      if (!s.ok) return null;
+      const t = await s.json();
+      return (i = (e = t == null ? void 0 : t[0]) == null ? void 0 : e.content) == null ? void 0 : i.id;
+    }
+    async function K(l, a, e) {
+      const i = await z(), n = `${e}/packages/${l}/files/${a}?api_key=${i}`, o = await fetch(n);
+      if (!o.ok) throw new Error(`file url failed: ${o.status}`);
+      return (await o.json()).url;
+    }
+    function ee() {
+      return typeof window < "u" && typeof document < "u";
+    }
+    async function ae() {
+      return ee() ? O || (await new Promise((l, a) => {
+        const e = document.createElement("script");
+        e.src = "https://cdn.plot.ly/plotly-2.35.3.min.js", e.onload = () => l(), e.onerror = () => a(new Error("Failed to load Plotly CDN")), document.head.appendChild(e);
+      }), O = window.Plotly, O) : null;
+    }
+    return oe(async () => {
+      await L(), await ae();
+    }), re(async () => {
+      c.value && await C.closeConnection(c.value);
+    }), (l, a) => (w(), E("div", ce, [
+      r("div", pe, [
+        r("div", ve, [
+          r("div", de, [
+            a[3] || (a[3] = r("label", null, "Data URL", -1)),
+            D(r("input", {
+              "onUpdate:modelValue": a[0] || (a[0] = (e) => v.value = e),
+              type: "text",
+              class: "pp-input pp-input--url",
+              disabled: f.value,
+              placeholder: "https://.../file.parquet"
+            }, null, 8, me), [
+              [ie, v.value]
+            ])
+          ]),
+          r("div", fe, [
+            r("div", null, [
+              a[5] || (a[5] = r("label", null, "X (group) column", -1)),
+              D(r("select", {
+                "onUpdate:modelValue": a[1] || (a[1] = (e) => p.value = e),
+                class: "pp-select",
+                disabled: f.value || S.value.length === 0
+              }, [
+                a[4] || (a[4] = r("option", {
+                  disabled: "",
+                  value: ""
+                }, "— choose —", -1)),
+                (w(!0), E(M, null, N(Y.value, (e) => (w(), E("option", {
+                  key: e.name,
+                  value: e.name
+                }, $(e.name) + " (" + $(e.type) + ")", 9, Se))), 128)),
+                (w(!0), E(M, null, N(q.value, (e) => (w(), E("option", {
+                  key: e.name + "-num",
+                  value: e.name
+                }, $(e.name) + " (" + $(e.type) + ")", 9, ge))), 128))
+              ], 8, ye), [
+                [W, p.value]
+              ])
+            ]),
+            r("div", null, [
+              a[7] || (a[7] = r("label", null, "Y (category) column", -1)),
+              D(r("select", {
+                "onUpdate:modelValue": a[2] || (a[2] = (e) => m.value = e),
+                class: "pp-select",
+                disabled: f.value || S.value.length === 0
+              }, [
+                a[6] || (a[6] = r("option", {
+                  disabled: "",
+                  value: ""
+                }, "— choose —", -1)),
+                (w(!0), E(M, null, N(Y.value, (e) => (w(), E("option", {
+                  key: e.name + "-y",
+                  value: e.name
+                }, $(e.name) + " (" + $(e.type) + ")", 9, Ee))), 128))
+              ], 8, we), [
+                [W, m.value]
+              ])
+            ])
+          ]),
+          r("div", $e, [
+            r("button", {
+              class: "pp-btn pp-btn--primary",
+              disabled: !p.value || !m.value || f.value || !c.value || !b.value,
+              onClick: J
+            }, $(f.value ? "Working…" : "Plot"), 9, he),
+            d.value ? (w(), E("div", Ae, $(d.value), 1)) : ue("", !0)
+          ])
+        ])
+      ]),
+      r("div", {
+        id: R,
+        class: "pp-plot"
+      })
+    ]));
+  }
+}), ke = /* @__PURE__ */ se(Ce, [["__scopeId", "data-v-811dd84d"]]);
+export {
+  ke as ProportionPlot
+};

package/dist/index-u1qleOVs-ZJVnnKAV.mjs

@@ -0,0 +1,8 @@
+import { E as a } from "./index-Hx8PFhs9.mjs";
+import { f as t, H as p, I as x } from "./index-Hx8PFhs9.mjs";
+export {
+  a as DataExplorer,
+  t as DataExplorerCore,
+  p as clearDataExplorerStore,
+  x as createDataExplorerStore
+};