@milaboratories/graph-maker 1.1.175 → 1.1.177

package/dist/node_modules/@milaboratories/miplots4/dist/common/Tooltip.js

@@ -1,271 +0,0 @@
-import { j as a } from "../node_modules/react/jsx-runtime.js";
-import { r as $ } from "../_virtual/index.js";
-import { r as B } from "../node_modules/react-dom/index.js";
-import { BLACK as F } from "../constants.js";
-import { exhaustive as P } from "../utils/index.js";
-import { TextMeasurer as A } from "../utils/TextMeasurer/TextMeasurer.js";
-const V = 8, Q = 12, w = 20, i = 6, s = 5, O = 8, C = 16, b = 8, q = C * 2 + b + 16, R = "#CFD1DB", S = "#fff", z = "miplots-tooltip";
-function K(r) {
-  return r.length * w + 2 * V;
-}
-function U(r, l = !1) {
-  const u = new A("600 14px Arial");
-  return Math.max(...r.map((e, t) => u.getTextWidth(e) + (t === 0 && l ? q : 0))) + 2 * Q;
-}
-function W(r, l, u) {
-  const e = -s - r, t = -s, n = -l / 2 + u, o = l / 2 + u;
-  return `M 0,0 
-    L ${t},${-s} 
-    V ${n + i}
-    Q ${t},${n} ${t - i},${n}  
-    H ${e + i}   
-    Q ${e},${n} ${e},${n + i}
-    V ${o - i}
-    Q ${e},${o} ${e + i},${o}
-    H ${t - i}
-    Q ${t},${o} ${t},${o - i}
-    V ${s} 
-    L 0,0 z`;
-}
-function G(r, l, u) {
-  const e = s, t = s + r, n = -l / 2 + u, o = l / 2 + u;
-  return `M 0,0 
-    L ${e},${-s} 
-    V ${n + i}
-    Q ${e},${n} ${e + i},${n}  
-    H ${t - i}   
-    Q ${t},${n} ${t},${n + i}
-    V ${o - i}
-    Q ${t},${o} ${t - i},${o}
-    H ${e + i}
-    Q ${e},${o} ${e},${o - i}
-    V ${s} 
-    L 0,0 z`;
-}
-function I(r, l, u) {
-  const e = -r / 2 + u, t = r / 2 + u, n = -s - l, o = -s;
-  return `M 0,0 
-    L ${-s},${o} 
-    H ${e + i}
-    Q ${e},${o} ${e},${o - i}  
-    V ${n + i}   
-    Q ${e},${n} ${e + i},${n}
-    H ${t - i}
-    Q ${t},${n} ${t},${n + i}
-    V ${o - i}
-    Q ${t},${o} ${t - i},${o}
-    H ${s} 
-    L 0,0 z`;
-}
-function J(r, l, u) {
-  const e = -r / 2 + u, t = r / 2 + u, n = s + l, o = s;
-  return `M 0,0 
-    L ${-s},${o} 
-    H ${e + i}
-    Q ${e},${o} ${e},${o + i}  
-    V ${n - i}   
-    Q ${e},${n} ${e + i},${n}
-    H ${t - i}
-    Q ${t},${n} ${t},${n - i}
-    V ${o + i}
-    Q ${t},${o} ${t - i},${o}
-    H ${s} 
-    L 0,0 z`;
-}
-function N(r, l, u, e, t) {
-  switch (u) {
-    case "left":
-      return W(r, l, t);
-    case "right":
-      return G(r, l, t);
-    case "top":
-      return I(r, l, e);
-    case "bottom":
-      return J(r, l, e);
-    default:
-      P(u, "Unknown tooltip direction");
-  }
-}
-function X(r, l, u, e, t, n, o) {
-  return o ? n.right - u - t - s > r ? "right" : "left" : n.top + e - t - s > l ? "top" : "bottom";
-}
-function Y(r, l, u, e, t, n) {
-  return r === "left" || r === "right" ? `translate(${r === "left" ? -(e + s + l) : e + s},${-u / 2 + n})` : `translate(${-l / 2 + t},${r === "top" ? -(u + e + s) : e + s})`;
-}
-function ee(r, l) {
-  return r === "left" || r === "right" ? `translate(${r === "left" ? -l : l},0)` : `translate(0,${r === "top" ? -l : l})`;
-}
-function te(r, l, u, e) {
-  if (r === "left" || r === "right")
-    return 0;
-  const t = l.right - u, n = l.left + u;
-  return t < e / 2 ? t - e / 2 : n < e / 2 ? e / 2 - n : 0;
-}
-function re(r, l, u, e) {
-  if (r === "top" || r === "bottom")
-    return 0;
-  const t = l.top + u, n = l.bottom - u;
-  return t < e / 2 ? e / 2 - t : n < e / 2 ? n - e / 2 : 0;
-}
-function ae(r = () => {
-}) {
-  const [l, u] = $.useState(null), [e, t] = $.useState(!1), n = $.useRef(!1), o = $.useRef(!1), x = $.useRef("null"), c = $.useRef(null), g = () => {
-    u(null), n.current = !1, c.current && (clearTimeout(c.current), c.current = null), r(!1);
-  }, f = () => {
-    o.current = !1, t(!1), g();
-  }, m = $.useCallback((p, h) => {
-    o.current || (u(p), n.current = !0, x.current = h ?? "null", c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-      r(!0);
-    }, 2e3));
-  }, []), d = $.useCallback(() => {
-    o.current || g();
-  }, []), v = $.useCallback(f, []);
-  return $.useEffect(() => {
-    function p(L) {
-      n.current && L.key === "Enter" && (o.current = !0, t(!0), c.current && (clearTimeout(c.current), c.current = null), r(!1));
-    }
-    function h(L) {
-      if (!o.current)
-        return;
-      const j = document.querySelector(`.${z}`), H = L.target;
-      j && H && j.contains(H) || f();
-    }
-    return document.addEventListener("keydown", p), document.addEventListener("click", h), () => {
-      document.removeEventListener("keydown", p), document.removeEventListener("click", h);
-    };
-  }, []), {
-    active: l !== null,
-    currentFacet: x.current,
-    fixed: e,
-    selectedData: l,
-    onMouseEnter: m,
-    onMouseLeave: d,
-    onClose: v
-  };
-}
-function ce({
-  content: r,
-  x: l,
-  y: u,
-  active: e,
-  fixed: t,
-  container: n,
-  sideDistances: o,
-  onClose: x = () => {
-  },
-  offset: c = O,
-  horizontal: g = !0
-}) {
-  const f = U(r, t), m = K(r), d = X(f, m, l, u, c, o, g), v = te(d, o, l, f), p = re(d, o, u, m), h = `translate(${f - C - Q},${V})`, L = `translate(${f - C * 2 - b - Q},${V})`, [j, H] = $.useState(!1), [D, y] = $.useState(!1), [Z, k] = $.useState(!1);
-  function _() {
-    var M;
-    (M = window == null ? void 0 : window.navigator) == null || M.clipboard.writeText(r.join(`
-`)), H(!0);
-  }
-  if (!e || !n && n !== null)
-    return null;
-  const T = /* @__PURE__ */ a.jsxs(
-    "g",
-    {
-      className: z,
-      transform: `translate(${o.left + l},${o.top + u})`,
-      opacity: e ? 1 : 0,
-      stroke: "none",
-      fill: "none",
-      style: { pointerEvents: t ? "all" : "none" },
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "path",
-          {
-            transform: ee(d, c),
-            d: N(f, m, d, v, p),
-            fill: F
-          }
-        ),
-        /* @__PURE__ */ a.jsxs(
-          "g",
-          {
-            fontSize: "14px",
-            fontFamily: "Manrope",
-            fill: "white",
-            transform: Y(d, f, m, c, v, p),
-            children: [
-              r.map((M, E) => /* @__PURE__ */ a.jsx(
-                "text",
-                {
-                  x: Q,
-                  y: V + w * E + w / 2,
-                  dominantBaseline: "central",
-                  children: M
-                },
-                E
-              )),
-              t && /* @__PURE__ */ a.jsxs("g", { transform: h, 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: D ? R : S
-                  }
-                ),
-                /* @__PURE__ */ a.jsx(
-                  "rect",
-                  {
-                    x: "-8",
-                    y: "-8",
-                    width: "24",
-                    height: "24",
-                    fill: "transparent",
-                    onClick: x,
-                    onMouseOver: () => y(!0),
-                    onMouseLeave: () => y(!1),
-                    style: { cursor: "pointer" }
-                  }
-                )
-              ] }),
-              t && /* @__PURE__ */ a.jsxs("g", { transform: L, children: [
-                j ? /* @__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: Z ? R : S
-                    }
-                  ) }),
-                  /* @__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" }) }) })
-                ] }),
-                /* @__PURE__ */ a.jsx(
-                  "rect",
-                  {
-                    x: "-8",
-                    y: "-8",
-                    width: "24",
-                    height: "24",
-                    fill: "transparent",
-                    onClick: _,
-                    onMouseOver: () => k(!0),
-                    onMouseLeave: () => k(!1),
-                    style: { cursor: "pointer" }
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return n === null ? T : B.createPortal(
-    T,
-    n
-  );
-}
-export {
-  ce as Tooltip,
-  K as getTooltipHeight,
-  U as getTooltipWidth,
-  ae as useTooltip
-};
-//# sourceMappingURL=Tooltip.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/common/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/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","a","createPortal"],"mappings":"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","x_google_ignoreList":[0]}