@milaboratories/miplots4 1.0.165 → 1.0.167

package/dist/common/Tooltip.d.ts

@@ -1,3 +1,4 @@
+import { TooltipSettings } from '../types';
 type SideDistances = {
     left: number;
     right: number;
@@ -15,7 +16,7 @@ export type TooltipsData<T> = {
     onMouseLeave: () => void;
     onClose: () => void;
 };
-export declare function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback?: (v: boolean) => void): TooltipsData<T>;
+export declare function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback?: (v: boolean) => void, tooltipSettings?: TooltipSettings): TooltipsData<T>;
 export declare function Tooltip({ content, x, y, active, fixed, container, sideDistances, onClose, offset, horizontal, }: {
     content: string[];
     x: number;

package/dist/common/Tooltip.js

@@ -1,185 +1,189 @@
 import { j as a } from "../_virtual/jsx-runtime.js";
-import { r as i } from "../_virtual/index.js";
-import { r as N } from "../_virtual/index2.js";
-import { BLACK as z } from "../constants.js";
-import { exhaustive as A } from "../utils/index.js";
-import { TextMeasurer as W } from "../utils/TextMeasurer/TextMeasurer.js";
-const E = 8, S = 12, F = 20, c = 6, u = 5, Z = 8, j = 16, P = 8, w = j * 2 + P + 16, I = "#CFD1DB", O = "#fff", R = "miplots-tooltip";
+import { r as $ } from "../_virtual/index.js";
+import { r as w } from "../_virtual/index2.js";
+import { BLACK as S } from "../constants.js";
+import { exhaustive as z } from "../utils/index.js";
+import { TextMeasurer as A } from "../utils/TextMeasurer/TextMeasurer.js";
+const M = 8, V = 12, b = 20, l = 6, u = 5, W = 8, g = 16, k = 8, Z = g * 2 + k + 16, P = "#CFD1DB", _ = "#fff", y = "miplots-tooltip";
 function B(n) {
-  return n.length * F + 2 * E;
+  return n.length * b + 2 * M;
 }
-function G(n, o = !1) {
-  const s = new W("600 14px Arial");
-  return Math.max(...n.map((t, e) => s.getTextWidth(t) + (e === 0 && o ? w : 0))) + 2 * S;
+function G(n, t = !1) {
+  const s = new A("600 14px Arial");
+  return Math.max(...n.map((e, r) => s.getTextWidth(e) + (r === 0 && t ? Z : 0))) + 2 * V;
 }
-function q(n, o, s) {
-  const t = -u - n, e = -u, r = -o / 2 + s, l = o / 2 + s;
+function q(n, t, s) {
+  const e = -u - n, r = -u, o = -t / 2 + s, c = t / 2 + s;
   return `M 0,0 
-    L ${e},${-u} 
-    V ${r + c}
-    Q ${e},${r} ${e - c},${r}  
-    H ${t + c}   
-    Q ${t},${r} ${t},${r + c}
-    V ${l - c}
-    Q ${t},${l} ${t + c},${l}
-    H ${e - c}
-    Q ${e},${l} ${e},${l - c}
+    L ${r},${-u} 
+    V ${o + l}
+    Q ${r},${o} ${r - l},${o}  
+    H ${e + l}   
+    Q ${e},${o} ${e},${o + l}
+    V ${c - l}
+    Q ${e},${c} ${e + l},${c}
+    H ${r - l}
+    Q ${r},${c} ${r},${c - l}
     V ${u} 
     L 0,0 z`;
 }
-function D(n, o, s) {
-  const t = u, e = u + n, r = -o / 2 + s, l = o / 2 + s;
+function D(n, t, s) {
+  const e = u, r = u + n, o = -t / 2 + s, c = t / 2 + s;
   return `M 0,0 
-    L ${t},${-u} 
-    V ${r + c}
-    Q ${t},${r} ${t + c},${r}  
-    H ${e - c}   
-    Q ${e},${r} ${e},${r + c}
-    V ${l - c}
-    Q ${e},${l} ${e - c},${l}
-    H ${t + c}
-    Q ${t},${l} ${t},${l - c}
+    L ${e},${-u} 
+    V ${o + l}
+    Q ${e},${o} ${e + l},${o}  
+    H ${r - l}   
+    Q ${r},${o} ${r},${o + l}
+    V ${c - l}
+    Q ${r},${c} ${r - l},${c}
+    H ${e + l}
+    Q ${e},${c} ${e},${c - l}
     V ${u} 
     L 0,0 z`;
 }
-function K(n, o, s) {
-  const t = -n / 2 + s, e = n / 2 + s, r = -u - o, l = -u;
+function K(n, t, s) {
+  const e = -n / 2 + s, r = n / 2 + s, o = -u - t, c = -u;
   return `M 0,0 
-    L ${-u},${l} 
-    H ${t + c}
-    Q ${t},${l} ${t},${l - c}  
-    V ${r + c}   
-    Q ${t},${r} ${t + c},${r}
-    H ${e - c}
-    Q ${e},${r} ${e},${r + c}
-    V ${l - c}
-    Q ${e},${l} ${e - c},${l}
+    L ${-u},${c} 
+    H ${e + l}
+    Q ${e},${c} ${e},${c - l}  
+    V ${o + l}   
+    Q ${e},${o} ${e + l},${o}
+    H ${r - l}
+    Q ${r},${o} ${r},${o + l}
+    V ${c - l}
+    Q ${r},${c} ${r - l},${c}
     H ${u} 
     L 0,0 z`;
 }
-function U(n, o, s) {
-  const t = -n / 2 + s, e = n / 2 + s, r = u + o, l = u;
+function U(n, t, s) {
+  const e = -n / 2 + s, r = n / 2 + s, o = u + t, c = u;
   return `M 0,0 
-    L ${-u},${l} 
-    H ${t + c}
-    Q ${t},${l} ${t},${l + c}  
-    V ${r - c}   
-    Q ${t},${r} ${t + c},${r}
-    H ${e - c}
-    Q ${e},${r} ${e},${r - c}
-    V ${l + c}
-    Q ${e},${l} ${e - c},${l}
+    L ${-u},${c} 
+    H ${e + l}
+    Q ${e},${c} ${e},${c + l}  
+    V ${o - l}   
+    Q ${e},${o} ${e + l},${o}
+    H ${r - l}
+    Q ${r},${o} ${r},${o - l}
+    V ${c + l}
+    Q ${r},${c} ${r - l},${c}
     H ${u} 
     L 0,0 z`;
 }
-function J(n, o, s, t, e) {
+function J(n, t, s, e, r) {
   switch (s) {
     case "left":
-      return q(n, o, e);
+      return q(n, t, r);
     case "right":
-      return D(n, o, e);
+      return D(n, t, r);
     case "top":
-      return K(n, o, t);
+      return K(n, t, e);
     case "bottom":
-      return U(n, o, t);
+      return U(n, t, e);
     default:
-      A(s, "Unknown tooltip direction");
+      z(s, "Unknown tooltip direction");
   }
 }
-function Y(n, o, s, t, e, r, l) {
-  return l ? r.right - s - e - u > n ? "right" : "left" : r.top + t - e - u > o ? "top" : "bottom";
+function Y(n, t, s, e, r, o, c) {
+  return c ? o.right - s - r - u > n ? "right" : "left" : o.top + e - r - u > t ? "top" : "bottom";
 }
-function X(n, o, s, t, e, r) {
-  return n === "left" || n === "right" ? `translate(${n === "left" ? -(t + u + o) : t + u},${-s / 2 + r})` : `translate(${-o / 2 + e},${n === "top" ? -(s + t + u) : t + u})`;
+function X(n, t, s, e, r, o) {
+  return n === "left" || n === "right" ? `translate(${n === "left" ? -(e + u + t) : e + u},${-s / 2 + o})` : `translate(${-t / 2 + r},${n === "top" ? -(s + e + u) : e + u})`;
 }
-function tt(n, o) {
-  return n === "left" || n === "right" ? `translate(${n === "left" ? -o : o},0)` : `translate(0,${n === "top" ? -o : o})`;
+function ee(n, t) {
+  return n === "left" || n === "right" ? `translate(${n === "left" ? -t : t},0)` : `translate(0,${n === "top" ? -t : t})`;
 }
-function et(n, o, s, t) {
+function te(n, t, s, e) {
   if (n === "left" || n === "right")
     return 0;
-  const e = o.right - s, r = o.left + s;
-  return e < t / 2 ? e - t / 2 : r < t / 2 ? t / 2 - r : 0;
+  const r = t.right - s, o = t.left + s;
+  return r < e / 2 ? r - e / 2 : o < e / 2 ? e / 2 - o : 0;
 }
-function nt(n, o, s, t) {
+function re(n, t, s, e) {
   if (n === "top" || n === "bottom")
     return 0;
-  const e = o.top + s, r = o.bottom - s;
-  return e < t / 2 ? t / 2 - e : r < t / 2 ? r - t / 2 : 0;
+  const r = t.top + s, o = t.bottom - s;
+  return r < e / 2 ? e / 2 - r : o < e / 2 ? o - e / 2 : 0;
 }
-function at(n = () => {
-}) {
-  const [o, s] = i.useState(null), [t, e] = i.useState(!1), r = i.useRef(!1), l = i.useRef(!1), h = i.useRef("null"), $ = i.useRef(null), T = () => {
-    s(null), r.current = !1, $.current && (clearTimeout($.current), $.current = null), n(!1);
-  }, f = () => {
-    l.current = !1, e(!1), T();
-  }, L = i.useCallback((m, d) => {
-    l.current || (s(m), r.current = !0, h.current = d ?? "null", $.current && clearTimeout($.current), $.current = setTimeout(() => {
+function ae(n = () => {
+}, t) {
+  var H;
+  const [s, e] = $.useState(null), [r, o] = $.useState(!1), c = $.useRef(!1), L = $.useRef(!1), h = $.useRef("null"), f = $.useRef(null), i = $.useRef(t && (!t.show || !((H = t.content) != null && H.length))), d = () => {
+    e(null), c.current = !1, f.current && (clearTimeout(f.current), f.current = null), n(!1);
+  }, m = () => {
+    L.current = !1, o(!1), d();
+  }, C = $.useCallback((p, x) => {
+    L.current || i.current || (e(p), c.current = !0, h.current = x ?? "null", f.current && clearTimeout(f.current), f.current = setTimeout(() => {
       n(!0);
     }, 2e3));
-  }, []), p = i.useCallback(() => {
-    l.current || T();
-  }, []), g = i.useCallback(f, []);
-  return i.useEffect(() => {
-    function m(x) {
-      r.current && x.key === "Enter" && (l.current = !0, e(!0), $.current && (clearTimeout($.current), $.current = null), n(!1));
+  }, []), E = $.useCallback(() => {
+    L.current || d();
+  }, []), Q = $.useCallback(m, []);
+  return $.useEffect(() => {
+    var p;
+    i.current = t && (!t.show || !((p = t.content) != null && p.length));
+  }, [t == null ? void 0 : t.content, t == null ? void 0 : t.show]), $.useEffect(() => {
+    function p(T) {
+      c.current && T.key === "Enter" && (L.current = !0, o(!0), f.current && (clearTimeout(f.current), f.current = null), n(!1));
     }
-    function d(x) {
-      if (!l.current)
+    function x(T) {
+      if (!L.current)
         return;
-      const v = document.querySelector(`.${R}`), C = x.target;
-      v && C && v.contains(C) || f();
+      const v = document.querySelector(`.${y}`), F = T.target;
+      v && F && v.contains(F) || m();
     }
-    return document.addEventListener("keydown", m), document.addEventListener("click", d), () => {
-      document.removeEventListener("keydown", m), document.removeEventListener("click", d);
+    return document.addEventListener("keydown", p), document.addEventListener("click", x), () => {
+      document.removeEventListener("keydown", p), document.removeEventListener("click", x);
     };
   }, []), {
-    active: o !== null,
+    active: s !== null,
     currentFacet: h.current,
-    fixed: t,
-    selectedData: o,
-    onMouseEnter: L,
-    onMouseLeave: p,
-    onClose: g
+    fixed: r,
+    selectedData: s,
+    onMouseEnter: C,
+    onMouseLeave: E,
+    onClose: Q
   };
 }
-function $t({
+function $e({
   content: n,
-  x: o,
+  x: t,
   y: s,
-  active: t,
-  fixed: e,
-  container: r,
-  sideDistances: l,
-  onClose: h = () => {
+  active: e,
+  fixed: r,
+  container: o,
+  sideDistances: c,
+  onClose: L = () => {
   },
-  offset: $ = Z,
-  horizontal: T = !0
+  offset: h = W,
+  horizontal: f = !0
 }) {
-  const f = G(n, e), L = B(n), p = Y(f, L, o, s, $, l, T), g = et(p, l, o, f), m = nt(p, l, s, L), d = `translate(${f - j - S},${E})`, x = `translate(${f - j * 2 - P - S},${E})`, [v, C] = i.useState(!1), [_, M] = i.useState(!1), [k, V] = i.useState(!1);
-  function y() {
-    var H;
-    (H = window == null ? void 0 : window.navigator) == null || H.clipboard.writeText(n.join(`
-`)), C(!0);
+  const i = G(n, r), d = B(n), m = Y(i, d, t, s, h, c, f), C = te(m, c, t, i), E = re(m, c, s, d), Q = `translate(${i - g - V},${M})`, H = `translate(${i - g * 2 - k - V},${M})`, [p, x] = $.useState(!1), [T, v] = $.useState(!1), [F, R] = $.useState(!1);
+  function N() {
+    var j;
+    (j = window == null ? void 0 : window.navigator) == null || j.clipboard.writeText(n.join(`
+`)), x(!0);
   }
-  if (!t || !r && r !== null)
+  if (!e || !o && o !== null)
     return null;
-  const Q = /* @__PURE__ */ a.jsxs(
+  const I = /* @__PURE__ */ a.jsxs(
     "g",
     {
-      className: R,
-      transform: `translate(${l.left + o},${l.top + s})`,
-      opacity: t ? 1 : 0,
+      className: y,
+      transform: `translate(${c.left + t},${c.top + s})`,
+      opacity: e ? 1 : 0,
       stroke: "none",
       fill: "none",
-      style: { pointerEvents: e ? "all" : "none" },
+      style: { pointerEvents: r ? "all" : "none" },
       children: [
         /* @__PURE__ */ a.jsx(
           "path",
           {
-            transform: tt(p, $),
-            d: J(f, L, p, g, m),
-            fill: z
+            transform: ee(m, h),
+            d: J(i, d, m, C, E),
+            fill: S
           }
         ),
         /* @__PURE__ */ a.jsxs(
@@ -188,26 +192,26 @@ function $t({
             fontSize: "14px",
             fontFamily: "Manrope",
             fill: "white",
-            transform: X(p, f, L, $, g, m),
+            transform: X(m, i, d, h, C, E),
             children: [
-              n.map((H, b) => /* @__PURE__ */ a.jsx(
+              n.map((j, O) => /* @__PURE__ */ a.jsx(
                 "text",
                 {
-                  x: S,
-                  y: E + F * b + F / 2,
+                  x: V,
+                  y: M + b * O + b / 2,
                   dominantBaseline: "central",
-                  children: H
+                  children: j
                 },
-                b
+                O
               )),
-              e && /* @__PURE__ */ a.jsxs("g", { transform: d, children: [
+              r && /* @__PURE__ */ a.jsxs("g", { transform: Q, children: [
                 /* @__PURE__ */ a.jsx(
                   "path",
                   {
                     fillRule: "evenodd",
                     clipRule: "evenodd",
                     d: "M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z",
-                    fill: _ ? I : O
+                    fill: T ? P : _
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
@@ -218,20 +222,20 @@ function $t({
                     width: "24",
                     height: "24",
                     fill: "transparent",
-                    onClick: h,
-                    onMouseOver: () => M(!0),
-                    onMouseLeave: () => M(!1),
+                    onClick: L,
+                    onMouseOver: () => v(!0),
+                    onMouseLeave: () => v(!1),
                     style: { cursor: "pointer" }
                   }
                 )
               ] }),
-              e && /* @__PURE__ */ a.jsxs("g", { transform: x, children: [
-                v ? /* @__PURE__ */ a.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z", fill: "#07AD3E" }) : /* @__PURE__ */ a.jsxs("g", { children: [
+              r && /* @__PURE__ */ a.jsxs("g", { transform: H, children: [
+                p ? /* @__PURE__ */ a.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z", fill: "#07AD3E" }) : /* @__PURE__ */ a.jsxs("g", { children: [
                   /* @__PURE__ */ a.jsx("g", { clipPath: "url(#clip0_16418_6183)", children: /* @__PURE__ */ a.jsx(
                     "path",
                     {
                       d: "M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z",
-                      fill: k ? I : O
+                      fill: F ? P : _
                     }
                   ) }),
                   /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_16418_6183", children: /* @__PURE__ */ a.jsx("rect", { width: "16", height: "16", transform: "translate(0.000488281)", fill: "white" }) }) })
@@ -244,9 +248,9 @@ function $t({
                     width: "24",
                     height: "24",
                     fill: "transparent",
-                    onClick: y,
-                    onMouseOver: () => V(!0),
-                    onMouseLeave: () => V(!1),
+                    onClick: N,
+                    onMouseOver: () => R(!0),
+                    onMouseLeave: () => R(!1),
                     style: { cursor: "pointer" }
                   }
                 )
@@ -257,15 +261,15 @@ function $t({
       ]
     }
   );
-  return r === null ? Q : N.createPortal(
-    Q,
-    r
+  return o === null ? I : w.createPortal(
+    I,
+    o
   );
 }
 export {
-  $t as Tooltip,
+  $e as Tooltip,
   B as getTooltipHeight,
   G as getTooltipWidth,
-  at as useTooltip
+  ae as useTooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/common/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/common/Tooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BLACK } from '../constants';\nimport { exhaustive } from '../utils';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\n\ntype Direction = 'left'|'right'|'top'|'bottom';\ntype SideDistances = {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n};\n\nconst OFFSET_V = 8;\nconst OFFSET_H = 12;\nconst LINE_HEIGHT = 20;\nconst R = 6;\nconst TAIL_OFFSET = 5;\nconst POSITION_OFFSET = 8;\n\nconst ICON_W = 16;\nconst ICON_OFFSET = 8;\nconst ICONS_WIDTH = ICON_W * 2 + ICON_OFFSET + 16;\n\nconst GREY = '#CFD1DB';\nconst WHITE = '#fff';\n\nconst TOOLTIP_CLASS = 'miplots-tooltip';\n\nexport function getTooltipHeight(content: string[]) {\n    return content.length * LINE_HEIGHT + 2 * OFFSET_V;\n}\nexport function getTooltipWidth(content: string[], hasIcons = false) {\n    const textMeasurer = new TextMeasurer('600 14px Arial');\n    return Math.max(...content.map((str, idx) => textMeasurer.getTextWidth(str) + (idx === 0 && hasIcons ? ICONS_WIDTH : 0))) + 2 * OFFSET_H;\n}\n\nfunction rightTooltipPath(width: number, height: number, shiftY: number) {\n    const left = -TAIL_OFFSET - width;\n    const right = -TAIL_OFFSET;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${right},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}  \n    H ${left + R}   \n    Q ${left},${top} ${left},${top + R}\n    V ${bottom - R}\n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\nfunction leftTooltipPath(width: number, height: number, shiftY: number) {\n    const left = TAIL_OFFSET;\n    const right = TAIL_OFFSET + width;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${left},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${left},${top} ${left + R},${top}  \n    H ${right - R}   \n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction topTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const top = -TAIL_OFFSET - height;\n    const bottom = -TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${bottom} \n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}  \n    V ${top + R}   \n    Q ${left},${top} ${left + R},${top}\n    H ${right - R}\n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction bottomTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const bottom = TAIL_OFFSET + height;\n    const top = TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${top} \n    H ${left + R}\n    Q ${left},${top} ${left},${top + R}  \n    V ${bottom - R}   \n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction getPath(width: number, height: number, direction: Direction, shiftX: number, shiftY: number):string {\n    switch (direction) {\n        case 'left': return rightTooltipPath(width, height, shiftY);\n        case 'right': return leftTooltipPath(width, height, shiftY);\n        case 'top': return topTooltipPath(width, height, shiftX);\n        case 'bottom': return bottomTooltipPath(width, height, shiftX);\n        default: exhaustive(direction, 'Unknown tooltip direction');\n    }\n}\n\nfunction getDirection(width: number, height: number, x: number, y: number, offset:number, sideDistances:SideDistances , horizontal: boolean):Direction {\n    if (horizontal) {\n        return sideDistances.right - x - offset - TAIL_OFFSET > width ? 'right' : 'left';\n    }\n    return sideDistances.top + y - offset - TAIL_OFFSET > height ? 'top' : 'bottom';\n}\n\nfunction getContentTransform (direction:Direction, width: number, height: number, offset:number, shiftX: number, shiftY: number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${(direction === 'left' ? -(offset + TAIL_OFFSET + width) : (offset + TAIL_OFFSET))},${-height / 2 + shiftY})`;\n    }\n    return `translate(${-width / 2 + shiftX},${direction === 'top' ? -(height + offset + TAIL_OFFSET) : offset + TAIL_OFFSET})`;\n\n}\nfunction getPathTransform (direction:Direction, offset:number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${direction === 'left' ? -offset : offset},0)`;\n    }\n    return `translate(0,${direction === 'top' ? -offset : offset})`;\n}\n\nfunction getShiftX (direction:Direction, sideDistances: SideDistances, x: number, width: number) {\n    if (direction === 'left' || direction === 'right') {\n        return 0;\n    }\n    const rightFreeSpace = sideDistances.right - x;\n    const leftFreeSpace = sideDistances.left + x;\n    if (rightFreeSpace < width / 2) {\n        return rightFreeSpace - width / 2;\n    }\n    if (leftFreeSpace < width / 2) {\n        return width / 2 - leftFreeSpace;\n    }\n    return 0;\n}\nfunction getShiftY (direction:Direction, sideDistances: SideDistances, y: number, height: number) {\n    if (direction === 'top' || direction === 'bottom') {\n        return 0;\n    }\n    const topFreeSpace = sideDistances.top + y;\n    const bottomFreeSpace = sideDistances.bottom - y;\n    if (topFreeSpace < height / 2) {\n        return height / 2 - topFreeSpace;\n    }\n    if (bottomFreeSpace < height / 2) {\n        return bottomFreeSpace - height / 2;\n    }\n    return 0;\n}\n\nexport type TooltipsData<T> = {\n    active: boolean,\n    fixed: boolean,\n    selectedData: T | null,\n    currentFacet: string,\n    onMouseEnter: (elementData:T, facetKey?:string) => void,\n    onMouseLeave: () => void,\n    onClose: () => void\n}\n\nexport function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback: (v:boolean) => void = () => undefined): TooltipsData<T> {\n    const [selectedData, setSelectedData] = useState<T | null>(null);\n    const [fixed, setFixed] = useState(false);\n    const openRef = useRef(false);\n    const fixedRef = useRef(false);\n    const currentFacet = useRef('null');\n    const hintTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const close = () => {\n        setSelectedData(null);\n        openRef.current = false;\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n            hintTimer.current = null;\n        }\n        onTooltipHintSwitchOuterCallback(false);\n    };\n    const closeFixed = () => {\n        fixedRef.current = false;\n        setFixed(false);\n        close();\n    };\n    const onMouseEnter = useCallback((newElementData:T, facetKey?: string) => {\n        if (fixedRef.current) {\n            return;\n        }\n        setSelectedData(newElementData);\n        openRef.current = true;\n        currentFacet.current = facetKey ?? 'null';\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n        }\n        hintTimer.current = setTimeout(() => {\n            onTooltipHintSwitchOuterCallback(true);\n        }, 2000);\n    }, []);\n    const onMouseLeave = useCallback(() => {\n        if (fixedRef.current) {\n            return;\n        }\n        close();\n    }, []);\n\n    const onClose = useCallback(closeFixed, []);\n\n    useEffect(() => {\n        function handleEnter(e:KeyboardEvent) {\n            if (openRef.current && e.key === 'Enter') {\n                fixedRef.current = true;\n                setFixed(true);\n                if (hintTimer.current) {\n                    clearTimeout(hintTimer.current);\n                    hintTimer.current = null;\n                }\n                onTooltipHintSwitchOuterCallback(false);\n            }\n        }\n        function handleClickOutside(e:MouseEvent) {\n            if (!fixedRef.current) {\n                return;\n            }\n            //const tooltipNodes = Array.from(document.getElementsByClassName(TOOLTIP_CLASS));\n            const tooltipNode = document.querySelector(`.${TOOLTIP_CLASS}`);\n            const clickedNode = e.target;\n            if (tooltipNode && clickedNode && tooltipNode.contains(clickedNode as Node)) {\n                return;\n            }\n            closeFixed();\n        }\n        document.addEventListener('keydown', handleEnter);\n        document.addEventListener('click', handleClickOutside);\n        return () => {\n            document.removeEventListener('keydown', handleEnter);\n            document.removeEventListener('click', handleClickOutside);\n        };\n    }, []);\n\n    return {\n        active: selectedData !== null,\n        currentFacet: currentFacet.current,\n        fixed,\n        selectedData,\n        onMouseEnter,\n        onMouseLeave,\n        onClose\n    };\n}\n\nexport function Tooltip({\n    content,\n    x,\n    y,\n    active,\n    fixed,\n    container,\n    sideDistances,\n    onClose = () => undefined,\n    offset = POSITION_OFFSET,\n    horizontal = true,\n}: {\n    content: string[];\n    x: number;\n    y: number;\n    active: boolean;\n    fixed: boolean;\n    sideDistances: SideDistances;\n    onClose?: () => void;\n    offset?: number;\n    horizontal?: boolean;\n    container?: Element | null;\n}) {\n    const width = getTooltipWidth(content, fixed);\n    const height = getTooltipHeight(content);\n    const direction = getDirection(width, height, x, y, offset, sideDistances, horizontal);\n    // shifts for tooltip positioning not in center if it is close to chart edges\n    const shiftX = getShiftX(direction, sideDistances, x, width);\n    const shiftY = getShiftY(direction, sideDistances, y, height);\n\n    const firstIconPosition = `translate(${width - ICON_W - OFFSET_H},${OFFSET_V})`;\n    const secondIconPosition = `translate(${width - ICON_W * 2 - ICON_OFFSET - OFFSET_H},${OFFSET_V})`;\n\n    const [copied, setCopied] = useState(false);\n    const [hoveredClose, setHoveredClose] = useState(false);\n    const [hoveredCopy, setHoveredCopy] = useState(false);\n\n    function copyToClipboard () {\n        window?.navigator?.clipboard.writeText(content.join('\\n'));\n        setCopied(true);\n    }\n        \n    if (!active || (!container && container !== null)) {\n        return null;\n    }\n\n    const tooltip = (\n        <g\n            className={TOOLTIP_CLASS}\n            transform={`translate(${sideDistances.left + x},${sideDistances.top + y})`}\n            opacity={active ? 1 : 0}\n            stroke=\"none\"\n            fill=\"none\"\n            style={{pointerEvents: fixed ? 'all' : 'none'}}\n        >\n            <path\n                transform={getPathTransform(direction, offset)}\n                d={getPath(width, height, direction, shiftX, shiftY)}\n                fill={BLACK}\n            />\n            <g\n                fontSize=\"14px\"\n                fontFamily=\"Manrope\"\n                fill=\"white\"\n                transform={getContentTransform(direction, width, height, offset, shiftX, shiftY)}\n            >\n                {content.map((str, idx) => (\n                    <text\n                        key={idx}\n                        x={OFFSET_H}\n                        y={OFFSET_V + LINE_HEIGHT * idx + LINE_HEIGHT / 2}\n                        dominantBaseline=\"central\"\n                    >\n                        {str}\n                    </text>\n                ))}\n                {fixed && (\n                    <g transform={firstIconPosition}>\n                        <path\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                            d=\"M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z\"\n                            fill={hoveredClose ? GREY : WHITE}\n                        />\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={onClose}\n                            onMouseOver={() => setHoveredClose(true)}\n                            onMouseLeave={() => setHoveredClose(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n                {fixed && (\n                    <g transform={secondIconPosition}>\n                        {copied\n                            ? (\n                            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z\" fill=\"#07AD3E\"/>\n                            )\n                            : (\n                                <g>\n                                <g clipPath=\"url(#clip0_16418_6183)\">\n                                    <path d=\"M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z\"\n                                          fill={hoveredCopy ? GREY : WHITE}\n                                    />\n                                </g>\n                                    <defs>\n                                    <clipPath id=\"clip0_16418_6183\">\n                                    <rect width=\"16\" height=\"16\" transform=\"translate(0.000488281)\" fill=\"white\" />\n                                    </clipPath>\n                                    </defs>\n                                </g>\n                            )}\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={copyToClipboard}\n                            onMouseOver={() => setHoveredCopy(true)}\n                            onMouseLeave={() => setHoveredCopy(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n            </g>\n        </g>\n    );\n\n    return container === null ? tooltip : createPortal(\n        tooltip,\n        container\n    );\n}\n"],"names":["OFFSET_V","OFFSET_H","LINE_HEIGHT","R","TAIL_OFFSET","POSITION_OFFSET","ICON_W","ICON_OFFSET","ICONS_WIDTH","GREY","WHITE","TOOLTIP_CLASS","getTooltipHeight","content","getTooltipWidth","hasIcons","textMeasurer","TextMeasurer","str","idx","rightTooltipPath","width","height","shiftY","left","right","top","bottom","leftTooltipPath","topTooltipPath","shiftX","bottomTooltipPath","getPath","direction","exhaustive","getDirection","x","y","offset","sideDistances","horizontal","getContentTransform","getPathTransform","getShiftX","rightFreeSpace","leftFreeSpace","getShiftY","topFreeSpace","bottomFreeSpace","useTooltip","onTooltipHintSwitchOuterCallback","selectedData","setSelectedData","useState","fixed","setFixed","openRef","useRef","fixedRef","currentFacet","hintTimer","close","closeFixed","onMouseEnter","useCallback","newElementData","facetKey","onMouseLeave","onClose","useEffect","handleEnter","e","handleClickOutside","tooltipNode","clickedNode","Tooltip","active","container","firstIconPosition","secondIconPosition","copied","setCopied","hoveredClose","setHoveredClose","hoveredCopy","setHoveredCopy","copyToClipboard","_a","tooltip","jsxs","jsx","BLACK","createPortal"],"mappings":";;;;;;AAcA,MAAMA,IAAW,GACXC,IAAW,IACXC,IAAc,IACdC,IAAI,GACJC,IAAc,GACdC,IAAkB,GAElBC,IAAS,IACTC,IAAc,GACdC,IAAcF,IAAS,IAAIC,IAAc,IAEzCE,IAAO,WACPC,IAAQ,QAERC,IAAgB;AAEf,SAASC,EAAiBC,GAAmB;AAChD,SAAOA,EAAQ,SAASX,IAAc,IAAIF;AAC9C;AACO,SAASc,EAAgBD,GAAmBE,IAAW,IAAO;AACjE,QAAMC,IAAe,IAAIC,EAAa,gBAAgB;AACtD,SAAO,KAAK,IAAI,GAAGJ,EAAQ,IAAI,CAACK,GAAKC,MAAQH,EAAa,aAAaE,CAAG,KAAKC,MAAQ,KAAKJ,IAAWP,IAAc,EAAE,CAAC,IAAI,IAAIP;AACpI;AAEA,SAASmB,EAAiBC,GAAeC,GAAgBC,GAAgB;AACrE,QAAMC,IAAO,CAACpB,IAAciB,GACtBI,IAAQ,CAACrB,GACTsB,IAAM,CAACJ,IAAS,IAAIC,GACpBI,IAASL,IAAS,IAAIC;AAC5B,SAAO;AAAA,QACHE,CAAK,IAAI,CAACrB,CAAW;AAAA,QACrBsB,IAAMvB,CAAC;AAAA,QACPsB,CAAK,IAAIC,CAAG,IAAID,IAAQtB,CAAC,IAAIuB,CAAG;AAAA,QAChCF,IAAOrB,CAAC;AAAA,QACRqB,CAAI,IAAIE,CAAG,IAAIF,CAAI,IAAIE,IAAMvB,CAAC;AAAA,QAC9BwB,IAASxB,CAAC;AAAA,QACVqB,CAAI,IAAIG,CAAM,IAAIH,IAAOrB,CAAC,IAAIwB,CAAM;AAAA,QACpCF,IAAQtB,CAAC;AAAA,QACTsB,CAAK,IAAIE,CAAM,IAAIF,CAAK,IAAIE,IAASxB,CAAC;AAAA,QACtCC,CAAW;AAAA;AAEnB;AACA,SAASwB,EAAgBP,GAAeC,GAAgBC,GAAgB;AACpE,QAAMC,IAAOpB,GACPqB,IAAQrB,IAAciB,GACtBK,IAAM,CAACJ,IAAS,IAAIC,GACpBI,IAASL,IAAS,IAAIC;AAC5B,SAAO;AAAA,QACHC,CAAI,IAAI,CAACpB,CAAW;AAAA,QACpBsB,IAAMvB,CAAC;AAAA,QACPqB,CAAI,IAAIE,CAAG,IAAIF,IAAOrB,CAAC,IAAIuB,CAAG;AAAA,QAC9BD,IAAQtB,CAAC;AAAA,QACTsB,CAAK,IAAIC,CAAG,IAAID,CAAK,IAAIC,IAAMvB,CAAC;AAAA,QAChCwB,IAASxB,CAAC;AAAA,QACVsB,CAAK,IAAIE,CAAM,IAAIF,IAAQtB,CAAC,IAAIwB,CAAM;AAAA,QACtCH,IAAOrB,CAAC;AAAA,QACRqB,CAAI,IAAIG,CAAM,IAAIH,CAAI,IAAIG,IAASxB,CAAC;AAAA,QACpCC,CAAW;AAAA;AAEnB;AAEA,SAASyB,EAAeR,GAAeC,GAAgBQ,GAAgB;AACnE,QAAMN,IAAO,CAACH,IAAQ,IAAIS,GACpBL,IAAQJ,IAAQ,IAAIS,GACpBJ,IAAM,CAACtB,IAAckB,GACrBK,IAAS,CAACvB;AAChB,SAAO;AAAA,QACH,CAACA,CAAW,IAAIuB,CAAM;AAAA,QACtBH,IAAOrB,CAAC;AAAA,QACRqB,CAAI,IAAIG,CAAM,IAAIH,CAAI,IAAIG,IAASxB,CAAC;AAAA,QACpCuB,IAAMvB,CAAC;AAAA,QACPqB,CAAI,IAAIE,CAAG,IAAIF,IAAOrB,CAAC,IAAIuB,CAAG;AAAA,QAC9BD,IAAQtB,CAAC;AAAA,QACTsB,CAAK,IAAIC,CAAG,IAAID,CAAK,IAAIC,IAAMvB,CAAC;AAAA,QAChCwB,IAASxB,CAAC;AAAA,QACVsB,CAAK,IAAIE,CAAM,IAAIF,IAAQtB,CAAC,IAAIwB,CAAM;AAAA,QACtCvB,CAAW;AAAA;AAEnB;AAEA,SAAS2B,EAAkBV,GAAeC,GAAgBQ,GAAgB;AACtE,QAAMN,IAAO,CAACH,IAAQ,IAAIS,GACpBL,IAAQJ,IAAQ,IAAIS,GACpBH,IAASvB,IAAckB,GACvBI,IAAMtB;AACZ,SAAO;AAAA,QACH,CAACA,CAAW,IAAIsB,CAAG;AAAA,QACnBF,IAAOrB,CAAC;AAAA,QACRqB,CAAI,IAAIE,CAAG,IAAIF,CAAI,IAAIE,IAAMvB,CAAC;AAAA,QAC9BwB,IAASxB,CAAC;AAAA,QACVqB,CAAI,IAAIG,CAAM,IAAIH,IAAOrB,CAAC,IAAIwB,CAAM;AAAA,QACpCF,IAAQtB,CAAC;AAAA,QACTsB,CAAK,IAAIE,CAAM,IAAIF,CAAK,IAAIE,IAASxB,CAAC;AAAA,QACtCuB,IAAMvB,CAAC;AAAA,QACPsB,CAAK,IAAIC,CAAG,IAAID,IAAQtB,CAAC,IAAIuB,CAAG;AAAA,QAChCtB,CAAW;AAAA;AAEnB;AAEA,SAAS4B,EAAQX,GAAeC,GAAgBW,GAAsBH,GAAgBP,GAAuB;AACzG,UAAQU,GAAA;AAAA,IACJ,KAAK;AAAQ,aAAOb,EAAiBC,GAAOC,GAAQC,CAAM;AAAA,IAC1D,KAAK;AAAS,aAAOK,EAAgBP,GAAOC,GAAQC,CAAM;AAAA,IAC1D,KAAK;AAAO,aAAOM,EAAeR,GAAOC,GAAQQ,CAAM;AAAA,IACvD,KAAK;AAAU,aAAOC,EAAkBV,GAAOC,GAAQQ,CAAM;AAAA,IAC7D;AAAS,MAAAI,EAAWD,GAAW,2BAA2B;AAAA,EAAA;AAElE;AAEA,SAASE,EAAad,GAAeC,GAAgBc,GAAWC,GAAWC,GAAeC,GAA8BC,GAA+B;AACnJ,SAAIA,IACOD,EAAc,QAAQH,IAAIE,IAASlC,IAAciB,IAAQ,UAAU,SAEvEkB,EAAc,MAAMF,IAAIC,IAASlC,IAAckB,IAAS,QAAQ;AAC3E;AAEA,SAASmB,EAAqBR,GAAqBZ,GAAeC,GAAgBgB,GAAeR,GAAgBP,GAAgB;AAC7H,SAAIU,MAAc,UAAUA,MAAc,UAC/B,aAAcA,MAAc,SAAS,EAAEK,IAASlC,IAAciB,KAAUiB,IAASlC,CAAa,IAAI,CAACkB,IAAS,IAAIC,CAAM,MAE1H,aAAa,CAACF,IAAQ,IAAIS,CAAM,IAAIG,MAAc,QAAQ,EAAEX,IAASgB,IAASlC,KAAekC,IAASlC,CAAW;AAE5H;AACA,SAASsC,GAAkBT,GAAqBK,GAAe;AAC3D,SAAIL,MAAc,UAAUA,MAAc,UAC/B,aAAaA,MAAc,SAAS,CAACK,IAASA,CAAM,QAExD,eAAeL,MAAc,QAAQ,CAACK,IAASA,CAAM;AAChE;AAEA,SAASK,GAAWV,GAAqBM,GAA8BH,GAAWf,GAAe;AAC7F,MAAIY,MAAc,UAAUA,MAAc;AACtC,WAAO;AAEX,QAAMW,IAAiBL,EAAc,QAAQH,GACvCS,IAAgBN,EAAc,OAAOH;AAC3C,SAAIQ,IAAiBvB,IAAQ,IAClBuB,IAAiBvB,IAAQ,IAEhCwB,IAAgBxB,IAAQ,IACjBA,IAAQ,IAAIwB,IAEhB;AACX;AACA,SAASC,GAAWb,GAAqBM,GAA8BF,GAAWf,GAAgB;AAC9F,MAAIW,MAAc,SAASA,MAAc;AACrC,WAAO;AAEX,QAAMc,IAAeR,EAAc,MAAMF,GACnCW,IAAkBT,EAAc,SAASF;AAC/C,SAAIU,IAAezB,IAAS,IACjBA,IAAS,IAAIyB,IAEpBC,IAAkB1B,IAAS,IACpB0B,IAAkB1B,IAAS,IAE/B;AACX;AAYO,SAAS2B,GAAwBC,IAAwD,MAAA;AAAA,GAAkC;AAC9H,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAAA,SAAmB,IAAI,GACzD,CAACC,GAAOC,CAAQ,IAAIF,EAAAA,SAAS,EAAK,GAClCG,IAAUC,EAAAA,OAAO,EAAK,GACtBC,IAAWD,EAAAA,OAAO,EAAK,GACvBE,IAAeF,EAAAA,OAAO,MAAM,GAC5BG,IAAYH,EAAAA,OAA6C,IAAI,GAE7DI,IAAQ,MAAM;AAChB,IAAAT,EAAgB,IAAI,GACpBI,EAAQ,UAAU,IACdI,EAAU,YACV,aAAaA,EAAU,OAAO,GAC9BA,EAAU,UAAU,OAExBV,EAAiC,EAAK;AAAA,EAC1C,GACMY,IAAa,MAAM;AACrB,IAAAJ,EAAS,UAAU,IACnBH,EAAS,EAAK,GACdM,EAAA;AAAA,EACJ,GACME,IAAeC,EAAAA,YAAY,CAACC,GAAkBC,MAAsB;AACtE,IAAIR,EAAS,YAGbN,EAAgBa,CAAc,GAC9BT,EAAQ,UAAU,IAClBG,EAAa,UAAUO,KAAY,QAC/BN,EAAU,WACV,aAAaA,EAAU,OAAO,GAElCA,EAAU,UAAU,WAAW,MAAM;AACjC,MAAAV,EAAiC,EAAI;AAAA,IACzC,GAAG,GAAI;AAAA,EACX,GAAG,CAAA,CAAE,GACCiB,IAAeH,EAAAA,YAAY,MAAM;AACnC,IAAIN,EAAS,WAGbG,EAAA;AAAA,EACJ,GAAG,CAAA,CAAE,GAECO,IAAUJ,EAAAA,YAAYF,GAAY,EAAE;AAE1CO,SAAAA,EAAAA,UAAU,MAAM;AACZ,aAASC,EAAYC,GAAiB;AAClC,MAAIf,EAAQ,WAAWe,EAAE,QAAQ,YAC7Bb,EAAS,UAAU,IACnBH,EAAS,EAAI,GACTK,EAAU,YACV,aAAaA,EAAU,OAAO,GAC9BA,EAAU,UAAU,OAExBV,EAAiC,EAAK;AAAA,IAE9C;AACA,aAASsB,EAAmBD,GAAc;AACtC,UAAI,CAACb,EAAS;AACV;AAGJ,YAAMe,IAAc,SAAS,cAAc,IAAI9D,CAAa,EAAE,GACxD+D,IAAcH,EAAE;AACtB,MAAIE,KAAeC,KAAeD,EAAY,SAASC,CAAmB,KAG1EZ,EAAA;AAAA,IACJ;AACA,oBAAS,iBAAiB,WAAWQ,CAAW,GAChD,SAAS,iBAAiB,SAASE,CAAkB,GAC9C,MAAM;AACT,eAAS,oBAAoB,WAAWF,CAAW,GACnD,SAAS,oBAAoB,SAASE,CAAkB;AAAA,IAC5D;AAAA,EACJ,GAAG,CAAA,CAAE,GAEE;AAAA,IACH,QAAQrB,MAAiB;AAAA,IACzB,cAAcQ,EAAa;AAAA,IAC3B,OAAAL;AAAA,IACA,cAAAH;AAAA,IACA,cAAAY;AAAA,IACA,cAAAI;AAAA,IACA,SAAAC;AAAA,EAAA;AAER;AAEO,SAASO,GAAQ;AAAA,EACpB,SAAA9D;AAAA,EACA,GAAAuB;AAAA,EACA,GAAAC;AAAA,EACA,QAAAuC;AAAA,EACA,OAAAtB;AAAA,EACA,WAAAuB;AAAA,EACA,eAAAtC;AAAA,EACA,SAAA6B,IAAU,MAAA;AAAA;AAAA,EACV,QAAA9B,IAASjC;AAAA,EACT,YAAAmC,IAAa;AACjB,GAWG;AACC,QAAMnB,IAAQP,EAAgBD,GAASyC,CAAK,GACtChC,IAASV,EAAiBC,CAAO,GACjCoB,IAAYE,EAAad,GAAOC,GAAQc,GAAGC,GAAGC,GAAQC,GAAeC,CAAU,GAE/EV,IAASa,GAAUV,GAAWM,GAAeH,GAAGf,CAAK,GACrDE,IAASuB,GAAUb,GAAWM,GAAeF,GAAGf,CAAM,GAEtDwD,IAAoB,aAAazD,IAAQf,IAASL,CAAQ,IAAID,CAAQ,KACtE+E,IAAqB,aAAa1D,IAAQf,IAAS,IAAIC,IAAcN,CAAQ,IAAID,CAAQ,KAEzF,CAACgF,GAAQC,CAAS,IAAI5B,EAAAA,SAAS,EAAK,GACpC,CAAC6B,GAAcC,CAAe,IAAI9B,EAAAA,SAAS,EAAK,GAChD,CAAC+B,GAAaC,CAAc,IAAIhC,EAAAA,SAAS,EAAK;AAEpD,WAASiC,IAAmB;;AACxB,KAAAC,IAAA,iCAAQ,cAAR,QAAAA,EAAmB,UAAU,UAAU1E,EAAQ,KAAK;AAAA,CAAI,IACxDoE,EAAU,EAAI;AAAA,EAClB;AAEA,MAAI,CAACL,KAAW,CAACC,KAAaA,MAAc;AACxC,WAAO;AAGX,QAAMW,IACFC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW9E;AAAA,MACX,WAAW,aAAa4B,EAAc,OAAOH,CAAC,IAAIG,EAAc,MAAMF,CAAC;AAAA,MACvE,SAASuC,IAAS,IAAI;AAAA,MACtB,QAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAO,EAAC,eAAetB,IAAQ,QAAQ,OAAA;AAAA,MAEvC,UAAA;AAAA,QAAAoC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWhD,GAAiBT,GAAWK,CAAM;AAAA,YAC7C,GAAGN,EAAQX,GAAOC,GAAQW,GAAWH,GAAQP,CAAM;AAAA,YACnD,MAAMoE;AAAA,UAAA;AAAA,QAAA;AAAA,QAEVF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAS;AAAA,YACT,YAAW;AAAA,YACX,MAAK;AAAA,YACL,WAAWhD,EAAoBR,GAAWZ,GAAOC,GAAQgB,GAAQR,GAAQP,CAAM;AAAA,YAE9E,UAAA;AAAA,cAAAV,EAAQ,IAAI,CAACK,GAAKC,MACfuE,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,GAAGzF;AAAA,kBACH,GAAGD,IAAWE,IAAciB,IAAMjB,IAAc;AAAA,kBAChD,kBAAiB;AAAA,kBAEhB,UAAAgB;AAAA,gBAAA;AAAA,gBALIC;AAAA,cAAA,CAOZ;AAAA,cACAmC,KACGmC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAWX,GACV,UAAA;AAAA,gBAAAY,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,UAAS;AAAA,oBACT,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,MAAMR,IAAezE,IAAOC;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEhCgF,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,GAAE;AAAA,oBACF,GAAE;AAAA,oBACF,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,SAAStB;AAAA,oBACT,aAAa,MAAMe,EAAgB,EAAI;AAAA,oBACvC,cAAc,MAAMA,EAAgB,EAAK;AAAA,oBACzC,OAAO,EAAC,QAAQ,UAAA;AAAA,kBAAS;AAAA,gBAAA;AAAA,cAC7B,GACJ;AAAA,cAEH7B,KACGmC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAWV,GACT,UAAA;AAAA,gBAAAC,IAEGU,gBAAAA,EAAAA,IAAC,QAAA,EAAK,UAAS,WAAU,UAAS,WAAU,GAAE,mHAAkH,MAAK,UAAA,CAAS,IAG1KD,gBAAAA,EAAAA,KAAC,KAAA,EACD,UAAA;AAAA,kBAAAC,gBAAAA,EAAAA,IAAC,KAAA,EAAE,UAAS,0BACR,UAAAA,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBAAK,GAAE;AAAA,sBACF,MAAMN,IAAc3E,IAAOC;AAAA,oBAAA;AAAA,kBAAA,GAErC;AAAA,wCACK,QAAA,EACD,UAAAgF,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,oBACb,UAAAA,gBAAAA,MAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,WAAU,0BAAyB,MAAK,SAAQ,GAC7E,EAAA,CACA;AAAA,gBAAA,GACJ;AAAA,gBAERA,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,GAAE;AAAA,oBACF,GAAE;AAAA,oBACF,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,SAASJ;AAAA,oBACT,aAAa,MAAMD,EAAe,EAAI;AAAA,oBACtC,cAAc,MAAMA,EAAe,EAAK;AAAA,oBACxC,OAAO,EAAC,QAAQ,UAAA;AAAA,kBAAS;AAAA,gBAAA;AAAA,cAC7B,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAIR,SAAOR,MAAc,OAAOW,IAAUI,EAAAA;AAAAA,IAClCJ;AAAA,IACAX;AAAA,EAAA;AAER;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/common/Tooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BLACK } from '../constants';\nimport { exhaustive } from '../utils';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { TooltipSettings } from '../types';\n\ntype Direction = 'left'|'right'|'top'|'bottom';\ntype SideDistances = {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n};\n\nconst OFFSET_V = 8;\nconst OFFSET_H = 12;\nconst LINE_HEIGHT = 20;\nconst R = 6;\nconst TAIL_OFFSET = 5;\nconst POSITION_OFFSET = 8;\n\nconst ICON_W = 16;\nconst ICON_OFFSET = 8;\nconst ICONS_WIDTH = ICON_W * 2 + ICON_OFFSET + 16;\n\nconst GREY = '#CFD1DB';\nconst WHITE = '#fff';\n\nconst TOOLTIP_CLASS = 'miplots-tooltip';\n\nexport function getTooltipHeight(content: string[]) {\n    return content.length * LINE_HEIGHT + 2 * OFFSET_V;\n}\nexport function getTooltipWidth(content: string[], hasIcons = false) {\n    const textMeasurer = new TextMeasurer('600 14px Arial');\n    return Math.max(...content.map((str, idx) => textMeasurer.getTextWidth(str) + (idx === 0 && hasIcons ? ICONS_WIDTH : 0))) + 2 * OFFSET_H;\n}\n\nfunction rightTooltipPath(width: number, height: number, shiftY: number) {\n    const left = -TAIL_OFFSET - width;\n    const right = -TAIL_OFFSET;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${right},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}  \n    H ${left + R}   \n    Q ${left},${top} ${left},${top + R}\n    V ${bottom - R}\n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\nfunction leftTooltipPath(width: number, height: number, shiftY: number) {\n    const left = TAIL_OFFSET;\n    const right = TAIL_OFFSET + width;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${left},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${left},${top} ${left + R},${top}  \n    H ${right - R}   \n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction topTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const top = -TAIL_OFFSET - height;\n    const bottom = -TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${bottom} \n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}  \n    V ${top + R}   \n    Q ${left},${top} ${left + R},${top}\n    H ${right - R}\n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction bottomTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const bottom = TAIL_OFFSET + height;\n    const top = TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${top} \n    H ${left + R}\n    Q ${left},${top} ${left},${top + R}  \n    V ${bottom - R}   \n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction getPath(width: number, height: number, direction: Direction, shiftX: number, shiftY: number):string {\n    switch (direction) {\n        case 'left': return rightTooltipPath(width, height, shiftY);\n        case 'right': return leftTooltipPath(width, height, shiftY);\n        case 'top': return topTooltipPath(width, height, shiftX);\n        case 'bottom': return bottomTooltipPath(width, height, shiftX);\n        default: exhaustive(direction, 'Unknown tooltip direction');\n    }\n}\n\nfunction getDirection(width: number, height: number, x: number, y: number, offset:number, sideDistances:SideDistances , horizontal: boolean):Direction {\n    if (horizontal) {\n        return sideDistances.right - x - offset - TAIL_OFFSET > width ? 'right' : 'left';\n    }\n    return sideDistances.top + y - offset - TAIL_OFFSET > height ? 'top' : 'bottom';\n}\n\nfunction getContentTransform (direction:Direction, width: number, height: number, offset:number, shiftX: number, shiftY: number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${(direction === 'left' ? -(offset + TAIL_OFFSET + width) : (offset + TAIL_OFFSET))},${-height / 2 + shiftY})`;\n    }\n    return `translate(${-width / 2 + shiftX},${direction === 'top' ? -(height + offset + TAIL_OFFSET) : offset + TAIL_OFFSET})`;\n\n}\nfunction getPathTransform (direction:Direction, offset:number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${direction === 'left' ? -offset : offset},0)`;\n    }\n    return `translate(0,${direction === 'top' ? -offset : offset})`;\n}\n\nfunction getShiftX (direction:Direction, sideDistances: SideDistances, x: number, width: number) {\n    if (direction === 'left' || direction === 'right') {\n        return 0;\n    }\n    const rightFreeSpace = sideDistances.right - x;\n    const leftFreeSpace = sideDistances.left + x;\n    if (rightFreeSpace < width / 2) {\n        return rightFreeSpace - width / 2;\n    }\n    if (leftFreeSpace < width / 2) {\n        return width / 2 - leftFreeSpace;\n    }\n    return 0;\n}\nfunction getShiftY (direction:Direction, sideDistances: SideDistances, y: number, height: number) {\n    if (direction === 'top' || direction === 'bottom') {\n        return 0;\n    }\n    const topFreeSpace = sideDistances.top + y;\n    const bottomFreeSpace = sideDistances.bottom - y;\n    if (topFreeSpace < height / 2) {\n        return height / 2 - topFreeSpace;\n    }\n    if (bottomFreeSpace < height / 2) {\n        return bottomFreeSpace - height / 2;\n    }\n    return 0;\n}\n\nexport type TooltipsData<T> = {\n    active: boolean,\n    fixed: boolean,\n    selectedData: T | null,\n    currentFacet: string,\n    onMouseEnter: (elementData:T, facetKey?:string) => void,\n    onMouseLeave: () => void,\n    onClose: () => void\n}\n\nexport function useTooltip<T = unknown>(\n    onTooltipHintSwitchOuterCallback: (v:boolean) => void = () => undefined,\n    tooltipSettings?: TooltipSettings\n): TooltipsData<T> {\n    const [selectedData, setSelectedData] = useState<T | null>(null);\n    const [fixed, setFixed] = useState(false);\n    const openRef = useRef(false);\n    const fixedRef = useRef(false);\n    const currentFacet = useRef('null');\n    const hintTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const disabled = useRef(tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length));\n\n    const close = () => {\n        setSelectedData(null);\n        openRef.current = false;\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n            hintTimer.current = null;\n        }\n        onTooltipHintSwitchOuterCallback(false);\n    };\n    const closeFixed = () => {\n        fixedRef.current = false;\n        setFixed(false);\n        close();\n    };\n    const onMouseEnter = useCallback((newElementData:T, facetKey?: string) => {\n        if (fixedRef.current || disabled.current) {\n            return;\n        }\n        setSelectedData(newElementData);\n        openRef.current = true;\n        currentFacet.current = facetKey ?? 'null';\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n        }\n        hintTimer.current = setTimeout(() => {\n            onTooltipHintSwitchOuterCallback(true);\n        }, 2000);\n    }, []);\n    const onMouseLeave = useCallback(() => {\n        if (fixedRef.current) {\n            return;\n        }\n        close();\n    }, []);\n\n    const onClose = useCallback(closeFixed, []);\n\n    useEffect(() => {\n        disabled.current = tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length);\n    }, [tooltipSettings?.content, tooltipSettings?.show]);\n    useEffect(() => {\n        function handleEnter(e:KeyboardEvent) {\n            if (openRef.current && e.key === 'Enter') {\n                fixedRef.current = true;\n                setFixed(true);\n                if (hintTimer.current) {\n                    clearTimeout(hintTimer.current);\n                    hintTimer.current = null;\n                }\n                onTooltipHintSwitchOuterCallback(false);\n            }\n        }\n        function handleClickOutside(e:MouseEvent) {\n            if (!fixedRef.current) {\n                return;\n            }\n            //const tooltipNodes = Array.from(document.getElementsByClassName(TOOLTIP_CLASS));\n            const tooltipNode = document.querySelector(`.${TOOLTIP_CLASS}`);\n            const clickedNode = e.target;\n            if (tooltipNode && clickedNode && tooltipNode.contains(clickedNode as Node)) {\n                return;\n            }\n            closeFixed();\n        }\n        document.addEventListener('keydown', handleEnter);\n        document.addEventListener('click', handleClickOutside);\n        return () => {\n            document.removeEventListener('keydown', handleEnter);\n            document.removeEventListener('click', handleClickOutside);\n        };\n    }, []);\n\n    return {\n        active: selectedData !== null,\n        currentFacet: currentFacet.current,\n        fixed,\n        selectedData,\n        onMouseEnter,\n        onMouseLeave,\n        onClose\n    };\n}\n\nexport function Tooltip({\n    content,\n    x,\n    y,\n    active,\n    fixed,\n    container,\n    sideDistances,\n    onClose = () => undefined,\n    offset = POSITION_OFFSET,\n    horizontal = true,\n}: {\n    content: string[];\n    x: number;\n    y: number;\n    active: boolean;\n    fixed: boolean;\n    sideDistances: SideDistances;\n    onClose?: () => void;\n    offset?: number;\n    horizontal?: boolean;\n    container?: Element | null;\n}) {\n    const width = getTooltipWidth(content, fixed);\n    const height = getTooltipHeight(content);\n    const direction = getDirection(width, height, x, y, offset, sideDistances, horizontal);\n    // shifts for tooltip positioning not in center if it is close to chart edges\n    const shiftX = getShiftX(direction, sideDistances, x, width);\n    const shiftY = getShiftY(direction, sideDistances, y, height);\n\n    const firstIconPosition = `translate(${width - ICON_W - OFFSET_H},${OFFSET_V})`;\n    const secondIconPosition = `translate(${width - ICON_W * 2 - ICON_OFFSET - OFFSET_H},${OFFSET_V})`;\n\n    const [copied, setCopied] = useState(false);\n    const [hoveredClose, setHoveredClose] = useState(false);\n    const [hoveredCopy, setHoveredCopy] = useState(false);\n\n    function copyToClipboard () {\n        window?.navigator?.clipboard.writeText(content.join('\\n'));\n        setCopied(true);\n    }\n        \n    if (!active || (!container && container !== null)) {\n        return null;\n    }\n\n    const tooltip = (\n        <g\n            className={TOOLTIP_CLASS}\n            transform={`translate(${sideDistances.left + x},${sideDistances.top + y})`}\n            opacity={active ? 1 : 0}\n            stroke=\"none\"\n            fill=\"none\"\n            style={{pointerEvents: fixed ? 'all' : 'none'}}\n        >\n            <path\n                transform={getPathTransform(direction, offset)}\n                d={getPath(width, height, direction, shiftX, shiftY)}\n                fill={BLACK}\n            />\n            <g\n                fontSize=\"14px\"\n                fontFamily=\"Manrope\"\n                fill=\"white\"\n                transform={getContentTransform(direction, width, height, offset, shiftX, shiftY)}\n            >\n                {content.map((str, idx) => (\n                    <text\n                        key={idx}\n                        x={OFFSET_H}\n                        y={OFFSET_V + LINE_HEIGHT * idx + LINE_HEIGHT / 2}\n                        dominantBaseline=\"central\"\n                    >\n                        {str}\n                    </text>\n                ))}\n                {fixed && (\n                    <g transform={firstIconPosition}>\n                        <path\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                            d=\"M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z\"\n                            fill={hoveredClose ? GREY : WHITE}\n                        />\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={onClose}\n                            onMouseOver={() => setHoveredClose(true)}\n                            onMouseLeave={() => setHoveredClose(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n                {fixed && (\n                    <g transform={secondIconPosition}>\n                        {copied\n                            ? (\n                            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z\" fill=\"#07AD3E\"/>\n                            )\n                            : (\n                                <g>\n                                <g clipPath=\"url(#clip0_16418_6183)\">\n                                    <path d=\"M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z\"\n                                          fill={hoveredCopy ? GREY : WHITE}\n                                    />\n                                </g>\n                                    <defs>\n                                    <clipPath id=\"clip0_16418_6183\">\n                                    <rect width=\"16\" height=\"16\" transform=\"translate(0.000488281)\" fill=\"white\" />\n                                    </clipPath>\n                                    </defs>\n                                </g>\n                            )}\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={copyToClipboard}\n                            onMouseOver={() => setHoveredCopy(true)}\n                            onMouseLeave={() => setHoveredCopy(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n            </g>\n        </g>\n    );\n\n    return container === null ? tooltip : createPortal(\n        tooltip,\n        container\n    );\n}\n"],"names":["OFFSET_V","OFFSET_H","LINE_HEIGHT","R","TAIL_OFFSET","POSITION_OFFSET","ICON_W","ICON_OFFSET","ICONS_WIDTH","GREY","WHITE","TOOLTIP_CLASS","getTooltipHeight","content","getTooltipWidth","hasIcons","textMeasurer","TextMeasurer","str","idx","rightTooltipPath","width","height","shiftY","left","right","top","bottom","leftTooltipPath","topTooltipPath","shiftX","bottomTooltipPath","getPath","direction","exhaustive","getDirection","x","y","offset","sideDistances","horizontal","getContentTransform","getPathTransform","getShiftX","rightFreeSpace","leftFreeSpace","getShiftY","topFreeSpace","bottomFreeSpace","useTooltip","onTooltipHintSwitchOuterCallback","tooltipSettings","selectedData","setSelectedData","useState","fixed","setFixed","openRef","useRef","fixedRef","currentFacet","hintTimer","disabled","_a","close","closeFixed","onMouseEnter","useCallback","newElementData","facetKey","onMouseLeave","onClose","useEffect","handleEnter","e","handleClickOutside","tooltipNode","clickedNode","Tooltip","active","container","firstIconPosition","secondIconPosition","copied","setCopied","hoveredClose","setHoveredClose","hoveredCopy","setHoveredCopy","copyToClipboard","tooltip","jsxs","jsx","BLACK","createPortal"],"mappings":"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"}

package/dist/discrete/DiscreteSettingsImpl.d.ts

@@ -1,4 +1,4 @@
-import { AesRecord, AggregationMethod, Color, ColumnName, DataValue, DiscreteSettings, FrameType, InheritAesDiscrete, LegendPosition, LineShape, Orientation, BarLayer as OuterBarLayer, BinnedDotsLayer as OuterBinnedDotsLayer, BoxLayer as OuterBoxLayer, DotLayer as OuterDotLayer, ErrorBarLayer as OuterErrorBarLayer, LineLayer as OuterLineLayer, LogoPlotLayer as OuterLogoPlotLayer, PairedPointsLayer as OuterPairedPointsLayer, SinaLayer as OuterSinaLayer, StackedAreaLayer as OuterStackedAreaLayer, StackedBarLayer as OuterStackedBarLayer, StatLayer as OuterStatLayer, ViolinLayer as OuterViolinLayer, PointShape, PValueCorrectionMethod, SettingsInterface, SignificanceLevels, StatTestMethod, SummaryErrorValue, SummaryGroupValue, TitlePosition } from '../types';
+import { AesRecord, AggregationMethod, Color, ColumnName, DataValue, DiscreteSettings, FrameType, InheritAesDiscrete, LegendPosition, LineShape, Orientation, BarLayer as OuterBarLayer, BinnedDotsLayer as OuterBinnedDotsLayer, BoxLayer as OuterBoxLayer, DotLayer as OuterDotLayer, ErrorBarLayer as OuterErrorBarLayer, LineLayer as OuterLineLayer, LogoPlotLayer as OuterLogoPlotLayer, PairedPointsLayer as OuterPairedPointsLayer, SinaLayer as OuterSinaLayer, StackedAreaLayer as OuterStackedAreaLayer, StackedBarLayer as OuterStackedBarLayer, StatLayer as OuterStatLayer, ViolinLayer as OuterViolinLayer, PointShape, PValueCorrectionMethod, SettingsInterface, SignificanceLevels, StatTestMethod, SummaryErrorValue, SummaryGroupValue, TitlePosition, TooltipSettings } from '../types';
 declare abstract class BaseDiscreteLayer {
     abstract type: string;
     abstract isEqualForCalculation(otherLayer: DiscreteLayer): boolean;
@@ -274,36 +274,16 @@ export declare class DiscreteSettingsImpl implements SettingsInterface {
             position: LegendPosition;
         };
         readonly tooltips: {
-            box: {
-                show: boolean;
-            };
-            violin: {
-                show: boolean;
-            };
-            boxOutliers: {
-                show: boolean;
-            };
-            line: {
-                show: boolean;
-            };
-            dot: {
-                show: boolean;
-            };
-            errorBar: {
-                show: boolean;
-            };
-            binnedDots: {
-                show: boolean;
-            };
-            pairedPoints: {
-                show: boolean;
-            };
-            stackedBar: {
-                show: boolean;
-            };
-            logo: {
-                show: boolean;
-            };
+            box: TooltipSettings;
+            violin: TooltipSettings;
+            boxOutliers: TooltipSettings;
+            line: TooltipSettings;
+            dot: TooltipSettings;
+            errorBar: TooltipSettings;
+            binnedDots: TooltipSettings;
+            pairedPoints: TooltipSettings;
+            stackedBar: TooltipSettings;
+            logo: TooltipSettings;
         };
     };
     readonly layers: DiscreteLayer[];