@weng-lab/visualization 2.6.0-beta.0 → 2.6.0

package/dist/visualization.es110.js

@@ -1,5 +1,58 @@
-var e = { exports: {} };
+import { jsx as d, jsxs as H } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { useId as O } from "react";
+import { measureTextWidth as R } from "./visualization.es26.js";
+import V from "./visualization.es28.js";
+import j from "./visualization.es30.js";
+const m = 14, E = 6, G = 4, B = 11, C = "sans-serif", D = 5, N = (o) => o % 1 === 0 ? String(o) : o.toFixed(1), $ = (o, t) => Array.from({
+  length: D
+}, (n, s) => o + s * (t - o) / (D - 1)), K = 1.15, P = 6, Q = (o, t) => {
+  const n = Math.max(...$(o, t).map((s) => R(N(s), B, C)));
+  return m + G + E + n * K + P;
+}, X = (o) => {
+  const t = M(22), {
+    colors: n,
+    minValue: s,
+    maxValue: f,
+    length: h,
+    orientation: W
+  } = o, b = W === void 0 ? "vertical" : W, _ = O();
+  let g;
+  if (t[0] !== _) {
+    let i;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /:/g, t[2] = i) : i = t[2], g = _.replace(i, ""), t[0] = _, t[1] = g;
+  } else
+    g = t[1];
+  const c = `heatmap-legend-gradient-${g}`, e = b === "horizontal";
+  let p;
+  if (t[3] !== n || t[4] !== c || t[5] !== e || t[6] !== h || t[7] !== f || t[8] !== s) {
+    const i = $(s, f), z = V({
+      domain: e ? [s, f] : [f, s],
+      range: [0, h]
+    }), A = e ? "1" : "0", I = e ? "0" : "1";
+    let l;
+    t[10] !== n || t[11] !== e ? (l = n.map((F, r) => /* @__PURE__ */ d("stop", { offset: `${r / (n.length - 1) * 100}%`, stopColor: e ? n[r] : n[n.length - 1 - r] }, r)), t[10] = n, t[11] = e, t[12] = l) : l = t[12];
+    let x;
+    t[13] !== c || t[14] !== A || t[15] !== I || t[16] !== l ? (x = /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: A, y2: I, children: l }) }), t[13] = c, t[14] = A, t[15] = I, t[16] = l, t[17] = x) : x = t[17];
+    const y = e ? h : m, L = e ? m : h, u = `url(#${c})`;
+    let T;
+    t[18] !== L || t[19] !== u || t[20] !== y ? (T = /* @__PURE__ */ d("rect", { x: 0, y: 0, width: y, height: L, fill: u, rx: 2 }), t[18] = L, t[19] = u, t[20] = y, t[21] = T) : T = t[21], p = /* @__PURE__ */ H(j, { children: [
+      x,
+      T,
+      i.map((F, r) => {
+        const a = z(F), S = m + G, k = S + E;
+        return /* @__PURE__ */ H("g", { children: [
+          /* @__PURE__ */ d("line", { x1: e ? a : m, x2: e ? a : S, y1: e ? m : a, y2: e ? S : a, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ d("text", { x: e ? a : k, y: e ? k : a, dominantBaseline: e ? "hanging" : "middle", textAnchor: !e || r === 0 ? "start" : r === i.length - 1 ? "end" : "middle", fontSize: B, fontFamily: C, fill: "#4d4f52", children: N(F) })
+        ] }, r);
+      })
+    ] }), t[3] = n, t[4] = c, t[5] = e, t[6] = h, t[7] = f, t[8] = s, t[9] = p;
+  } else
+    p = t[9];
+  return p;
+};
 export {
-  e as __module
+  X as default,
+  Q as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es110.js.map

package/dist/visualization.es110.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es110.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"visualization.es110.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    /** The bar's length along its orientation. */\n    length: number;\n    orientation?: \"vertical\" | \"horizontal\";\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// measureText and SVG layout disagree slightly, more so for longer labels: pad so none get clipped.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// The legend's full width - bar, ticks and the widest tick label - for a vertical legend.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, length, orientation = \"vertical\" }: HeatmapLegendProps) => {\n    // Unique per instance: the expanded minimap draws a second legend.\n    const gradientId = `heatmap-legend-gradient-${useId().replace(/:/g, \"\")}`;\n    const horizontal = orientation === \"horizontal\";\n    const tickValues = getTickValues(minValue, maxValue);\n\n    // Standing up, the bar reads top (max) to bottom (min); lying down, left (min) to right (max).\n    const scale = scaleLinear<number>({\n        domain: horizontal ? [minValue, maxValue] : [maxValue, minValue],\n        range: [0, length],\n    });\n\n    return (\n        <Group>\n            <defs>\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2={horizontal ? \"1\" : \"0\"} y2={horizontal ? \"0\" : \"1\"}>\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            // Top to bottom standing up, so the stops run in reverse color order.\n                            stopColor={horizontal ? colors[i] : colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={horizontal ? length : BAR_WIDTH}\n                height={horizontal ? BAR_WIDTH : length}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const at = scale(value);\n                const tickStart = BAR_WIDTH;\n                const tickEnd = BAR_WIDTH + TICK_WIDTH;\n                const labelAt = tickEnd + LABEL_GAP;\n                return (\n                    <g key={i}>\n                        <line\n                            x1={horizontal ? at : tickStart}\n                            x2={horizontal ? at : tickEnd}\n                            y1={horizontal ? tickStart : at}\n                            y2={horizontal ? tickEnd : at}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={horizontal ? at : labelAt}\n                            y={horizontal ? labelAt : at}\n                            dominantBaseline={horizontal ? \"hanging\" : \"middle\"}\n                            // Lying down, the end labels keep inside the bar's ends rather than hang past them.\n                            textAnchor={!horizontal || i === 0 ? \"start\" : i === tickValues.length - 1 ? \"end\" : \"middle\"}\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","orientation","t1","undefined","t2","useId","t3","t4","Symbol","for","replace","gradientId","horizontal","tickValues","scale","scaleLinear","domain","range","t5","t6","t7","jsx","t8","t9","t10","t11","t12","Group","i_0","at","tickEnd","labelAt"],"mappings":"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"}