@expcat/tigercat-react 2.1.0 → 2.1.2

package/dist/{chunk-H6MVW5YD.mjs → chunk-TEVEXDY2.mjs}

@@ -1,6 +1,9 @@
+import {
+  useResponsiveChartSize
+} from "./chunk-5JETWHLJ.mjs";
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -12,7 +15,7 @@ import {
 } from "./chunk-RQSQXQN6.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartGrid
 } from "./chunk-677VSTPW.mjs";
@@ -29,7 +32,6 @@ import {
   createLinePath,
   createPointScale,
   getChartElementOpacity,
-  getChartInnerRect,
   getStableChartGradientPrefix,
   getNumberExtent,
   linePointTransitionClasses,
@@ -109,9 +111,11 @@ var LineChart = ({
     () => getStableChartGradientPrefix("line", gradientId),
     [gradientId]
   );
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
+  const { innerRect, onResolvedSizeChange } = useResponsiveChartSize(
+    width,
+    height,
+    padding,
+    responsive
   );
   const resolvedSeries = useMemo(
     () => resolveSeriesData(series, data, {
@@ -133,6 +137,7 @@ var LineChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -255,17 +260,21 @@ var LineChart = ({
     (seriesIndex, pointIndex, event) => {
       setHoveredPointInfo({ seriesIndex, pointIndex });
       setTooltipPosition({ x: event.clientX, y: event.clientY });
-      onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      if (hoverable) {
+        onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      }
     },
-    [onPointHover, resolvedSeries]
+    [hoverable, onPointHover, resolvedSeries]
   );
   const handlePointMouseMove = useCallback((event) => {
     setTooltipPosition({ x: event.clientX, y: event.clientY });
   }, []);
   const handlePointMouseLeave = useCallback(() => {
     setHoveredPointInfo(null);
-    onPointHover?.(null, null, null);
-  }, [onPointHover]);
+    if (hoverable) {
+      onPointHover?.(null, null, null);
+    }
+  }, [hoverable, onPointHover]);
   const showPointTooltipFromElement = useCallback(
     (el, seriesIndex, pointIndex) => {
       if (!hoverable) return;
@@ -293,6 +302,7 @@ var LineChart = ({
     [selectable, handleSeriesSelect]
   );
   const pointClickable = selectable || !!onPointClick;
+  const trackPointHover = showTooltip || hoverable;
   const chart = /* @__PURE__ */ jsxs(
     ChartCanvas,
     {
@@ -303,6 +313,7 @@ var LineChart = ({
       title,
       desc,
       className: classNames(className),
+      onResolvedSizeChange,
       children: [
         (seriesData.some((sd) => sd.showArea) || animated || strokeGradient || pointGradient) && /* @__PURE__ */ jsxs("defs", { children: [
           animated && /* @__PURE__ */ jsx("style", { children: `
@@ -477,9 +488,9 @@ var LineChart = ({
                     tabIndex: pointInteractive ? 0 : void 0,
                     "data-point-index": point.pointIndex,
                     "data-series-key": sd.seriesKey,
-                    onMouseEnter: hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
-                    onMouseMove: hoverable ? handlePointMouseMove : void 0,
-                    onMouseLeave: hoverable ? handlePointMouseLeave : void 0,
+                    onMouseEnter: trackPointHover ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                    onMouseMove: trackPointHover ? handlePointMouseMove : void 0,
+                    onMouseLeave: trackPointHover ? handlePointMouseLeave : void 0,
                     onClick: pointClickable ? (e) => {
                       e.stopPropagation();
                       handlePointClick(sd.seriesIndex, point.pointIndex);

package/dist/{chunk-DJOFM2VO.mjs → chunk-TO6MZFNQ.mjs}

@@ -4,9 +4,11 @@ import {
   classNames,
   getSplitterContainerClasses,
   getSplitterGutterClasses,
+  getSplitterGutterCssVars,
   getSplitterGutterHandleClasses,
   getPaneStyle,
   resizePanes,
+  resolveInitialPaneSizes,
   createDocumentDragSession
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,20 +39,21 @@ var Splitter = ({
   useEffect(() => cleanupDragSession, [cleanupDragSession]);
   useEffect(() => {
     const el = containerRef.current;
-    if (!el) return;
     const paneCount2 = React.Children.count(children);
     if (paneCount2 === 0) return;
-    const totalGutter = (paneCount2 - 1) * gutterSize;
-    const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-    if (controlledSizes && controlledSizes.length > 0) {
-      setPaneSizes([...controlledSizes]);
-    } else {
-      if (total > 0) {
-        const eachSize = total / paneCount2;
-        setPaneSizes(Array.from({ length: paneCount2 }, () => eachSize));
-      }
+    const containerSize = el ? direction === "horizontal" ? el.clientWidth : el.clientHeight : 0;
+    const resolved = resolveInitialPaneSizes(
+      paneCount2,
+      containerSize,
+      gutterSize,
+      controlledSizes,
+      min,
+      max
+    );
+    if (resolved) {
+      setPaneSizes(resolved);
     }
-  }, [children, direction, gutterSize, controlledSizes]);
+  }, [children, direction, gutterSize, controlledSizes, min, max]);
   const paneCount = paneSizes.length;
   const mins = useMemo(() => Array.from({ length: paneCount }, () => min), [paneCount, min]);
   const maxes = useMemo(() => Array.from({ length: paneCount }, () => max), [paneCount, max]);
@@ -136,35 +139,44 @@ var Splitter = ({
     () => classNames(getSplitterContainerClasses(direction, className)),
     [direction, className]
   );
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
-    const size = paneSizes[i];
-    const paneStyle = size != null ? getPaneStyle(size, direction) : void 0;
-    const isDragging = draggingIndex === i;
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "tiger-splitter-pane relative overflow-auto",
-          style: paneStyle,
-          "data-pane-index": i,
-          children: child
-        }
-      ),
-      i < childArray.length - 1 && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: getSplitterGutterClasses(direction, !!isDragging, disabled),
-          role: "separator",
-          "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
-          tabIndex: disabled ? -1 : 0,
-          "data-gutter-index": i,
-          onMouseDown: (e) => handleMouseDown(i, e),
-          onKeyDown: (e) => handleKeyDown(i, e),
-          children: /* @__PURE__ */ jsx("div", { className: getSplitterGutterHandleClasses(direction) })
-        }
-      )
-    ] }, i);
-  }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: containerClasses,
+      style: { ...style, ...getSplitterGutterCssVars(gutterSize) },
+      "data-direction": direction,
+      children: childArray.map((child, i) => {
+        const size = paneSizes[i];
+        const paneStyle = size != null ? getPaneStyle(size, direction) : void 0;
+        const isDragging = draggingIndex === i;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "tiger-splitter-pane relative overflow-auto",
+              style: paneStyle,
+              "data-pane-index": i,
+              children: child
+            }
+          ),
+          i < childArray.length - 1 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: getSplitterGutterClasses(direction, !!isDragging, disabled),
+              role: "separator",
+              "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
+              tabIndex: disabled ? -1 : 0,
+              "data-gutter-index": i,
+              onMouseDown: (e) => handleMouseDown(i, e),
+              onKeyDown: (e) => handleKeyDown(i, e),
+              children: /* @__PURE__ */ jsx("div", { className: getSplitterGutterHandleClasses(direction) })
+            }
+          )
+        ] }, i);
+      })
+    }
+  );
 };
 var Splitter_default = Splitter;
 

package/dist/{chunk-ZCGIZOMT.mjs → chunk-V7HJ5HLC.mjs}

@@ -275,14 +275,11 @@ var ImagePreview = ({
     },
     [handleNext, handlePrev, touchSwipeThreshold]
   );
-  const handleMaskClick = useCallback(
-    (e) => {
-      if (maskClosable && e.target === e.currentTarget) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
+  const handleMaskClick = useCallback(() => {
+    if (maskClosable) {
+      handleClose();
+    }
+  }, [maskClosable, handleClose]);
   const transform = useMemo(
     () => `${calculateTransform(scale, offsetX, offsetY)} rotate(${rotation}deg)`,
     [scale, offsetX, offsetY, rotation]
@@ -298,10 +295,9 @@ var ImagePreview = ({
         role: "dialog",
         "aria-modal": "true",
         "aria-label": labels.previewDialogAriaLabel,
-        onClick: handleMaskClick,
         onWheel: handleWheel,
         children: [
-          /* @__PURE__ */ jsx("div", { className: imagePreviewMaskClasses, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { className: imagePreviewMaskClasses, "aria-hidden": "true", onClick: handleMaskClick }),
           /* @__PURE__ */ jsx(
             "img",
             {

package/dist/{chunk-SIDDYP3O.mjs → chunk-VJWSKJLJ.mjs}

@@ -1,6 +1,6 @@
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 
 // src/components/OrgChart.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-ZG56T75O.mjs → chunk-WTHWLCRL.mjs}

@@ -3,9 +3,10 @@ import {
 } from "./chunk-HKAZXG74.mjs";
 
 // src/utils/use-popup.ts
-import { useCallback, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   buildTriggerHandlerMap,
+  createFloatingHoverDelayController,
   restoreFocus
 } from "@expcat/tigercat-core";
 function usePopup(options) {
@@ -33,6 +34,18 @@ function usePopup(options) {
     },
     [disabled, isControlled, onOpenChange]
   );
+  const setVisibleRef = useRef(setVisible);
+  setVisibleRef.current = setVisible;
+  const hoverControllerRef = useRef(
+    null
+  );
+  if (hoverControllerRef.current === null) {
+    hoverControllerRef.current = createFloatingHoverDelayController({
+      show: () => setVisibleRef.current(true),
+      hide: () => setVisibleRef.current(false)
+    });
+  }
+  const hoverController = hoverControllerRef.current;
   const restoreTriggerFocus = useCallback(() => {
     const trigger2 = triggerRef.current;
     const target = trigger2?.querySelector(
@@ -43,19 +56,32 @@ function usePopup(options) {
     }, 0);
   }, []);
   const closeAndRestoreFocus = useCallback(() => {
-    setVisible(false);
+    hoverController.closeNow();
     restoreTriggerFocus();
-  }, [restoreTriggerFocus, setVisible]);
+  }, [hoverController, restoreTriggerFocus]);
+  const effectiveTrigger = multiTrigger ? trigger : "click";
   const handleToggle = useCallback(() => {
-    if (!disabled) setVisible(!currentVisible);
-  }, [disabled, currentVisible, setVisible]);
+    if (disabled) return;
+    hoverController.cancel();
+    setVisible(!currentVisible);
+  }, [disabled, currentVisible, setVisible, hoverController]);
   const handleShow = useCallback(() => {
-    if (!disabled) setVisible(true);
-  }, [disabled, setVisible]);
+    if (disabled) return;
+    if (effectiveTrigger === "hover") {
+      hoverController.enter();
+      return;
+    }
+    hoverController.cancel();
+    setVisible(true);
+  }, [disabled, effectiveTrigger, setVisible, hoverController]);
   const handleHide = useCallback(() => {
-    if (!disabled) setVisible(false);
-  }, [disabled, setVisible]);
-  const effectiveTrigger = multiTrigger ? trigger : "click";
+    if (disabled) return;
+    if (effectiveTrigger === "hover") {
+      hoverController.leave();
+      return;
+    }
+    hoverController.closeNow();
+  }, [disabled, effectiveTrigger, hoverController]);
   const overlay = useAnchoredOverlay({
     enabled: currentVisible,
     referenceRef: triggerRef,
@@ -69,10 +95,24 @@ function usePopup(options) {
       if (reason === "escape") {
         closeAndRestoreFocus();
       } else {
-        setVisible(false);
+        hoverController.closeNow();
       }
     }
   });
+  useEffect(() => {
+    if (!multiTrigger || effectiveTrigger !== "hover" || !currentVisible) return;
+    const el = floatingRef.current;
+    if (!el) return;
+    const handleEnter = () => hoverController.enter();
+    const handleLeave = () => hoverController.leave();
+    el.addEventListener("mouseenter", handleEnter);
+    el.addEventListener("mouseleave", handleLeave);
+    return () => {
+      el.removeEventListener("mouseenter", handleEnter);
+      el.removeEventListener("mouseleave", handleLeave);
+    };
+  }, [multiTrigger, effectiveTrigger, currentVisible, hoverController]);
+  useEffect(() => () => hoverController.dispose(), [hoverController]);
   const triggerHandlers = useMemo(() => {
     if (!multiTrigger) {
       return { onClick: handleToggle };

package/dist/{chunk-KP6DEYWB.mjs → chunk-X4L3W7RQ.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-ZG56T75O.mjs";
+} from "./chunk-WTHWLCRL.mjs";
 import {
   renderOverlayPortal
 } from "./chunk-HKAZXG74.mjs";

package/dist/{chunk-ZMRTETN2.mjs → chunk-X6C6MNG5.mjs}

@@ -1,12 +1,12 @@
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartTooltip
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartLegend
 } from "./chunk-F2ITBDUS.mjs";
@@ -87,6 +87,7 @@ var TreeMapChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -200,7 +201,7 @@ var TreeMapChart = ({
       ] })
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+  const tooltip = showTooltip ? /* @__PURE__ */ jsx(
     ChartTooltip,
     {
       content: tooltipContent,

package/dist/{chunk-OGG2TQDG.mjs → chunk-XVHTJQ4T.mjs}

@@ -2,6 +2,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
+  createProgrammaticScrollLock,
   createScrollSpyObserver,
   createScrollSpyPayload,
   flattenScrollSpyItems,
@@ -42,6 +43,7 @@ var ScrollSpy = ({
   const activeKeyString = currentActiveKey === void 0 ? "" : getScrollSpyKeyString(currentActiveKey);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
+  const scrollLockRef = useRef(createProgrammaticScrollLock(() => getContainerRef.current()));
   const onActiveKeyChangeRef = useRef(onActiveKeyChange);
   onActiveKeyChangeRef.current = onActiveKeyChange;
   const emitActive = useCallback(
@@ -68,15 +70,24 @@ var ScrollSpy = ({
       offsetTop,
       targetOffset,
       bounds,
-      onChange: (item) => emitActive(item, "scroll")
+      onChange: (item) => {
+        if (scrollLockRef.current.isLocked()) return;
+        emitActive(item, "scroll");
+      }
     });
   }, [bounds, emitActive, items, offsetTop, targetOffset]);
+  useEffect(() => {
+    return () => {
+      scrollLockRef.current.dispose();
+    };
+  }, []);
   const handleClick = useCallback(
     (item, event) => {
       event.preventDefault();
       if (item.disabled) return;
       onClick?.(item, event);
       emitActive(item, "click");
+      scrollLockRef.current.lock();
       scrollToScrollSpyItem(item, getContainerRef.current(), targetOffset ?? offsetTop);
     },
     [emitActive, offsetTop, onClick, targetOffset]

package/dist/{chunk-FSMJLJFL.mjs → chunk-Y6UH3EKE.mjs}

@@ -1,6 +1,6 @@
 import {
   Pagination
-} from "./chunk-PFL4HNWM.mjs";
+} from "./chunk-M6ZPTGBV.mjs";
 import {
   VirtualList
 } from "./chunk-Y5X3G2LD.mjs";

package/dist/{chunk-7EMCZVJ2.mjs → chunk-YH7FKFRM.mjs}

@@ -1,15 +1,15 @@
 import {
   Table
-} from "./chunk-GCY55TBC.mjs";
+} from "./chunk-2XZHYYZ2.mjs";
 import {
   Select
-} from "./chunk-KVCI2346.mjs";
+} from "./chunk-S2V3HGLZ.mjs";
 import {
   Popover
-} from "./chunk-HOYBHB7B.mjs";
+} from "./chunk-FNK2VWPP.mjs";
 import {
   Input
-} from "./chunk-F6WV53BS.mjs";
+} from "./chunk-3LDDXHW2.mjs";
 import {
   Checkbox
 } from "./chunk-EPWAROC2.mjs";

package/dist/chunk-YJ5T4XZN.mjs

@@ -0,0 +1,81 @@
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
+
+// src/components/Code.tsx
+import { useEffect, useMemo, useState } from "react";
+import {
+  codeBlockPreClasses,
+  copyTextToClipboard,
+  getCodeBlockContainerClasses,
+  getCodeBlockCopyButtonClasses,
+  getCodeLabels,
+  mergeTigerLocale,
+  resolveLocaleText
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Code = ({
+  code,
+  copyable = true,
+  copyLabel,
+  copiedLabel,
+  copyFailedLabel,
+  locale,
+  labels: labelsOverride,
+  onCopy,
+  className,
+  ...props
+}) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getCodeLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const resolvedCopyLabel = resolveLocaleText(labels.copyLabel, copyLabel);
+  const resolvedCopiedLabel = resolveLocaleText(labels.copiedLabel, copiedLabel);
+  const resolvedCopyFailedLabel = resolveLocaleText(labels.copyFailedLabel, copyFailedLabel);
+  const [copyStatus, setCopyStatus] = useState("idle");
+  useEffect(() => {
+    if (copyStatus === "idle") return;
+    const timer = window.setTimeout(() => {
+      setCopyStatus("idle");
+    }, 1500);
+    return () => window.clearTimeout(timer);
+  }, [copyStatus]);
+  const handleCopy = async () => {
+    if (!copyable) return;
+    const ok = await copyTextToClipboard(code);
+    if (ok) {
+      setCopyStatus("copied");
+      onCopy?.(code);
+    } else {
+      setCopyStatus("failed");
+    }
+  };
+  const containerClasses = getCodeBlockContainerClasses(className);
+  const copyButtonClasses = getCodeBlockCopyButtonClasses(copyStatus);
+  const buttonLabel = copyStatus === "failed" ? resolvedCopyFailedLabel : copyStatus === "copied" ? resolvedCopiedLabel : resolvedCopyLabel;
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, ...props, children: [
+    /* @__PURE__ */ jsx("pre", { className: codeBlockPreClasses, children: /* @__PURE__ */ jsx("code", { className: "block", children: code }) }),
+    copyable && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: copyButtonClasses,
+        onClick: handleCopy,
+        "aria-label": buttonLabel,
+        children: buttonLabel
+      }
+    )
+  ] });
+};
+var Code_default = Code;
+
+export {
+  Code,
+  Code_default
+};

package/dist/{chunk-VVNFXJMN.mjs → chunk-YNDPQVEK.mjs}

@@ -58,6 +58,9 @@ var CollapsePanel = ({
       collapseContext.handlePanelClick(panelKey);
     }
   }, [disabled, collapseContext, panelKey]);
+  const handleExtraClick = useCallback((event) => {
+    event.stopPropagation();
+  }, []);
   const handleKeyDown = useCallback(
     (event) => {
       if (disabled) {
@@ -119,7 +122,7 @@ var CollapsePanel = ({
         children: [
           showArrow && collapseContext.expandIconPosition === "start" && arrowIcon,
           /* @__PURE__ */ jsx("span", { className: collapseHeaderTextClasses, children: header }),
-          extra && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: extra }),
+          extra && /* @__PURE__ */ jsx("span", { className: "ml-auto", onClick: handleExtraClick, children: extra }),
           showArrow && collapseContext.expandIconPosition === "end" && arrowIcon
         ]
       }
@@ -131,6 +134,10 @@ var CollapsePanel = ({
         "data-tiger-collapse-content": "",
         className: collapsePanelContentWrapperClasses,
         style: initialContentStyleRef.current,
+        ...!isActive ? {
+          inert: true,
+          "aria-hidden": true
+        } : {},
         children: /* @__PURE__ */ jsx("div", { className: collapsePanelContentBaseClasses, children })
       }
     )

package/dist/{chunk-QGZ32NFQ.mjs → chunk-Z23KOLNU.mjs}

@@ -1,12 +1,12 @@
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartTooltip
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartLegend
 } from "./chunk-F2ITBDUS.mjs";
@@ -86,6 +86,7 @@ var PieChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -288,7 +289,7 @@ var PieChart = ({
     ChartTooltip,
     {
       content: tooltipContent,
-      open: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
+      open: resolvedHoveredIndex !== null && tooltipContent !== "",
       x: tooltipPosition.x,
       y: tooltipPosition.y
     }