@milaboratories/miplots4 1.0.124 → 1.0.125

package/dist/scatterplot-umap/components/Lasso.js

@@ -1,77 +1,232 @@
-import { j as v } from "../../node_modules/react/jsx-runtime.js";
-import { BLACK as L } from "../../constants.js";
-import { r } from "../../_virtual/index.js";
-const S = 20;
-function K({ scales: u, chartSizes: E, disabled: h, onPolygonUpdate: l }) {
-  const [s, g] = r.useState([]), [m, a] = r.useState(null), [p, j] = r.useState(null), f = r.useRef(null), c = r.useRef(null), o = r.useRef(null), y = r.useRef(s);
-  function k() {
-    f.current = null, c.current = null, o.current = null, y.current = [], g([]), a(null);
+import { j as i } from "../../node_modules/react/jsx-runtime.js";
+import { SCATTERPLOT_LASSO_EVENTS as g } from "../constants.js";
+import { BLACK as _ } from "../../constants.js";
+import { r as n } from "../../_virtual/index.js";
+import ae from "../../node_modules/d3-drag/src/drag.js";
+import D from "../../node_modules/d3-selection/src/select.js";
+const v = "#845CFF", de = 20, A = 3, fe = 10;
+function xe({
+  scales: o,
+  chartSizes: B,
+  zoomStateKey: U,
+  defaultPolygons: W,
+  onPolygonsApply: P,
+  onLassoControlsStateUpdate: X
+}) {
+  n.useEffect(() => {
+    function e() {
+      L.current !== null && (E([...a.current.filter((c, l) => l !== L.current)]), I(null), P(a.current));
+    }
+    function t(c) {
+      $(c.detail);
+    }
+    function u() {
+      K(x.current - 1);
+    }
+    function s() {
+      K(x.current + 1);
+    }
+    return document.addEventListener(g.delete, e), document.addEventListener(g.selectMode, t), document.addEventListener(g.back, u), document.addEventListener(g.forward, s), () => {
+      document.removeEventListener(g.delete, e), document.removeEventListener(g.selectMode, t), document.removeEventListener(g.back, u), document.removeEventListener(g.forward, s);
+    };
+  }, []);
+  const [f, V] = n.useState("pen"), [S, z] = n.useState(W), a = n.useRef(W), [J, Y] = n.useState(null), [k, Q] = n.useState(null), L = n.useRef(null), [d, Z] = n.useState([]), y = n.useRef(d), [C, ee] = n.useState([{ newPolygonPoints: d, closedPolygons: S }]), [h, G] = n.useState(0), w = n.useRef(C), x = n.useRef(h), [p, te] = n.useState(null), R = n.useRef(null), [b, M] = n.useState(!1), m = n.useRef(null), T = n.useRef(null), H = n.useCallback(function() {
+    const e = {
+      newPolygonPoints: [...y.current],
+      closedPolygons: [...a.current]
+    }, t = w.current.slice(0, x.current + 1);
+    t.push(e), t.length > fe && t.shift(), ee(t), G(t.length - 1), w.current = t, x.current = t.length - 1;
+  }, []), K = n.useCallback(function(e) {
+    if (e > w.current.length - 1 || e < 0)
+      return;
+    $("selection");
+    const t = w.current[e];
+    E(t.closedPolygons, !1), j(t.newPolygonPoints, !1), G(e), x.current = e;
+  }, []);
+  function E(e, t = !0) {
+    z(e), a.current = e, t && H();
+  }
+  function j(e, t = !0) {
+    y.current = e, Z(e), t && H();
+  }
+  function I(e) {
+    Q(e), L.current = e;
+  }
+  function $(e) {
+    if (V(e), e === "selection" && (I(null), T.current = null, m.current = null), e === "pen") {
+      if (y.current.length > 2) {
+        const t = { points: y.current, closed: !0 };
+        E([...a.current, t]), P([...a.current, t]);
+      }
+      N();
+    }
   }
-  function R(t) {
-    h || !(t.key === "Escape") || k();
+  function N(e = !0) {
+    R.current = null, j([], e);
   }
-  r.useEffect(() => {
-    h && (f.current = null, c.current = null, o.current = null, a(null));
-  }, [h]), r.useEffect(() => (document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R)), []), r.useEffect(() => {
-    if (m && p)
+  function q(e) {
+    e.key === "Escape" && N();
+  }
+  n.useEffect(() => (document.addEventListener("keydown", q), () => document.removeEventListener("keydown", q)), []), n.useEffect(() => {
+    var e;
+    (e = T.current) == null || e.attr("cx", (t) => o.x(t.p[0])).attr("cy", (t) => o.y(t.p[1]));
+  }, [U]);
+  const ne = n.useCallback(function() {
+    if (M(!1), !R.current || f === "pen")
       return;
-    if (s.length === 0) {
-      l([]);
+    const e = [...R.current], t = o.x.invert(e[0]), u = o.y.invert(e[1]);
+    if (!y.current.length) {
+      j([[t, u]]);
       return;
     }
-    const t = s.map((e) => e[0]);
-    t.push(s[s.length - 1][1]), l(t);
-  }, [s]);
-  function C() {
-    if (!f.current || h)
-      return;
-    const t = [...f.current], e = u.x.invert(t[0]), i = u.y.invert(t[1]);
-    let n = y.current, x = o.current;
-    const w = c.current && n.length > 1 ? Math.sqrt((t[0] - c.current[0]) ** 2 + (t[1] - c.current[1]) ** 2) : 1 / 0;
-    o.current ? o.current && w > S ? (n = [...n, [o.current, [e, i]]], x = [e, i]) : (n = [...n, [o.current, [e, i]]], n.length > 2 && (n = [...n, [n[n.length - 1][1], n[0][0]]]), x = null, n.length <= 2 ? l([]) : l(n.map((M) => M[0])), c.current = null) : (c.current = t, n = [], x = [e, i], l([])), g(n), a(x), y.current = n, o.current = x;
+    const s = y.current;
+    if (!b || s.length < 3)
+      j([...s, [t, u]]);
+    else {
+      const l = { points: [...s], closed: !0 };
+      N(!1), E([...S, l]), setTimeout(() => P([...S, l]), 0);
+    }
+  }, [f, b]), oe = n.useCallback(function(e) {
+    const t = [e.nativeEvent.offsetX, e.nativeEvent.offsetY], u = y.current, s = y.current[0];
+    if (s) {
+      const c = o.x(s[0]), l = o.y(s[1]), r = u.length > 1 ? Math.sqrt((t[0] - c) ** 2 + (t[1] - l) ** 2) : 1 / 0;
+      M(r < de);
+    } else
+      M(!1);
+    te(t), R.current = t;
+  }, []);
+  function re() {
+    m.current && D(m.current).data([]).exit().remove();
   }
-  function P(t) {
-    const e = [t.nativeEvent.offsetX, t.nativeEvent.offsetY];
-    j(e), f.current = e;
+  function se(e) {
+    e !== m.current && e && (re(), m.current = e, ce(k));
   }
-  return /* @__PURE__ */ v.jsxs("g", { children: [
-    /* @__PURE__ */ v.jsx(
+  const ce = n.useCallback(function(e) {
+    if (f !== "selection" && e !== null) {
+      const t = ae().on("drag", function(c) {
+        const l = D(this), r = l.data()[0];
+        r[0] = c.x, r[1] = c.y, r.p = [o.x.invert(r[0]), o.y.invert(r[1])], l.attr("cx", r[0]).attr("cy", r[1]);
+        const O = a.current.map((F, ie) => e !== ie ? F : {
+          ...F,
+          points: F.points.map(
+            (le, ue) => ue === r.idx ? [o.x.invert(r[0]), o.y.invert(r[1])] : le
+          )
+        });
+        E(O, !1);
+      }).on("end", function() {
+        H(), P(a.current);
+      }), u = a.current[e].points.map((c, l) => ({ idx: l, p: c })), s = D(m.current).selectAll("circle").data(u, (c) => c.idx).join("circle");
+      T.current = s, s.attr("cx", (c) => o.x(c.p[0])).attr("cy", (c) => o.y(c.p[1])).attr("r", A).attr("fill", "white").attr("stroke", v), s.call(t);
+    }
+  }, []);
+  return n.useEffect(() => {
+    X(f === "pen" ? {
+      mode: f,
+      backEnabled: h > 0,
+      forwardEnabled: h < C.length - 1,
+      deleteEnabled: k !== null
+    } : {
+      mode: f,
+      backEnabled: h > 0,
+      forwardEnabled: h < C.length - 1,
+      deleteEnabled: !1
+    });
+  }, [f, k, h, C]), /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs("g", { children: [
+    /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx(
+      "pattern",
+      {
+        id: "diagonalStripes",
+        width: "5",
+        height: "5",
+        patternTransform: "rotate(45 0 0)",
+        patternUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ i.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "10", stroke: v, strokeWidth: "1" })
+      }
+    ) }),
+    /* @__PURE__ */ i.jsx(
       "rect",
       {
         fill: "transparent",
-        width: E.chartWidth,
-        height: E.chartHeight,
-        onMouseMove: P,
-        onClick: C
+        width: B.chartWidth,
+        height: B.chartHeight,
+        onMouseMove: oe,
+        onClick: ne
       }
     ),
-    s.map(([t, e], i) => /* @__PURE__ */ v.jsx(
-      "line",
+    S.map((e, t) => {
+      const u = t === J, s = t === k, l = e.points.map((r) => [o.x(r[0]), o.y(r[1])]).map((r, O) => (O === 0 ? "M" : "L") + r[0] + "," + r[1]).join("") + "z";
+      return /* @__PURE__ */ i.jsxs("g", { children: [
+        /* @__PURE__ */ i.jsx(
+          "path",
+          {
+            d: l,
+            fill: u && !s ? "url(#diagonalStripes)" : "transparent",
+            stroke: s || u ? v : _,
+            onMouseOver: () => Y(t),
+            onMouseLeave: () => Y(null),
+            onClick: () => I(t),
+            style: { pointerEvents: f === "selection" || s ? "none" : "auto" }
+          }
+        ),
+        s && /* @__PURE__ */ i.jsx("g", { ref: (r) => se(r) })
+      ] }, t);
+    }),
+    /* @__PURE__ */ i.jsx(
+      "polyline",
       {
-        x1: u.x(t[0]),
-        y1: u.y(t[1]),
-        x2: u.x(e[0]),
-        y2: u.y(e[1]),
-        stroke: L,
+        points: d.map((e) => `${o.x(e[0])},${o.y(e[1])}`).join(" "),
+        stroke: _,
+        fill: "none",
         style: { pointerEvents: "none" }
-      },
-      i
-    )),
-    m && p && /* @__PURE__ */ v.jsx(
-      "line",
+      }
+    ),
+    d.length > 0 && p && /* @__PURE__ */ i.jsxs("g", { style: { pointerEvents: "none" }, children: [
+      /* @__PURE__ */ i.jsx(
+        "line",
+        {
+          x1: o.x(d[d.length - 1][0]),
+          y1: o.y(d[d.length - 1][1]),
+          x2: p[0],
+          y2: p[1],
+          stroke: _
+        }
+      ),
+      d.map((e, t) => /* @__PURE__ */ i.jsx(
+        "circle",
+        {
+          cx: o.x(e[0]),
+          cy: o.y(e[1]),
+          r: A,
+          fill: "white",
+          stroke: v
+        },
+        t
+      )),
+      /* @__PURE__ */ i.jsx(
+        "circle",
+        {
+          cx: p[0],
+          cy: p[1],
+          r: A,
+          fill: "white",
+          stroke: v
+        }
+      )
+    ] }),
+    b && p && /* @__PURE__ */ i.jsx(
+      "circle",
       {
-        x1: u.x(m[0]),
-        y1: u.y(m[1]),
-        x2: p[0],
-        y2: p[1],
-        stroke: L,
-        style: { pointerEvents: "none" }
-      },
-      "lastLine"
+        cx: p[0] + 5,
+        cy: p[1] - 5,
+        r: 2,
+        fill: "none",
+        stroke: v,
+        strokeWidth: 0.5
+      }
     )
-  ] });
+  ] }) });
 }
 export {
-  K as Lasso
+  xe as Lasso
 };
 //# sourceMappingURL=Lasso.js.map

package/dist/scatterplot-umap/components/Lasso.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lasso.js","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport type {ChartScales, ChartSizes, PairPoints, Point} from '../types';\nimport type {MouseEvent} from 'react';\nimport React, {useEffect, useRef, useState} from 'react';\n\nconst CLOSING_DISTANCE = 20;\nexport function Lasso({scales, chartSizes, disabled, onPolygonUpdate}: {\n    scales: ChartScales;\n    chartSizes: ChartSizes;\n    disabled: boolean;\n    onPolygonUpdate: (data:Point[]) => void;\n}) {\n    const [points, setPoints] = useState<PairPoints[]>([]);\n    const [lastPoint, setLastPoint] = useState<null | Point>(null);\n    const [movingPoint, setMovingPoint] = useState<null | Point>(null);\n\n    const movingPointRef = useRef<null | Point>(null);\n    const startPointRef = useRef<null | Point>(null);\n    const lastPointRef = useRef<null | Point>(null);\n    const pointsRef = useRef(points);\n    function clear() {\n        movingPointRef.current = null;\n        startPointRef.current = null;\n        lastPointRef.current = null;\n        pointsRef.current = [];\n        setPoints([]);\n        setLastPoint(null);\n    }\n    function onKeyDown(e: KeyboardEvent) {\n        if (disabled) {\n            return;\n        }\n        const escape = e.key === 'Escape';\n        if (!escape) {\n            return;\n        }\n        clear();\n    }\n\n    useEffect(() => {\n        if (disabled) {\n            movingPointRef.current = null;\n            startPointRef.current = null;\n            lastPointRef.current = null;\n            setLastPoint(null);\n        }\n    }, [disabled]);\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n        return () => document.removeEventListener('keydown', onKeyDown);\n    }, []);\n\n    useEffect(() => {\n        if (lastPoint && movingPoint) {\n            return;\n        }\n        if (points.length === 0) {\n            onPolygonUpdate([]);\n            return;\n        }\n        const polygon = points.map(p => p[0]);\n        polygon.push(points[points.length - 1][1]);\n        onPolygonUpdate(polygon);\n    }, [points]);\n    function onClick() {\n        if (!movingPointRef.current || disabled) {\n            return;\n        }\n        const currentCoords = [...movingPointRef.current] as Point;\n        const x = scales.x.invert(currentCoords[0]);\n        const y = scales.y.invert(currentCoords[1]);\n        let points = pointsRef.current;\n        let lastPoint = lastPointRef.current;\n        const distance = startPointRef.current && points.length > 1\n            ? Math.sqrt((currentCoords[0] - startPointRef.current[0]) ** 2 + (currentCoords[1] - startPointRef.current[1]) ** 2)\n            : Infinity;\n        if (!lastPointRef.current) {\n            startPointRef.current = currentCoords;\n            points = [];\n            lastPoint = [x, y];\n            onPolygonUpdate([]);\n        } else if (lastPointRef.current && distance > CLOSING_DISTANCE) {\n            points = [...points, [lastPointRef.current, [x, y]]];\n            lastPoint = [x, y];\n        } else {\n            points = [...points, [lastPointRef.current, [x, y]]];\n            if (points.length > 2) {\n                points = [...points, [points[points.length - 1][1], points[0][0]]];\n            }\n            lastPoint = null;\n            if (points.length <= 2) {\n                onPolygonUpdate([]);\n            } else {\n                onPolygonUpdate(points.map(p => p[0]));\n            }\n            startPointRef.current = null;\n        }\n\n        setPoints(points);\n        setLastPoint(lastPoint);\n        pointsRef.current = points;\n        lastPointRef.current = lastPoint;\n    }\n\n    function onMouseMove(e: MouseEvent<SVGRectElement>) {\n        const p:Point = [e.nativeEvent.offsetX, e.nativeEvent.offsetY];\n        setMovingPoint(p);\n        movingPointRef.current = p;\n    }\n\n    return (\n        <g>\n            <rect\n                fill=\"transparent\"\n                width={chartSizes.chartWidth}\n                height={chartSizes.chartHeight}\n                onMouseMove={onMouseMove}\n                onClick={onClick}\n            />\n            {points.map(([p1, p2], idx) => (\n                <line\n                    key={idx}\n                    x1={scales.x(p1[0])}\n                    y1={scales.y(p1[1])}\n                    x2={scales.x(p2[0])}\n                    y2={scales.y(p2[1])}\n                    stroke={BLACK}\n                    style={{pointerEvents: 'none'}}\n                />\n            ))}\n            {lastPoint && movingPoint && (\n                <line\n                    key=\"lastLine\"\n                    x1={scales.x(lastPoint[0])}\n                    y1={scales.y(lastPoint[1])}\n                    x2={movingPoint[0]}\n                    y2={movingPoint[1]}\n                    stroke={BLACK}\n                    style={{pointerEvents: 'none'}}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["CLOSING_DISTANCE","Lasso","scales","chartSizes","disabled","onPolygonUpdate","points","setPoints","useState","lastPoint","setLastPoint","movingPoint","setMovingPoint","movingPointRef","useRef","startPointRef","lastPointRef","pointsRef","clear","onKeyDown","e","useEffect","polygon","p","onClick","currentCoords","x","y","distance","onMouseMove","jsx","p1","p2","idx","BLACK"],"mappings":"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"}
+{"version":3,"file":"Lasso.js","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"sourcesContent":["import {SCATTERPLOT_LASSO_EVENTS} from '../constants';\nimport type {LassoControlsState, LassoMode} from '../types';\nimport type {Polygon} from '../types';\nimport type {Selection} from 'd3-selection';\nimport {select} from 'd3-selection';\nimport {BLACK} from '../../constants';\nimport type {ChartScales, ChartSizes, Point} from '../types';\nimport type {MouseEvent} from 'react';\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {drag} from 'd3-drag';\n\nconst SELECTION_COLOR = '#845CFF';\nconst CLOSING_DISTANCE = 20;\nconst R = 3;\nconst MAX_HISTORY_LENGTH = 10;\n\ntype CircleData = { // moving point for editing\n    idx: number;\n    p: Point;\n};\ntype CirclesSelection = Selection<SVGCircleElement, CircleData, SVGGElement | null, CircleData>;\n\ntype HistoryFrame = {\n    newPolygonPoints: Point[],\n    closedPolygons: Polygon[]\n}\n\n// Mode = 'selection': creating new polygons, pan with button\n// Mode = 'pen': selecting polygon to edit or delete, any zooming actions\nexport function Lasso({\n    scales,\n    chartSizes,\n    zoomStateKey,\n    defaultPolygons,\n    onPolygonsApply,\n    onLassoControlsStateUpdate,\n}: {\n    scales: ChartScales;\n    chartSizes: ChartSizes;\n    zoomStateKey: string;\n    defaultPolygons: Polygon[];\n    onPolygonsApply: (data: Polygon[]) => void;\n    onLassoControlsStateUpdate: (v: LassoControlsState) => void;\n}) {\n    useEffect(() => {\n        // Events from outer controls\n        function onPolygonDelete() {\n            if (selectedPolygonRef.current === null) {\n                return;\n            }\n            updatePolygons([...closedPolygonsRef.current.filter((_p, idx) => idx !== selectedPolygonRef.current)]);\n            updateSelectedPolygon(null);\n            onPolygonsApply(closedPolygonsRef.current);\n        }\n\n        function onModeSelect(e: CustomEvent<LassoMode>) {\n            updateMode(e.detail);\n        }\n        function onClickBack() {\n            loadHistoryItem(historyIndexRef.current - 1);\n        }\n        function onClickForward() {\n            loadHistoryItem(historyIndexRef.current + 1);\n        }\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        return () => {\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        };\n    }, []);\n\n    // inner state\n    const [lassoMode, setLassoMode] = useState<LassoMode>('pen');\n\n    const [closedPolygons, setClosedPolygons] = useState<Polygon[]>(defaultPolygons);\n    const closedPolygonsRef = useRef<Polygon[]>(defaultPolygons);\n\n    const [hoveredPolygon, setHoveredPolygon] = useState<number | null>(null);\n\n    const [selectedPolygon, setSelectedPolygon] = useState<number | null>(null);\n    const selectedPolygonRef = useRef<number | null>(null);\n\n    const [newPolygonPoints, setNewPolygonPoints] = useState<Point[]>([]);\n    const newPolygonPointsRef = useRef(newPolygonPoints);\n\n    const [history, setHistory] = useState<HistoryFrame[]>([{newPolygonPoints, closedPolygons}]);\n    const [historyIndex, setHistoryIndex] = useState(0);\n    const historyRef = useRef(history);\n    const historyIndexRef = useRef(historyIndex);\n\n    const [movingPoint, setMovingPoint] = useState<null | Point>(null);\n    const movingPointRef = useRef<null | Point>(null);\n\n    const [closeToStartPoint, setCloseToStartPoint] = useState(false);\n\n    const selectedCirclesContainerRef = useRef<SVGGElement | null>(null);\n    const selectedCirclesSelectionRef = useRef<CirclesSelection | null>(null);\n\n    const saveCurrentStateToHistory = useCallback(function () {\n        const newHistoryItem = {\n            newPolygonPoints: [...newPolygonPointsRef.current],\n            closedPolygons: [...closedPolygonsRef.current]\n        };\n        const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);\n        newHistory.push(newHistoryItem);\n        if (newHistory.length > MAX_HISTORY_LENGTH) {\n            newHistory.shift();\n        }\n        setHistory(newHistory);\n        setHistoryIndex(newHistory.length - 1);\n        historyRef.current = newHistory;\n        historyIndexRef.current = newHistory.length - 1;\n    }, []);\n\n   const loadHistoryItem = useCallback(function (index:number) {\n        if (index > historyRef.current.length - 1 || index < 0) {\n            return;\n        }\n        updateMode('selection');\n        const historyState = historyRef.current[index];\n        updatePolygons(historyState.closedPolygons, false);\n        updateNewPolygon(historyState.newPolygonPoints, false);\n        setHistoryIndex(index);\n        historyIndexRef.current = index;\n    }, []);\n    function updatePolygons(p: Polygon[], saveToHistory = true) {\n        setClosedPolygons(p);\n        closedPolygonsRef.current = p;\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateNewPolygon(points:Point[], saveToHistory = true) {\n        newPolygonPointsRef.current = points;\n        setNewPolygonPoints(points);\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateSelectedPolygon(idx: number | null) {\n        setSelectedPolygon(idx);\n        selectedPolygonRef.current = idx;\n    }\n\n    function updateMode(v: LassoMode) {\n        setLassoMode(v);\n        if (v === 'selection') {\n            updateSelectedPolygon(null);\n            selectedCirclesSelectionRef.current = null;\n            selectedCirclesContainerRef.current = null;\n        }\n        if (v === 'pen') {\n            if (newPolygonPointsRef.current.length > 2) {\n                const polygon:Polygon = {points: newPolygonPointsRef.current, closed: true};\n                updatePolygons([...closedPolygonsRef.current, polygon]);\n                onPolygonsApply([...closedPolygonsRef.current, polygon]);\n            }\n            clearNotFinishedPolygon();\n        }\n    }\n    function clearNotFinishedPolygon(saveToHistory = true) {\n        movingPointRef.current = null;\n        updateNewPolygon([], saveToHistory);\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n        const escape = e.key === 'Escape';\n        if (!escape) {\n            return;\n        }\n        clearNotFinishedPolygon();\n    }\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n        return () => document.removeEventListener('keydown', onKeyDown);\n    }, []);\n\n    useEffect(() => {\n        selectedCirclesSelectionRef.current?.attr('cx', d => scales.x(d.p[0])).attr('cy', d => scales.y(d.p[1]));\n    }, [zoomStateKey]);\n\n    const onNewPointAddByClick = useCallback(function () {\n        setCloseToStartPoint(false);\n        if (!movingPointRef.current || lassoMode === 'pen') {\n            return;\n        }\n        const currentCoords = [...movingPointRef.current] as Point;\n        const x = scales.x.invert(currentCoords[0]);\n        const y = scales.y.invert(currentCoords[1]);\n\n        if (!newPolygonPointsRef.current.length) {\n            updateNewPolygon([[x, y]]);\n            return;\n        }\n\n        const points = newPolygonPointsRef.current;\n        const tooFar = !closeToStartPoint;\n        if (tooFar || points.length < 3) {\n            updateNewPolygon([...points, [x, y]]);\n        } else {\n            const polygon:Polygon = {points: [...points], closed: true};\n            clearNotFinishedPolygon(false);\n            updatePolygons([...closedPolygons, polygon]);\n            // to avoid freezing of ui updating in case of big amount of points to apply polygons and change opacity\n            setTimeout(() => onPolygonsApply([...closedPolygons, polygon]), 0);\n        }\n    }, [lassoMode, closeToStartPoint]);\n\n    const onMouseMove = useCallback(function(e: MouseEvent<SVGRectElement>) {\n        const p: Point = [e.nativeEvent.offsetX, e.nativeEvent.offsetY];\n        const points = newPolygonPointsRef.current;\n        const startPoint = newPolygonPointsRef.current[0];\n        if (startPoint) {\n            const startX = scales.x(startPoint[0]);\n            const startY = scales.y(startPoint[1]);\n            const distance = points.length > 1\n                ? Math.sqrt((p[0] - startX) ** 2 + (p[1] - startY) ** 2)\n                : Infinity;\n            setCloseToStartPoint(distance < CLOSING_DISTANCE);\n        } else {\n            setCloseToStartPoint(false);\n        }\n\n        setMovingPoint(p);\n        movingPointRef.current = p;\n    }, []);\n\n    function clearSelectedCircles() {\n        if (selectedCirclesContainerRef.current) {\n            select(selectedCirclesContainerRef.current).data([]).exit().remove();\n        }\n    }\n\n    function updateSelectedCircles(el: SVGGElement | null) {\n        if (el !== selectedCirclesContainerRef.current && el) {\n            clearSelectedCircles();\n            selectedCirclesContainerRef.current = el;\n            onPolygonSelect(selectedPolygon);\n        }\n    }\n\n    const onPolygonSelect = useCallback(function (idx: number | null) {\n        if (lassoMode === 'selection') {\n            return;\n        }\n        if (idx !== null) {\n            const d = drag<SVGCircleElement, CircleData, SVGGElement | null>()\n                .on('drag', function (e) {\n                    const el = select<SVGCircleElement, CircleData>(this);\n                    const d = el.data()[0] as number[] & CircleData;\n                    d[0] = e.x;\n                    d[1] = e.y;\n                    d.p = [scales.x.invert(d[0]), scales.y.invert(d[1])];\n                    el.attr('cx', d[0]).attr('cy', d[1]);\n                    const editedPolygons = closedPolygonsRef.current.map((polygon, polygonIdx) => {\n                        return idx !== polygonIdx ? polygon : {\n                            ...polygon,\n                            points: polygon.points.map((el, pointIdx) =>\n                                pointIdx === d.idx ? ([scales.x.invert(d[0]), scales.y.invert(d[1])] as Point) : el\n                            ),\n                        };\n                    });\n                    updatePolygons(editedPolygons, false);\n                })\n                .on('end', function () {\n                    saveCurrentStateToHistory();\n                    onPolygonsApply(closedPolygonsRef.current);\n                });\n            const draggablePointsData = closedPolygonsRef.current[idx].points.map((p, idx) => ({idx, p}));\n            const selectedCircles = select(selectedCirclesContainerRef.current)\n                .selectAll<SVGCircleElement, CircleData>('circle')\n                .data(draggablePointsData, (d) => d.idx)\n                .join('circle');\n            selectedCirclesSelectionRef.current = selectedCircles;\n\n            selectedCircles\n                .attr('cx', d => scales.x(d.p[0]))\n                .attr('cy', d => scales.y(d.p[1]))\n                .attr('r', R)\n                .attr('fill', 'white')\n                .attr('stroke', SELECTION_COLOR);\n            selectedCircles.call(d);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (lassoMode === 'pen') {\n            onLassoControlsStateUpdate({\n                mode: lassoMode,\n                backEnabled: historyIndex > 0,\n                forwardEnabled: historyIndex < history.length - 1,\n                deleteEnabled: selectedPolygon !== null,\n            });\n        } else {\n            onLassoControlsStateUpdate({\n                mode: lassoMode,\n                backEnabled: historyIndex > 0,\n                forwardEnabled: historyIndex < history.length - 1,\n                deleteEnabled: false,\n            });\n        }\n    }, [lassoMode, selectedPolygon, historyIndex, history]);\n\n    return (\n        <>\n            <g>\n                <defs>\n                    <pattern\n                        id=\"diagonalStripes\"\n                        width=\"5\"\n                        height=\"5\"\n                        patternTransform=\"rotate(45 0 0)\"\n                        patternUnits=\"userSpaceOnUse\"\n                    >\n                        <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"10\" stroke={SELECTION_COLOR} strokeWidth=\"1\" />\n                    </pattern>\n                </defs>\n                <rect\n                    fill=\"transparent\"\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    onMouseMove={onMouseMove}\n                    onClick={onNewPointAddByClick}\n                />\n                {closedPolygons.map((p, idx) => {\n                    const isHovered = idx === hoveredPolygon;\n                    const isSelected = idx === selectedPolygon;\n                    const points = p.points.map(p => [scales.x(p[0]), scales.y(p[1])]);\n                    const pathD =\n                        points\n                            .map((p, idx) => {\n                                return (idx === 0 ? 'M' : 'L') + p[0] + ',' + p[1];\n                            })\n                            .join('') + 'z';\n                    return (\n                        <g key={idx}>\n                            <path\n                                d={pathD}\n                                fill={isHovered && !isSelected ? 'url(#diagonalStripes)' : 'transparent'}\n                                stroke={isSelected || isHovered ? SELECTION_COLOR : BLACK}\n                                onMouseOver={() => setHoveredPolygon(idx)}\n                                onMouseLeave={() => setHoveredPolygon(null)}\n                                onClick={() => updateSelectedPolygon(idx)}\n                                style={{pointerEvents: lassoMode === 'selection' || isSelected ? 'none' : 'auto'}}\n                            />\n                            {isSelected && <g ref={el => updateSelectedCircles(el)} />}\n                        </g>\n                    );\n                })}\n                <polyline\n                    points={newPolygonPoints.map((p) => `${scales.x(p[0])},${scales.y(p[1])}`).join(' ')}\n                    stroke={BLACK}\n                    fill=\"none\"\n                    style={{pointerEvents: 'none'}}\n                />\n                {newPolygonPoints.length > 0 && movingPoint && (\n                    <g style={{pointerEvents: 'none'}}>\n                        <line\n                            x1={scales.x(newPolygonPoints[newPolygonPoints.length - 1][0])}\n                            y1={scales.y(newPolygonPoints[newPolygonPoints.length - 1][1])}\n                            x2={movingPoint[0]}\n                            y2={movingPoint[1]}\n                            stroke={BLACK}\n                        />\n                        {newPolygonPoints.map((p, idx) => (\n                            <circle\n                                key={idx}\n                                cx={scales.x(p[0])}\n                                cy={scales.y(p[1])}\n                                r={R}\n                                fill=\"white\"\n                                stroke={SELECTION_COLOR}\n                            />\n                        ))}\n                        <circle\n                            cx={movingPoint[0]}\n                            cy={movingPoint[1]}\n                            r={R}\n                            fill=\"white\"\n                            stroke={SELECTION_COLOR}\n                        />\n                    </g>\n                )}\n                {closeToStartPoint && movingPoint && (\n                    <circle\n                        cx={movingPoint[0] + 5}\n                        cy={movingPoint[1] - 5}\n                        r={2}\n                        fill=\"none\"\n                        stroke={SELECTION_COLOR}\n                        strokeWidth={0.5}\n                    />\n                )}\n            </g>\n        </>\n    );\n}\n"],"names":["SELECTION_COLOR","CLOSING_DISTANCE","R","MAX_HISTORY_LENGTH","Lasso","scales","chartSizes","zoomStateKey","defaultPolygons","onPolygonsApply","onLassoControlsStateUpdate","useEffect","onPolygonDelete","selectedPolygonRef","updatePolygons","closedPolygonsRef","_p","idx","updateSelectedPolygon","onModeSelect","e","updateMode","onClickBack","loadHistoryItem","historyIndexRef","onClickForward","SCATTERPLOT_LASSO_EVENTS","lassoMode","setLassoMode","useState","closedPolygons","setClosedPolygons","useRef","hoveredPolygon","setHoveredPolygon","selectedPolygon","setSelectedPolygon","newPolygonPoints","setNewPolygonPoints","newPolygonPointsRef","history","setHistory","historyIndex","setHistoryIndex","historyRef","movingPoint","setMovingPoint","movingPointRef","closeToStartPoint","setCloseToStartPoint","selectedCirclesContainerRef","selectedCirclesSelectionRef","saveCurrentStateToHistory","useCallback","newHistoryItem","newHistory","index","historyState","updateNewPolygon","p","saveToHistory","points","v","polygon","clearNotFinishedPolygon","onKeyDown","_a","d","onNewPointAddByClick","currentCoords","x","y","onMouseMove","startPoint","startX","startY","distance","clearSelectedCircles","select","updateSelectedCircles","el","onPolygonSelect","drag","editedPolygons","polygonIdx","pointIdx","draggablePointsData","selectedCircles","jsx","Fragment","isHovered","isSelected","pathD","BLACK","jsxs"],"mappings":"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"}

package/dist/scatterplot-umap/components/SVGLayer.d.ts

@@ -1,3 +1,3 @@
 import { SVGLayerProps } from '../types';
-export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, onlyPositive, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, lassoMode, dotsByGrouping, layers, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, onlyPositive, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, onLassoControlsStateUpdate, dotsByGrouping, layers, defaultPolygons, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SVGLayer.d.ts.map

package/dist/scatterplot-umap/components/SVGLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,MAAM,EACN,WAAkB,GACrB,EAAE,aAAa,kDAkDf"}
+{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,eAAe,EACf,WAAkB,GACrB,EAAE,aAAa,kDAoDf"}

package/dist/scatterplot-umap/components/SVGLayer.js

@@ -1,70 +1,73 @@
 import { j as p } from "../../node_modules/react/jsx-runtime.js";
-import { useTooltip as V } from "../../common/Tooltip.js";
-import g from "./LowerSVG.js";
-import h from "./UpperSVG.js";
-import { r as w } from "../../_virtual/index.js";
-import { ErrorBoundary as B } from "../../common/ErrorBoundary.js";
-import { r as G } from "../../node_modules/react-dom/index.js";
-function c({
-  settingsId: u,
-  scales: t,
-  chartSettings: s,
-  mainTitle: x,
-  keyColumn: a,
-  margins: n,
-  chartSizes: f,
-  captionsSizes: e,
-  onlyPositive: j,
+import { useTooltip as w } from "../../common/Tooltip.js";
+import y from "./LowerSVG.js";
+import B from "./UpperSVG.js";
+import { r as G } from "../../_virtual/index.js";
+import { ErrorBoundary as I } from "../../common/ErrorBoundary.js";
+import { r as O } from "../../node_modules/react-dom/index.js";
+function k({
+  settingsId: s,
+  scales: f,
+  chartSettings: x,
+  mainTitle: a,
+  keyColumn: n,
+  margins: j,
+  chartSizes: i,
+  captionsSizes: l,
+  onlyPositive: E,
   container: r,
-  zoomStateKey: l,
-  aesGetters: i,
-  legendData: E,
+  zoomStateKey: t,
+  aesGetters: u,
+  legendData: e,
   labels: v,
   onPolygonUpdate: d,
   onTooltipHintSwitch: L,
-  lassoMode: y,
-  dotsByGrouping: M,
-  layers: S,
+  onLassoControlsStateUpdate: M,
+  dotsByGrouping: V,
+  layers: g,
+  defaultPolygons: h,
   selectedDot: o = null
 }) {
   if (!r)
     return null;
-  const m = V(L);
-  return w.useEffect(() => {
+  const m = w(L);
+  return G.useEffect(() => {
     o ? m.onMouseOver(o) : m.onMouseLeave();
-  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(B, { dataId: u, children: [
+  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(I, { dataId: s, children: [
     /* @__PURE__ */ p.jsx(
-      g,
+      y,
       {
-        aesGetters: i,
-        dotsByGrouping: M,
-        layers: S,
-        scales: t,
-        keyColumn: a,
-        margins: n,
-        mainTitle: x,
-        captionsSizes: e,
-        chartSettings: s,
-        chartSizes: f,
-        onlyPositive: j,
+        aesGetters: u,
+        dotsByGrouping: V,
+        layers: g,
+        scales: f,
+        keyColumn: n,
+        margins: j,
+        mainTitle: a,
+        captionsSizes: l,
+        chartSettings: x,
+        chartSizes: i,
+        onlyPositive: E,
         container: r,
-        zoomStateKey: l,
-        legendData: E,
+        zoomStateKey: t,
+        legendData: e,
         tooltipData: m
       }
     ),
-    G.createPortal(
+    O.createPortal(
       /* @__PURE__ */ p.jsx(
-        h,
+        B,
         {
-          scales: t,
+          scales: f,
           container: r,
-          aesGetters: i,
+          aesGetters: u,
           labels: v,
-          chartSizes: f,
+          chartSizes: i,
+          zoomStateKey: t,
           selectedDot: o,
+          defaultPolygons: h,
           onPolygonUpdate: d,
-          lassoMode: y,
+          onLassoControlsStateUpdate: M,
           tooltipData: m
         }
       ),
@@ -73,6 +76,6 @@ function c({
   ] }) });
 }
 export {
-  c as SVGLayer
+  k as SVGLayer
 };
 //# sourceMappingURL=SVGLayer.js.map

package/dist/scatterplot-umap/components/SVGLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\nimport type {DotInfo} from '../types';\nimport type {SVGLayerProps} from '../types';\nimport React, {useEffect} from 'react';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {createPortal} from 'react-dom';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    lassoMode,\n    dotsByGrouping,\n    layers,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseOver(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    selectedDot={selectedDot}\n                    onPolygonUpdate={onPolygonUpdate}\n                    lassoMode={lassoMode}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","lassoMode","dotsByGrouping","layers","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AASO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACV;AACD,WAAO;AAEX,QAAMW,IAAcC,EAAoBN,CAAmB;AAC3DO,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,YAAYD,CAAW,IAEnCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQzB,GACnB,UAAA;AAAA,IAAAuB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAf;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA3B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,aAAAa;AAAA,UACA,iBAAAL;AAAA,UACA,WAAAE;AAAA,UACA,aAAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJX;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}
+{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\nimport type {DotInfo} from '../types';\nimport type {SVGLayerProps} from '../types';\nimport React, {useEffect} from 'react';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {createPortal} from 'react-dom';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate,\n    dotsByGrouping,\n    layers,\n    defaultPolygons,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseOver(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    zoomStateKey={zoomStateKey}\n                    selectedDot={selectedDot}\n                    defaultPolygons={defaultPolygons}\n                    onPolygonUpdate={onPolygonUpdate}\n                    onLassoControlsStateUpdate={onLassoControlsStateUpdate}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","onLassoControlsStateUpdate","dotsByGrouping","layers","defaultPolygons","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AASO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACX;AACD,WAAO;AAEX,QAAMY,IAAcC,EAAoBP,CAAmB;AAC3DQ,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,YAAYD,CAAW,IAEnCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQ1B,GACnB,UAAA;AAAA,IAAAwB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAhB;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA5B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,cAAAI;AAAA,UACA,aAAAU;AAAA,UACA,iBAAAD;AAAA,UACA,iBAAAL;AAAA,UACA,4BAAAE;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJZ;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}

package/dist/scatterplot-umap/components/UpperSVG.d.ts

@@ -1,14 +1,16 @@
 import { TooltipsData } from '../../common/Tooltip';
-import { AesGetters, ChartScales, ChartSizes, DotInfo, Point } from '../types';
+import { AesGetters, LassoControlsState, Polygon, ChartScales, ChartSizes, DotInfo } from '../types';
 import { Label } from '../../scatterplot/utils/getVisibleLabels';
-declare function UpperSVG({ scales, container, labels, aesGetters, chartSizes, onPolygonUpdate, lassoMode, tooltipData }: {
+declare function UpperSVG({ scales, container, labels, aesGetters, chartSizes, zoomStateKey, defaultPolygons, onPolygonUpdate, onLassoControlsStateUpdate, tooltipData }: {
     scales: ChartScales;
     container: SVGElement | null;
     aesGetters: AesGetters;
     labels: Label[];
     chartSizes: ChartSizes;
-    onPolygonUpdate: (data: Point[]) => void;
-    lassoMode: boolean;
+    zoomStateKey: string;
+    defaultPolygons: Polygon[];
+    onLassoControlsStateUpdate: (v: LassoControlsState) => void;
+    onPolygonUpdate: (data: Polygon[]) => void;
     tooltipData: TooltipsData<DotInfo>;
     selectedDot?: DotInfo | null;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/scatterplot-umap/components/UpperSVG.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpperSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0CAA0C,CAAC;AAGpE,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,WAAW,EACd,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAC,KAAK,EAAE,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,kDA+CA;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UpperSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/UpperSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0CAA0C,CAAC;AAGpE,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,WAAW,EACd,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,0BAA0B,EAAE,CAAC,CAAC,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAC,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,kDAkDA;AAED,eAAe,QAAQ,CAAC"}