@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es97.js","sources":["../src/components/PhyloTree/TreeLink.tsx"],"sourcesContent":["import { TreeNode } from \"./types\";\nimport { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\n\nexport type TreeLinkProps = {\n  scaledLinkPath: TreeNode[\"scaledLinkPath\"]\n  baseLinkPath: TreeNode[\"baseLinkPath\"]\n  color: TreeNode[\"color\"]\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean;\n};\n\n/**\n * Link from node to its parent\n */\nexport const TreeLink = memo(function TreeLink({\n  scaledLinkPath,\n  baseLinkPath,\n  color,\n  strokeWidth,\n  useBranchLengths,\n}: TreeLinkProps) {\n  return (\n    <motion.path\n      stroke={color}\n      strokeWidth={strokeWidth}\n      fill=\"none\"\n      initial={false}\n      strokeLinecap={\"round\"}\n      strokeLinejoin={\"round\"}\n      animate={{\n        d: useBranchLengths ? scaledLinkPath : baseLinkPath,\n      }}\n      transition={{\n        d: useBranchLengthTransition,\n      }}\n    />\n  );\n})\n"],"names":["TreeLink","memo","scaledLinkPath","baseLinkPath","color","strokeWidth","useBranchLengths","jsx","motion","d","useBranchLengthTransition"],"mappings":";;;;AAgBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7CC,gBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,kBAAAA;AACa,GAAG;AAChB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,QAAQJ,GACR,aAAAC,GACA,MAAK,QACL,SAAS,IACT,eAAe,SACf,gBAAgB,SAChB,SAAS;AAAA,IACPI,GAAGH,IAAmBJ,IAAiBC;AAAAA,EAAAA,GAEzC,YAAY;AAAA,IACVM,GAAGC;AAAAA,EAAAA,GACH;AAGR,CAAC;"}
+{"version":3,"file":"visualization.es97.js","sources":["../src/components/ScatterPlot/GradientLegend.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { Text } from \"@visx/text\";\nimport { BackgroundGradient } from \"./types\";\n\ntype GradientLegendProps = {\n    backgroundGradient: BackgroundGradient;\n    boundedHeight: number;\n    barLeft: number;\n    marginTop: number;\n};\n\nconst GradientLegend = ({ backgroundGradient, boundedHeight, barLeft, marginTop }: GradientLegendProps) => {\n    const gradId = `sg-${useId().replace(/:/g, \"\")}`;\n    const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n    const { label, minLabel, midLabel, maxLabel } = backgroundGradient.legend!;\n\n    return (\n        <>\n            <defs>\n                <linearGradient id={gradId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0%\" stopColor={colorHigh} />\n                    <stop offset=\"50%\" stopColor={colorMid} />\n                    <stop offset=\"100%\" stopColor={colorLow} />\n                </linearGradient>\n            </defs>\n            <Group top={marginTop} left={barLeft}>\n                <rect x={0} y={0} width={16} height={boundedHeight} fill={`url(#${gradId})`} stroke=\"#aaa\" strokeWidth={0.5} />\n                <line x1={16} x2={22} y1={0} y2={0} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight / 2} y2={boundedHeight / 2} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight} y2={boundedHeight} stroke=\"#555\" strokeWidth={1} />\n                {maxLabel && <text x={26} y={0} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{maxLabel}</text>}\n                <text x={26} y={boundedHeight / 2} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{midLabel ?? \"0\"}</text>\n                {minLabel && <text x={26} y={boundedHeight} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{minLabel}</text>}\n                {label && (\n                    <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={90} fontSize={14} y={boundedHeight / 2} x={0} dx={65}>\n                        {label}\n                    </Text>\n                )}\n            </Group>\n        </>\n    );\n};\n\nexport default GradientLegend;\n"],"names":["GradientLegend","t0","$","_c","backgroundGradient","boundedHeight","barLeft","marginTop","t1","useId","t2","t3","Symbol","for","replace","gradId","colorScale","colorLow","colorMid","colorHigh","label","minLabel","midLabel","maxLabel","legend","t4","jsx","t5","t6","t7","jsxs","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","Text","t21","Group","t22"],"mappings":"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"}

package/dist/visualization.es98.js

@@ -1,17 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBranchLengthTransition as m } from "./visualization.es7.js";
-import { memo as s } from "react";
-import { motion as a } from "./visualization.es37.js";
-const k = s(function({
-  useBranchLengths: n,
-  color: i,
-  baseLeafLinkExtension: o,
-  scaledLeafLinkExtension: t,
-  strokeWidth: r
-}) {
-  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
-});
+import { jsx as l, jsxs as R, Fragment as y } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+const c = "#666", d = 1, S = [2, 2], H = (h) => {
+  const t = f(11), {
+    position: x,
+    boundedWidth: e,
+    boundedHeight: o
+  } = h, {
+    x: s,
+    y: n
+  } = x;
+  let r;
+  t[0] !== o || t[1] !== e || t[2] !== n ? (r = n >= 0 && n <= o && /* @__PURE__ */ l("line", { x1: 0, x2: e, y1: n, y2: n, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[0] = o, t[1] = e, t[2] = n, t[3] = r) : r = t[3];
+  let i;
+  t[4] !== o || t[5] !== e || t[6] !== s ? (i = s >= 0 && s <= e && /* @__PURE__ */ l("line", { x1: s, x2: s, y1: 0, y2: o, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[4] = o, t[5] = e, t[6] = s, t[7] = i) : i = t[7];
+  let a;
+  return t[8] !== r || t[9] !== i ? (a = /* @__PURE__ */ R(y, { children: [
+    r,
+    i
+  ] }), t[8] = r, t[9] = i, t[10] = a) : a = t[10], a;
+};
 export {
-  k as LeafLinkExtension
+  S as CROSSHAIR_DASH,
+  c as CROSSHAIR_STROKE,
+  d as CROSSHAIR_STROKE_WIDTH,
+  H as default
 };
 //# sourceMappingURL=visualization.es98.js.map

package/dist/visualization.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es98.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}
+{"version":3,"file":"visualization.es98.js","sources":["../src/components/ScatterPlot/Crosshair.tsx"],"sourcesContent":["import { CrosshairPosition } from \"./types\";\n\nexport const CROSSHAIR_STROKE = \"#666\";\nexport const CROSSHAIR_STROKE_WIDTH = 1;\n/** Dash pattern in pixels. Kept as numbers so the minimap can scale it to match. */\nexport const CROSSHAIR_DASH = [2, 2];\n\ntype CrosshairProps = {\n    /** Crosshair position in pixels, relative to the top left of the plot area. */\n    position: CrosshairPosition;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\n/**\n * Thin lines spanning the plot area through the crosshair position.\n *\n * Each line is drawn only when its own axis is in view, so a crosshair mirrored from another\n * plot still shows the axis you can see rather than disappearing entirely.\n */\nconst Crosshair = ({ position, boundedWidth, boundedHeight }: CrosshairProps) => {\n    const { x, y } = position;\n\n    return (\n        <>\n            {y >= 0 && y <= boundedHeight && (\n                <line\n                    x1={0}\n                    x2={boundedWidth}\n                    y1={y}\n                    y2={y}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n            {x >= 0 && x <= boundedWidth && (\n                <line\n                    x1={x}\n                    x2={x}\n                    y1={0}\n                    y2={boundedHeight}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n        </>\n    );\n};\n\nexport default Crosshair;\n"],"names":["CROSSHAIR_STROKE","CROSSHAIR_STROKE_WIDTH","CROSSHAIR_DASH","Crosshair","t0","$","_c","position","boundedWidth","boundedHeight","x","y","t1","jsx","join","t2","t3"],"mappings":";;AAEO,MAAMA,IAAmB,QACnBC,IAAyB,GAEzBC,IAAiB,CAAC,GAAG,CAAC,GAe7BC,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAL,GACf;AAAA,IAAAM,GAAAA;AAAAA,IAAAC,GAAAA;AAAAA,EAAAA,IAAiBJ;AAAS,MAAAK;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAM,KAIjBC,IAAAD,KAAK,KAAKA,KAAKF,KACZ,gBAAAI,EAAA,UACQ,IAAA,GACAL,IAAAA,GACAG,IAAAA,GACAA,IAAAA,GACIX,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAK,KACAK,IAAAL,KAAK,KAAKA,KAAKF,KACZ,gBAAAK,EAAA,UACQH,IAAAA,GACAA,IAAAA,GACA,IAAA,GACAD,IAAAA,GACIT,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAK,GAAAL,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAxBLC,2BACKJ,UAAAA;AAAAA,IAAAA;AAAAA,IAYAG;AAAAA,EAAAA,GAWA,GACFV,OAAAO,GAAAP,OAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAzBHW;AAyBG;"}

package/dist/visualization.es99.js

@@ -1,29 +1,88 @@
-import { jsx as u, jsxs as k } from "react/jsx-runtime";
-import { c as g } from "react/compiler-runtime";
-import { memo as j } from "react";
-import O from "./visualization.es28.js";
-const F = j(function(L) {
-  const t = g(16), {
-    nodeX: N,
-    color: e,
-    baseNodeX: f,
-    baseNodeY: i,
-    label: a,
-    fontSize: n,
-    fontFamily: c,
-    strokeWidth: m
-  } = L, s = N * 180 / Math.PI - 90, d = s > 90 || s < -90, $ = d ? s + 180 : s, p = d ? "end" : "start", x = d ? -6 : 6, b = `rotate(${$}) translate(0, ${(n ?? 2.4) / 3})`, h = a === "Human" ? `${a} ★★★` : a;
-  let o;
-  t[0] !== e || t[1] !== c || t[2] !== n || t[3] !== m || t[4] !== b || t[5] !== h || t[6] !== p || t[7] !== x ? (o = /* @__PURE__ */ u("text", { fontSize: n, fontFamily: c, fill: e, stroke: e, strokeWidth: m, paintOrder: "stroke", transform: b, textAnchor: p, x, children: h }), t[0] = e, t[1] = c, t[2] = n, t[3] = m, t[4] = b, t[5] = h, t[6] = p, t[7] = x, t[8] = o) : o = t[8];
+import { c as q } from "react/compiler-runtime";
+import { useState as w } from "react";
+import { rescaleX as A, rescaleY as B, isPointInLasso as F } from "./visualization.es18.js";
+import G from "./visualization.es242.js";
+const Q = (k) => {
+  const t = q(27), {
+    pointData: S,
+    margin: s,
+    xScale: v,
+    yScale: g,
+    onSelectionChange: M
+  } = k;
   let r;
-  t[9] !== e ? (r = /* @__PURE__ */ u("circle", { r: 1.5, fill: e }), t[9] = e, t[10] = r) : r = t[10];
-  let l;
-  return t[11] !== f || t[12] !== i || t[13] !== o || t[14] !== r ? (l = /* @__PURE__ */ k(O, { top: i, left: f, children: [
-    o,
-    r
-  ] }), t[11] = f, t[12] = i, t[13] = o, t[14] = r, t[15] = l) : l = t[15], l;
-});
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = [], t[0] = r) : r = t[0];
+  const [n, c] = w(r);
+  let f;
+  t[1] !== s.left || t[2] !== s.top ? (f = (e) => {
+    if (e?.x === void 0 || e?.y === void 0)
+      return;
+    const o = e.x, l = e.y;
+    c((i) => [...i, [{
+      x: o - s.left,
+      y: l - s.top
+    }]]);
+  }, t[1] = s.left, t[2] = s.top, t[3] = f) : f = t[3];
+  const X = f;
+  let d;
+  t[4] !== s.left || t[5] !== s.top ? (d = (e) => {
+    if (e?.x === void 0 || e?.y === void 0)
+      return;
+    const o = e.x - s.left, l = e.y - s.top;
+    c((i) => {
+      const a = [...i], p = {
+        x: o + e.dx,
+        y: l + e.dy
+      }, $ = a.length - 1;
+      return a[$] = [...a[$] || [], p], a;
+    });
+  }, t[4] = s.left, t[5] = s.top, t[6] = d) : d = t[6];
+  const Y = d;
+  let x;
+  t[7] !== n || t[8] !== M || t[9] !== S || t[10] !== v || t[11] !== g ? (x = (e) => {
+    const o = n[n.length - 1];
+    if (!o) {
+      c([]);
+      return;
+    }
+    const l = A(v, e.transformMatrix.translateX, e.transformMatrix.scaleX), i = B(g, e.transformMatrix.translateY, e.transformMatrix.scaleY), a = S.filter((p) => F({
+      x: l(p.x),
+      y: i(p.y)
+    }, o));
+    M?.(a), c([]);
+  }, t[7] = n, t[8] = M, t[9] = S, t[10] = v, t[11] = g, t[12] = x) : x = t[12];
+  const h = x;
+  let m;
+  t[13] !== Y || t[14] !== X ? (m = {
+    onDragStart: X,
+    onDragMove: Y,
+    resetOnStart: !0
+  }, t[13] = Y, t[14] = X, t[15] = m) : m = t[15];
+  const {
+    x: E,
+    y: O,
+    dx: L,
+    dy: u,
+    isDragging: I,
+    dragStart: j,
+    dragEnd: P,
+    dragMove: T
+  } = G(m), b = E === void 0 ? 0 : E, C = O === void 0 ? 0 : O;
+  let y;
+  return t[16] !== h || t[17] !== P || t[18] !== T || t[19] !== j || t[20] !== L || t[21] !== u || t[22] !== I || t[23] !== n || t[24] !== b || t[25] !== C ? (y = {
+    lines: n,
+    isDragging: I,
+    x: b,
+    y: C,
+    dx: L,
+    dy: u,
+    dragStart: j,
+    dragMove: T,
+    dragEnd: P,
+    completeSelection: h
+  }, t[16] = h, t[17] = P, t[18] = T, t[19] = j, t[20] = L, t[21] = u, t[22] = I, t[23] = n, t[24] = b, t[25] = C, t[26] = y) : y = t[26], y;
+};
 export {
-  F as LeafNodeLabel
+  Q as useDragSelection
 };
 //# sourceMappingURL=visualization.es99.js.map

package/dist/visualization.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es99.js","sources":["../src/components/PhyloTree/LeafNodeLabel.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { memo } from \"react\";\n\n\nexport type LeafNodeLabelProps = {\n  // node.x is the angle the node is at in radial layout while base/scaled are true x/y position in svg\n  nodeX: number;\n  baseNodeX: TreeNode[\"baseNodeX\"];\n  baseNodeY: TreeNode[\"baseNodeY\"];\n  label: TreeNode[\"label\"];\n  color: TreeNode[\"color\"];\n  fontSize: PhyloTreeProps[\"leafFontSize\"];\n  fontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  strokeWidth: TreeNode[\"labelStrokeWidth\"]\n};\n\nexport const LeafNodeLabel = memo(function LeafNodeLabel({\n  nodeX,\n  color,\n  baseNodeX,\n  baseNodeY,\n  label,\n  fontSize,\n  fontFamily,\n  strokeWidth\n}: LeafNodeLabelProps) {\n  const angleDeg = (nodeX * 180) / Math.PI - 90;\n  const flip = angleDeg > 90 || angleDeg < -90;\n  const rotation = flip ? angleDeg + 180 : angleDeg;\n  const textAnchor: \"start\" | \"end\" = flip ? \"end\" : \"start\";\n  const xOffset = flip ? -6 : 6;\n\n  return (\n    <Group\n      top={baseNodeY}\n      left={baseNodeX}\n    >\n      <text\n        fontSize={fontSize}\n        fontFamily={fontFamily}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        paintOrder=\"stroke\"\n        transform={`rotate(${rotation}) translate(0, ${(fontSize ?? 2.4) / 3})`}\n        textAnchor={textAnchor}\n        x={xOffset}\n      >\n        {label === \"Human\" ? `${label} \\u2605\\u2605\\u2605` : label}\n      </text>\n      <circle\n        r={1.5}\n        fill={color}\n      />\n    </Group>\n  );\n});\n"],"names":["LeafNodeLabel","memo","t0","$","_c","nodeX","color","baseNodeX","baseNodeY","label","fontSize","fontFamily","strokeWidth","angleDeg","Math","PI","flip","rotation","textAnchor","xOffset","t1","t2","t3","t4","jsx","t5","jsxs","Group"],"mappings":";;;;AAiBO,MAAMA,IAAgBC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUvDW,IAAkBR,IAAQ,MAAOS,KAAIC,KAAM,IAC3CC,IAAaH,IAAW,MAAMA,IAAW,KACzCI,IAAiBD,IAAOH,IAAW,MAAlBA,GACjBK,IAAoCF,IAAA,QAAA,SACpCG,IAAgBH,IAAA,KAAA,GAcCI,IAAA,UAAUH,CAAQ,mBAAmBP,KAAA,OAAmB,CAAC,KAInEW,IAAAZ,MAAU,UAAV,GAAuBA,CAAK,SAA5BA;AAAyD,MAAAa;AAAA,EAAAnB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAiB,KAAAjB,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAX5DG,sBAAA,QAAA,EACYZ,UAAAA,GACEC,YAAAA,GACNL,MAAAA,GACEA,QAAAA,GACKM,aAAAA,GACF,YAAA,UACA,WAAAQ,GACCF,YAAAA,GACTC,GAEFE,UAAAA,GACH,GAAOlB,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAS,GAAAT,OAAAiB,GAAAjB,OAAAkB,GAAAlB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAG,KACPiB,IAAA,gBAAAC,EAAA,UAAA,EACK,GAAA,KACGlB,MAAAA,GAAK,GACXH,OAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAmB,KAAAnB,UAAAoB,KApBJE,IAAA,gBAAAC,EAACC,GAAA,EACMnB,KAAAA,GACCD,SAENe,UAAAA;AAAAA,IAAAA;AAAAA,IAaAC;AAAAA,EAAAA,GAIF,GAAQpB,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GArBRsB;AAqBQ,CAEX;"}
+{"version":3,"file":"visualization.es99.js","sources":["../src/components/ScatterPlot/hooks/useDragSelection.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useDrag, HandlerArgs } from \"@visx/drag\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Line, Lines, Point, ZoomType } from \"../types\";\nimport { isPointInLasso, rescaleX, rescaleY } from \"../helpers\";\n\ntype UseDragSelectionProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n};\n\nexport const useDragSelection = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onSelectionChange,\n}: UseDragSelectionProps<T>) => {\n    const [lines, setLines] = useState<Lines>([]);\n\n    const onDragStart = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n        const startX = currDrag.x;\n        const startY = currDrag.y;\n\n        setLines((currLines) => [\n            ...currLines,\n            [{ x: startX - margin.left, y: startY - margin.top }],\n        ]);\n    }, [margin.left, margin.top]);\n\n    const onDragMove = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n\n        const adjustedX = currDrag.x - margin.left;\n        const adjustedY = currDrag.y - margin.top;\n        setLines((currLines) => {\n            const nextLines = [...currLines];\n            const nextPoint = { x: adjustedX + currDrag.dx, y: adjustedY + currDrag.dy };\n            const lastIndex = nextLines.length - 1;\n            nextLines[lastIndex] = [...(nextLines[lastIndex] || []), nextPoint];\n            return nextLines;\n        });\n    }, [margin.left, margin.top]);\n\n    const completeSelection = useCallback((zoom: ZoomType) => {\n        const lasso = lines[lines.length - 1];\n        if (!lasso) {\n            setLines([]);\n            return;\n        }\n\n        const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n        const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n\n        const pointsInsideLasso = pointData.filter((point) => isPointInLasso({\n            x: xScaleTransformed(point.x),\n            y: yScaleTransformed(point.y),\n        }, lasso as Line));\n\n        onSelectionChange?.(pointsInsideLasso);\n        setLines([]);\n    }, [lines, onSelectionChange, pointData, xScale, yScale]);\n\n    const {\n        x = 0,\n        y = 0,\n        dx,\n        dy,\n        isDragging,\n        dragStart,\n        dragEnd,\n        dragMove,\n    } = useDrag({\n        onDragStart,\n        onDragMove,\n        resetOnStart: true,\n    });\n\n    return { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection };\n};\n"],"names":["useDragSelection","t0","$","_c","pointData","margin","xScale","yScale","onSelectionChange","t1","Symbol","for","lines","setLines","useState","t2","left","top","currDrag","x","undefined","y","startX","startY","currLines","onDragStart","t3","currDrag_0","adjustedX","adjustedY","currLines_0","nextLines","nextPoint","dx","dy","lastIndex","length","onDragMove","t4","zoom","lasso","xScaleTransformed","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","pointsInsideLasso","filter","point","isPointInLasso","completeSelection","t5","resetOnStart","t6","t7","isDragging","dragStart","dragEnd","dragMove","useDrag","t8"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weng-lab/visualization",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "description": "Visualization components for the Weng/Moore Labs suite of genomics web resources",
   "type": "module",
   "module": "dist/visualization.es.js",

package/dist/visualization.es63.js

@@ -1,269 +0,0 @@
-import { jsx as o, jsxs as k, Fragment as b } from "react/jsx-runtime";
-import { useRef as A, useState as Qe, useEffect as V, useMemo as C, useCallback as ee } from "react";
-import _e from "@mui/material/CircularProgress";
-import { Stack as Ge, Box as me } from "@mui/material";
-import { rescaleX as ze, rescaleY as We, prepareCanvas as Ze, partitionPointsByHover as He, getTicks as ye, isPointVisible as be, drawCanvasPoint as et } from "./visualization.es17.js";
-import tt from "./visualization.es125.js";
-import rt from "./visualization.es126.js";
-import nt from "./visualization.es127.js";
-import ot from "./visualization.es128.js";
-import { useDragSelection as st } from "./visualization.es129.js";
-import { useStableCallback as ct } from "./visualization.es19.js";
-import Se from "./visualization.es28.js";
-import lt from "./visualization.es130.js";
-import at from "./visualization.es54.js";
-import it from "./visualization.es39.js";
-import ft from "./visualization.es38.js";
-import ut from "./visualization.es43.js";
-import vt from "./visualization.es44.js";
-import we from "./visualization.es36.js";
-import pt from "./visualization.es88.js";
-const ht = 120, xt = (D) => 1 - Math.pow(1 - D, 3), jt = ({
-  width: D,
-  height: te,
-  margin: s,
-  boundedWidth: l,
-  boundedHeight: c,
-  loading: ke,
-  pointData: p,
-  animation: T,
-  animationGroupSize: O,
-  animationBuffer: $,
-  xScale: I,
-  yScale: U,
-  zoom: f,
-  selectMode: i,
-  selectable: Ae,
-  disableZoom: h,
-  groupPointsAnchor: re,
-  hoveredPoint: E,
-  hoveredPoints: ne,
-  handleMouseMove: Ee,
-  handleMouseLeave: oe,
-  onDisplayedPointsChange: se,
-  onSelectionChange: ge,
-  onPointClicked: ce,
-  leftAxisLabel: Le,
-  bottomAxisLabel: Me,
-  border: Ce,
-  originLine: Te,
-  backgroundGradient: L,
-  crosshair: J,
-  divRef: Re
-}) => {
-  const le = A(null), ae = A(null), F = A(0), N = A(null), [Q, _] = Qe(!!T);
-  V(() => {
-    if (!T) return;
-    if (p.length > 2500) {
-      _(!1);
-      return;
-    }
-    const e = 450, t = ($ ?? 0.03) * 1e3, r = Math.ceil(p.length / (O ?? 1)), n = e + r * t, a = window.setTimeout(() => _(!1), n);
-    return () => window.clearTimeout(a);
-  }, [T, $, O, p.length]);
-  const {
-    lines: Pe,
-    isDragging: m,
-    x: R,
-    y: P,
-    dx: Y,
-    dy: X,
-    dragStart: ie,
-    dragMove: fe,
-    dragEnd: de,
-    completeSelection: Ve
-  } = st({
-    pointData: p,
-    margin: s,
-    xScale: I,
-    yScale: U,
-    onSelectionChange: ge
-  });
-  V(() => {
-    const e = le.current, t = (a) => {
-      a.preventDefault();
-    }, r = (a) => {
-      a.preventDefault();
-    }, n = (a) => {
-      a.preventDefault();
-    };
-    return e && (e.addEventListener("wheel", t, {
-      passive: !1
-    }), e.addEventListener("touchstart", n, {
-      passive: !1
-    }), e.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
-    };
-  }, []);
-  const u = C(() => ze(I, f.transformMatrix.translateX, f.transformMatrix.scaleX), [I, f.transformMatrix]), v = C(() => We(U, f.transformMatrix.translateY, f.transformMatrix.scaleY), [U, f.transformMatrix]), G = C(() => E ? [E] : ne ?? [], [E, ne]), ue = C(() => {
-    const e = re;
-    if (!e) return G;
-    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(G.map(t).filter((n) => n !== void 0));
-    return r.size === 0 ? [] : p.filter((n) => {
-      const a = t(n);
-      return a !== void 0 && r.has(a);
-    });
-  }, [G, re, p]), ve = A(/* @__PURE__ */ new Set()), M = C(() => {
-    const e = new Set(ue.map((r) => `${r.x},${r.y}`)), t = ve.current;
-    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ve.current = e, e);
-  }, [ue]), j = C(() => p.filter((e) => {
-    const t = u(e.x), r = v(e.y);
-    return t >= 0 && t <= l && r >= 0 && r <= c;
-  }), [p, u, v, l, c]), q = ee((e, t, r) => {
-    const n = r.getContext("2d");
-    if (!n) return;
-    if (Ze(n, l, c), L) {
-      const [x, H, B] = L.colorScale ?? ["red", "white", "blue"], w = l, g = c, Ue = e(0), Je = t(0), Ne = Math.max(1e-3, Math.min(0.999, (Ue * w - Je * g + g * g) / (w * w + g * g))), K = n.createLinearGradient(0, g, w, 0);
-      K.addColorStop(0, x), K.addColorStop(Ne, H), K.addColorStop(1, B), n.globalAlpha = L.opacity ?? 1, n.fillStyle = K, n.fillRect(0, 0, w, g), n.globalAlpha = 1;
-    }
-    const {
-      nonHovered: a,
-      hovered: S
-    } = He(p, M), xe = (x, H) => {
-      const B = e(x.x), w = t(x.y);
-      be(B, w, l, c) && et(n, x, B, w, H ? F.current : 0);
-    };
-    a.forEach((x) => xe(x, !1)), S.forEach((x) => xe(x, !0));
-  }, [c, l, M, p, L]);
-  V(() => {
-    const e = ae.current;
-    if (!e || Q) return;
-    if (M.size === 0) {
-      N.current = null, F.current = 0, q(u, v, e);
-      return;
-    }
-    if (N.current === M) {
-      q(u, v, e);
-      return;
-    }
-    N.current = M;
-    const t = performance.now();
-    F.current = 0;
-    let r = requestAnimationFrame(function n() {
-      const a = Math.min(1, (performance.now() - t) / ht);
-      F.current = xt(a), q(u, v, e), a < 1 && (r = requestAnimationFrame(n));
-    });
-    return () => cancelAnimationFrame(r);
-  }, [q, u, v, Q, M]);
-  const De = ee(() => {
-    E && ce?.(E);
-  }, [E, ce]), Fe = h ? Ae ? m ? "none" : "crosshair" : m ? "none" : "default" : E ? "default" : i === "select" ? m ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
-    de(e), Ve(f);
-  }, y = A(null), d = A(null), W = ct((e) => {
-    f.dragMove(e);
-  }), Ye = ee(() => {
-    y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
-    const e = d.current;
-    d.current = null, e && W(e);
-  }, [W]);
-  V(() => () => {
-    y.current !== null && cancelAnimationFrame(y.current);
-  }, []);
-  const pe = (e) => {
-    d.current = e.nativeEvent, y.current === null && (y.current = requestAnimationFrame(() => {
-      y.current = null;
-      const t = d.current;
-      d.current = null, t && W(t);
-    }));
-  }, Z = () => {
-    Ye(), f.dragEnd();
-  }, Xe = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, je = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, qe = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Be = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, Ke = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, Oe = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, $e = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Ie = (e) => {
-    if (_(!1), !h) {
-      const t = pt(e) || {
-        x: 0,
-        y: 0
-      }, r = e.deltaY < 0 ? 1.1 : 0.9;
-      f.scale({
-        scaleX: r,
-        scaleY: r,
-        point: t
-      });
-    }
-  }, he = A([]);
-  return V(() => {
-    ((t, r) => t.length !== r.length ? !0 : !t.every((n, a) => {
-      const S = r[a];
-      return n.x === S.x && n.y === S.y && n.r === S.r && n.shape === S.shape && n.color === S.color && n.opacity === S.opacity;
-    }))(he.current, j) && (se?.(j), he.current = j);
-  }, [j, se]), /* @__PURE__ */ o(Ge, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ o(me, { sx: {
-    width: D,
-    height: te
-  }, children: ke ? /* @__PURE__ */ o(me, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ o(_e, {}) }) : /* @__PURE__ */ k("div", { style: {
-    position: "relative"
-  }, ref: Re, children: [
-    /* @__PURE__ */ o("canvas", { ref: ae, width: l * 2, height: c * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: s.top,
-      left: s.left,
-      width: l,
-      height: c,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ k("svg", { width: D, height: te, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (e) => {
-      m ? oe() : Ee(e, f);
-    }, onMouseLeave: oe, children: [
-      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
-        Q && T && /* @__PURE__ */ o(tt, { pointData: p, animation: T, animationGroupSize: O, animationBuffer: $, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
-        i === "select" && /* @__PURE__ */ k(b, { children: [
-          Pe.map((e, t) => /* @__PURE__ */ o(lt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: at, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
-          m && /* @__PURE__ */ k("g", { children: [
-            /* @__PURE__ */ o("line", { x1: R - s.left + Y - 6, y1: P - s.top + X, x2: R - s.left + Y + 6, y2: P - s.top + X, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("line", { x1: R - s.left + Y, y1: P - s.top + X - 6, x2: R - s.left + Y, y2: P - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("circle", { cx: R - s.left, cy: P - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        Te && (() => {
-          const e = u(0), t = v(0);
-          return /* @__PURE__ */ k(b, { children: [
-            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ o("rect", { ref: le, fill: "transparent", width: l, height: c, style: {
-          cursor: Fe
-        }, onMouseDown: Xe, onMouseUp: je, onMouseMove: qe, onMouseLeave: Be, onTouchStart: Ke, onTouchEnd: Oe, onTouchMove: $e, onWheel: Ie, onClick: De }),
-        J && !m && /* @__PURE__ */ o(ot, { position: {
-          x: u(J.x),
-          y: v(J.y)
-        }, boundedWidth: l, boundedHeight: c })
-      ] }),
-      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
-        /* @__PURE__ */ o(it, { scale: v, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: ye(v, 5) }),
-        /* @__PURE__ */ o(ft, { top: c, scale: u, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: ye(u, 5) }),
-        Ce && /* @__PURE__ */ k(b, { children: [
-          /* @__PURE__ */ o(ut, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ o(vt, { scale: v, tickValues: [], left: l })
-        ] }),
-        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Le }),
-        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Me })
-      ] }),
-      /* @__PURE__ */ o(rt, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
-      L?.legend && /* @__PURE__ */ o(nt, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
-    ] })
-  ] }) }) });
-};
-export {
-  jt as default
-};
-//# sourceMappingURL=visualization.es63.js.map