@weng-lab/visualization 2.4.0-beta.6 → 2.4.0-beta.7

package/dist/visualization.es74.js

@@ -1,8 +1,106 @@
-import { getDefaultExportFromCjs as e } from "./visualization.es205.js";
-import { __require as o } from "./visualization.es110.js";
-var t = o();
-const a = /* @__PURE__ */ e(t);
+import { jsxs as b, jsx as f } from "react/jsx-runtime";
+import { useRef as S, useEffect as Y } from "react";
+import { CROSSHAIR_STROKE as T, CROSSHAIR_DASH as W, CROSSHAIR_STROKE_WIDTH as P } from "./visualization.es125.js";
+import { useStableCallback as w } from "./visualization.es19.js";
+const o = 0.25, H = P / o, _ = W.map((c) => c / o).join(","), N = ({
+  miniMap: c,
+  width: C,
+  height: D,
+  pointData: E,
+  xScale: m,
+  yScale: R,
+  zoom: r,
+  crosshair: h
+}) => {
+  const a = h ? m(h.x) : null, u = h ? R(h.y) : null, l = C - 100, i = D - 100, s = S(null), d = S(null), g = S(null), M = w(() => {
+    const n = d.current;
+    d.current = null, n && r.setTransformMatrix({
+      ...r.transformMatrix,
+      translateX: r.transformMatrix.translateX - n.dx / o * r.transformMatrix.scaleX,
+      translateY: r.transformMatrix.translateY - n.dy / o * r.transformMatrix.scaleY
+    });
+  }), p = (n, t) => {
+    const e = d.current ?? {
+      dx: 0,
+      dy: 0
+    };
+    e.dx += n, e.dy += t, d.current = e;
+  }, A = () => {
+    s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null, M();
+    }));
+  }, x = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null), M(), g.current = null, r.dragEnd();
+  };
+  return Y(() => () => {
+    s.current !== null && cancelAnimationFrame(s.current);
+  }, []), /* @__PURE__ */ b("div", { style: {
+    position: "absolute",
+    bottom: c.position ? c.position.bottom : 10,
+    right: c.position ? c.position.right : 10
+  }, children: [
+    /* @__PURE__ */ f("canvas", { width: l * o, height: i * o, ref: (n) => {
+      if (n) {
+        const t = n.getContext("2d"), e = o, I = l * e, k = i * e;
+        t && (t.clearRect(0, 0, n.width, n.height), t.fillStyle = "white", t.fillRect(0, 0, I, k), t.strokeStyle = "grey", t.lineWidth = 4, t.strokeRect(0, 0, I, k), E.forEach((y) => {
+          const O = m(y.x) * e, X = R(y.y) * e;
+          t.beginPath(), t.arc(O, X, 3 * e, 0, Math.PI * 2), t.fillStyle = y.color ?? "black", t.fill();
+        }));
+      }
+    }, style: {
+      display: "block"
+    } }),
+    /* @__PURE__ */ f("svg", { width: l * o, height: i * o, style: {
+      position: "absolute",
+      top: 0,
+      left: 0
+    }, children: /* @__PURE__ */ b("g", { transform: `scale(${o})`, children: [
+      /* @__PURE__ */ f(
+        "rect",
+        {
+          width: l,
+          height: i,
+          fill: "#0d0f98",
+          fillOpacity: 0.2,
+          stroke: "#0d0f98",
+          strokeWidth: 4,
+          rx: 8,
+          transform: r.toStringInvert(),
+          style: {
+            cursor: r.isDragging ? "grabbing" : "grab",
+            touchAction: "none"
+          },
+          onMouseDown: r.dragStart,
+          onMouseUp: x,
+          onMouseMove: (n) => {
+            r.isDragging && (p(n.movementX, n.movementY), A());
+          },
+          onMouseLeave: x,
+          onTouchStart: (n) => {
+            const t = n.touches[0];
+            t && (g.current = {
+              x: t.clientX,
+              y: t.clientY
+            }), r.dragStart(n);
+          },
+          onTouchEnd: x,
+          onTouchCancel: x,
+          onTouchMove: (n) => {
+            if (!r.isDragging || n.touches.length !== 1) return;
+            const t = n.touches[0], e = g.current;
+            g.current = {
+              x: t.clientX,
+              y: t.clientY
+            }, e && (p(t.clientX - e.x, t.clientY - e.y), A());
+          }
+        }
+      ),
+      u !== null && u >= 0 && u <= i && /* @__PURE__ */ f("line", { x1: 0, x2: l, y1: u, y2: u, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" }),
+      a !== null && a >= 0 && a <= l && /* @__PURE__ */ f("line", { x1: a, x2: a, y1: 0, y2: i, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" })
+    ] }) })
+  ] });
+};
 export {
-  a as default
+  N as default
 };
 //# sourceMappingURL=visualization.es74.js.map

package/dist/visualization.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es74.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es74.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\nimport { useStableCallback } from \"../../hooks\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    /**\n     * Dragging the window is coalesced to one zoom update per animation frame.\n     *\n     * This handler sets the transform matrix directly rather than going through zoom.dragMove,\n     * so it needs its own coalescing: without it a mouse reporting faster than the browser\n     * paints updates a zoom shared by every synced plot on each move, and React eventually\n     * warns that the update depth was exceeded.\n     *\n     * Movement is accumulated rather than replaced: these are deltas, so dropping the moves in\n     * between would lose the distance they covered. A pointer moving faster than the frame rate\n     * still pans exactly as far as it travelled.\n     */\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<{ dx: number; dy: number } | null>(null);\n    // Touch events carry absolute positions, so a drag delta is the step from the previous one.\n    const lastTouchRef = useRef<{ x: number; y: number } | null>(null);\n\n    const flushPan = useStableCallback(() => {\n        const pending = pendingRef.current;\n        pendingRef.current = null;\n        if (!pending) return;\n\n        zoom.setTransformMatrix({\n            ...zoom.transformMatrix,\n            translateX: zoom.transformMatrix.translateX - pending.dx / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleX,\n            translateY: zoom.transformMatrix.translateY - pending.dy / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleY,\n        });\n    });\n\n    const accumulate = (dx: number, dy: number) => {\n        const pending = pendingRef.current ?? { dx: 0, dy: 0 };\n        pending.dx += dx;\n        pending.dy += dy;\n        pendingRef.current = pending;\n    };\n\n    const scheduleFrame = () => {\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            flushPan();\n        });\n    };\n\n    // Apply whatever is still queued before the gesture closes, so the window lands where the\n    // pointer left it rather than a frame behind.\n    const endPan = () => {\n        if (frameRef.current !== null) {\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = null;\n        }\n        flushPan();\n        lastTouchRef.current = null;\n        zoom.dragEnd();\n    };\n\n    useEffect(() => () => {\n        if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);\n    }, []);\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points\n                            pointData.forEach(point => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = point.color ?? \"black\";\n                                context.fill();\n                            });\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={endPan}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                accumulate(event.movementX, event.movementY);\n                                scheduleFrame();\n                            }\n                        }}\n                        onMouseLeave={endPan}\n                        onTouchStart={(event) => {\n                            const touch = event.touches[0];\n                            // Seed the previous position so the first move measures a step from\n                            // where the finger landed, not from the origin.\n                            if (touch) lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            zoom.dragStart(event);\n                        }}\n                        onTouchEnd={endPan}\n                        onTouchCancel={endPan}\n                        onTouchMove={(event) => {\n                            // Only a single finger pans; a second one is a pinch, which belongs\n                            // to the plot's own zoom rather than to this window.\n                            if (!zoom.isDragging || event.touches.length !== 1) return;\n                            const touch = event.touches[0];\n                            const last = lastTouchRef.current;\n                            lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            if (!last) return;\n                            accumulate(touch.clientX - last.x, touch.clientY - last.y);\n                            scheduleFrame();\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","frameRef","useRef","pendingRef","lastTouchRef","flushPan","useStableCallback","pending","current","setTransformMatrix","transformMatrix","translateX","dx","scaleX","translateY","dy","scaleY","accumulate","scheduleFrame","requestAnimationFrame","endPan","cancelAnimationFrame","dragEnd","useEffect","jsxs","position","bottom","right","jsx","canvas","context","getContext","scaleFactor","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","display","top","left","toStringInvert","cursor","isDragging","touchAction","dragStart","event","movementX","movementY","touch","touches","clientX","clientY","length","last","CROSSHAIR_STROKE"],"mappings":"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"}

package/dist/visualization.es75.js

@@ -1,8 +1,31 @@
-import { getDefaultExportFromCjs as r } from "./visualization.es205.js";
-import { __require as o } from "./visualization.es113.js";
-var e = o();
-const a = /* @__PURE__ */ r(e);
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import m from "./visualization.es58.js";
+const f = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, M = {
+  scaleXMin: 1 / 2,
+  scaleXMax: 10,
+  scaleYMin: 1 / 2,
+  scaleYMax: 10
+}, h = m, d = (r) => {
+  const t = n(6), {
+    width: s,
+    height: a,
+    children: l
+  } = r;
+  let e;
+  t[0] !== l ? (e = (c) => l(c), t[0] = l, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
+};
 export {
-  a as default
+  d as default,
+  f as initialTransformMatrix
 };
 //# sourceMappingURL=visualization.es75.js.map

package/dist/visualization.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es75.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es75.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nexport const initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQO,MAAMA,IAAyB;AAAA,EAClCC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}

package/dist/visualization.es76.js

@@ -1,63 +1,26 @@
-import { useState as y } from "react";
-import C from "./visualization.es115.js";
-function d(r, e) {
-  return j(r) || k(r, e) || x(r, e) || E();
-}
-function j(r) {
-  if (Array.isArray(r)) return r;
-}
-function k(r, e) {
-  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
-    var t = [], n = !0, u = !1, a = void 0;
-    try {
-      for (var o = r[Symbol.iterator](), i; !(n = (i = o.next()).done) && (t.push(i.value), !(e && t.length === e)); n = !0)
-        ;
-    } catch (s) {
-      u = !0, a = s;
-    } finally {
-      try {
-        !n && o.return != null && o.return();
-      } finally {
-        if (u) throw a;
-      }
-    }
-    return t;
-  }
-}
-function x(r, e) {
-  if (r) {
-    if (typeof r == "string") return p(r, e);
-    var t = Object.prototype.toString.call(r).slice(8, -1);
-    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(t);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return p(r, e);
-  }
-}
-function p(r, e) {
-  (e == null || e > r.length) && (e = r.length);
-  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
-  return n;
-}
-function E() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-var H = function() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.type, n = e.quality, u = y(null), a = d(u, 2), o = a[0], i = a[1], s = y(null), l = d(s, 2), v = l[0], g = l[1], S = function(h) {
-    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (!h)
-      throw new Error("You should provide correct html node.");
-    return C(h, b).then(function(f) {
-      var c = document.createElement("canvas"), _ = c.getContext("2d"), A = 0, w = 0, I = f.width, T = f.height;
-      c.width = I, c.height = T, _.drawImage(f, w, A);
-      var m = c.toDataURL(t, n);
-      return i(m), m;
-    }).catch(g);
-  };
-  return [o, S, {
-    error: v
-  }];
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+const m = (l) => {
+  const t = n(5), {
+    tooltipBody: e,
+    tooltipData: i
+  } = l;
+  let r;
+  t[0] !== e || t[1] !== i ? (r = e ? e(i) : /* @__PURE__ */ a("div", { children: i.metaData && Object.entries(i.metaData).map(s) }), t[0] = e, t[1] = i, t[2] = r) : r = t[2];
+  let o;
+  return t[3] !== r ? (o = /* @__PURE__ */ a("div", { children: r }), t[3] = r, t[4] = o) : o = t[4], o;
 };
+function s(l) {
+  const [t, e] = l;
+  return /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ c("strong", { children: [
+      t.charAt(0).toUpperCase() + t.slice(1),
+      ": "
+    ] }),
+    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
+  ] }, t);
+}
 export {
-  H as useScreenshot
+  m as default
 };
 //# sourceMappingURL=visualization.es76.js.map

package/dist/visualization.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es76.js","sources":["../../../node_modules/.pnpm/use-react-screenshot@4.0.0_html2canvas@1.4.1_react@19.2.4/node_modules/use-react-screenshot/dist/index.es.js"],"sourcesContent":["import { useState } from 'react';\nimport html2canvas from 'html2canvas';\n\nfunction _slicedToArray(arr, i) {\n  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(n);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\n/**\n * @module Main_Hook\n * Hook return\n * @typedef {Array} HookReturn\n * @property {string} HookReturn[0] - image string\n * @property {string} HookReturn[1] - take screen shot string\n * @property {object} HookReturn[2] - errors\n */\n\n/**\n * hook for creating screenshot from html node\n * @returns {HookReturn}\n */\n\nvar useScreenshot = function useScreenshot() {\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      type = _ref.type,\n      quality = _ref.quality;\n\n  var _useState = useState(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      image = _useState2[0],\n      setImage = _useState2[1];\n\n  var _useState3 = useState(null),\n      _useState4 = _slicedToArray(_useState3, 2),\n      error = _useState4[0],\n      setError = _useState4[1];\n  /**\n   * convert html node to image\n   * @param {HTMLElement} node\n   * @param {Options} html2canvas options\n   */\n\n\n  var takeScreenShot = function takeScreenShot(node) {\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    if (!node) {\n      throw new Error('You should provide correct html node.');\n    }\n\n    return html2canvas(node, options).then(function (canvas) {\n      var croppedCanvas = document.createElement('canvas');\n      var croppedCanvasContext = croppedCanvas.getContext('2d'); // init data\n\n      var cropPositionTop = 0;\n      var cropPositionLeft = 0;\n      var cropWidth = canvas.width;\n      var cropHeight = canvas.height;\n      croppedCanvas.width = cropWidth;\n      croppedCanvas.height = cropHeight;\n      croppedCanvasContext.drawImage(canvas, cropPositionLeft, cropPositionTop);\n      var base64Image = croppedCanvas.toDataURL(type, quality);\n      setImage(base64Image);\n      return base64Image;\n    })[\"catch\"](setError);\n  };\n\n  return [image, takeScreenShot, {\n    error: error\n  }];\n};\n/**\n * creates name of file\n * @param {string} extension\n * @param  {string[]} parts of file name\n */\n\n\nvar createFileName = function createFileName() {\n  var extension = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n  if (!extension) {\n    return '';\n  }\n\n  for (var _len = arguments.length, names = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    names[_key - 1] = arguments[_key];\n  }\n\n  return \"\".concat(names.join(''), \".\").concat(extension);\n};\n\nexport { createFileName, useScreenshot };\n//# sourceMappingURL=index.es.js.map\n"],"names":["_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arr","_n","_d","_e","_i","_s","err","o","minLen","_arrayLikeToArray","n","len","arr2","useScreenshot","_ref","type","quality","_useState","useState","_useState2","image","setImage","_useState3","_useState4","error","setError","takeScreenShot","node","options","html2canvas","canvas","croppedCanvas","croppedCanvasContext","cropPositionTop","cropPositionLeft","cropWidth","cropHeight","base64Image"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es76.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { TooltipProps } from \"./types\";\n\nconst ScatterTooltip = <T,>({\n    tooltipBody,\n    tooltipData\n}: TooltipProps<T>) => {\n    return (\n        <div>\n            {tooltipBody ? tooltipBody(tooltipData) : (\n                <div>\n                    {tooltipData.metaData && Object.entries(tooltipData.metaData).map(([key, value]) => (\n                        <div key={key}>\n                            <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                            {typeof value === 'string'\n                                ? (value.length > 45\n                                    ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                    : value.replace(/_/g, \" \"))\n                                : String(value)}\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default ScatterTooltip;"],"names":["ScatterTooltip","t0","$","_c","tooltipBody","tooltipData","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAGV,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAGLC,IAAAF,IAAcA,EAAYC,CAa3B,sBAZI,OAAA,EACKA,UAAAA,EAAWE,YAAaC,OAAMC,QAASJ,EAAWE,QAAS,EAACG,IAAKC,CASjE,GACL,GACHT,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAI,KAdLM,+BACKN,UAAAA,EAAAA,CAcL,GAAMJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAfNU;AAeM;AApBS,SAAAD,EAAAV,GAAA;AAQgE,QAAA,CAAAY,GAAAC,CAAA,IAAAb;AAAY,2BAC3E,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAc,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}