@openuidev/react-ui 0.9.16

package/dist/components/Charts/shared/LineInBarShape/LineInBarShape.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+const DEFAULT_STACK_GAP = 1;
+const MIN_LINE_DIMENSION = 8; // For internal line visibility (height/width threshold)
+const MIN_BAR_WIDTH_FOR_LINE = 3; // Minimum bar width to show internal line in vertical mode
+const LINE_PADDING = 6;
+const MIN_GROUP_BAR_HEIGHT = 2; // For vertical bars
+const MIN_STACKED_BAR_HEIGHT = 4; // For vertical bars
+const MIN_BAR_WIDTH = 2; // For horizontal bars
+const LineInBarShape = React.memo((props) => {
+    const { x = 0, y = 0, width = 0, height = 0, fill, radius: r, stroke, strokeWidth, internalLineColor: iLineColor, internalLineWidth: iLineWidth, isHovered, hoveredCategory, categoryKey, payload, variant = "grouped", stackGap = DEFAULT_STACK_GAP, orientation = "vertical", hasNegativeValueInStack, } = props;
+    const isVertical = orientation === "vertical";
+    const isNegative = isVertical ? height < 0 : width < 0;
+    const w = isNegative && !isVertical ? -width : width;
+    const h = isNegative && isVertical ? -height : height;
+    const x_ = isNegative && !isVertical ? x + width : x;
+    const y_ = isNegative && isVertical ? y + height : y;
+    /**
+     * Calculates the corner radii for the bar.
+     * This logic ensures that only the "outer" corners of a bar are rounded,
+     * depending on its orientation (vertical/horizontal) and whether it's a
+     * positive or negative value.
+     *
+     * - For vertical bars, top corners are rounded for positive values, and
+     *   bottom corners for negative values.
+     * - For horizontal bars, right corners are rounded for positive values, and
+     *   left corners for negative values.
+     *
+     * If the bar's dimensions are below a certain threshold, no rounding is applied.
+     * The `radius` prop can be a single number or an array `[rTL, rTR, rBR, rBL]`.
+     */
+    const { rTL, rTR, rBL, rBR } = useMemo(() => {
+        // This code calculates which corners of a bar should be rounded based on several factors:
+        // First check if the bar is too small to have rounded corners
+        const minDimension = isVertical ? MIN_GROUP_BAR_HEIGHT : MIN_BAR_WIDTH;
+        const dimension = isVertical ? h : w;
+        // If bar is too small, return no rounded corners
+        if ((variant === "grouped" && dimension < minDimension) ||
+            (variant === "stacked" && dimension < MIN_STACKED_BAR_HEIGHT)) {
+            return { rTL: 0, rTR: 0, rBL: 0, rBR: 0 };
+        }
+        // Check bar thickness and remove rounded corners if too thin
+        // For vertical bars: check width, for horizontal bars: check height
+        const barThickness = isVertical ? w : h;
+        if (barThickness < 7) {
+            return { rTL: 0, rTR: 0, rBL: 0, rBR: 0 };
+        }
+        // If radius is an array, apply specific radius to each corner
+        if (Array.isArray(r)) {
+            // The radius array is expected to be in the format [rTL, rTR, rBR, rBL].
+            return { rTL: r[0] || 0, rTR: r[1] || 0, rBR: r[2] || 0, rBL: r[3] || 0 };
+        }
+        else if (typeof r === "number") {
+            // If radius is a single number, apply it consistently based on orientation
+            if (isVertical) {
+                if (isNegative)
+                    return { rTL: 0, rTR: 0, rBL: r, rBR: r };
+                return { rTL: r, rTR: r, rBL: 0, rBR: 0 };
+            }
+            // For horizontal bars
+            if (isNegative)
+                return { rTL: r, rTR: 0, rBL: r, rBR: 0 };
+            return { rTL: 0, rTR: r, rBL: 0, rBR: r };
+        }
+        // Default case - no rounded corners
+        return { rTL: 0, rTR: 0, rBL: 0, rBR: 0 };
+    }, [r, variant, h, w, isVertical, isNegative]);
+    // This code calculates the opacity of a bar based on hover state:
+    // - Returns 1 (fully opaque) if:
+    //   - Chart is not being hovered (isHovered is false)
+    //   - No category is being hovered (hoveredCategory is null)
+    //   - Missing required data (payload or categoryKey)
+    // - If chart is being hovered:
+    //   - Returns 1 if this bar's category matches the hovered category
+    //   - Returns 0.4 (40% opacity) if this bar's category doesn't match
+    const opacity = useMemo(() => {
+        if (!isHovered || hoveredCategory === null || !payload || !categoryKey)
+            return 1;
+        return payload[categoryKey] === hoveredCategory ? 1 : 0.4;
+    }, [isHovered, hoveredCategory, payload, categoryKey]);
+    // This code adjusts the dimensions and position of bars in the chart:
+    // - For vertical bars:
+    //   - Reduces height by stackGap if stacked variant
+    //   - Enforces minimum height based on variant (grouped vs stacked)
+    //   - Adjusts Y position for positive values to align from bottom
+    // - For horizontal bars:
+    //   - Reduces width by stackGap if stacked variant
+    //   - Enforces minimum width
+    // Returns adjusted x, y coordinates and dimensions while preserving original values
+    const { adjustedX, adjustedY, adjustedWidth, adjustedHeight } = useMemo(() => {
+        // Initialize final dimensions with original values
+        let finalX = x_; // Starting x position
+        let finalY = y_; // Starting y position
+        let finalWidth = w; // Original width
+        let finalHeight = h; // Original height
+        if (isVertical) {
+            // For vertical bars:
+            // If stacked bars, reduce height by gap between bars
+            if (variant === "stacked" && stackGap > 0) {
+                finalHeight = h - stackGap;
+            }
+            // Enforce minimum height based on variant
+            if (h > 0) {
+                const minHeight = variant === "grouped"
+                    ? MIN_GROUP_BAR_HEIGHT // Minimum 2px for grouped bars
+                    : MIN_STACKED_BAR_HEIGHT - stackGap; // Minimum 4px minus gap for stacked
+                finalHeight = Math.max(finalHeight, minHeight);
+            }
+            // For positive values, adjust Y to align from bottom
+            if (!isNegative) {
+                if (variant === "stacked" && stackGap > 0 && hasNegativeValueInStack) {
+                    finalY = y + h - finalHeight - stackGap;
+                }
+                else {
+                    finalY = y + h - finalHeight;
+                }
+            }
+        }
+        else {
+            // For horizontal bars:
+            // If stacked, reduce width by gap between bars
+            if (variant === "stacked" && stackGap > 0) {
+                finalWidth = w - stackGap;
+            }
+            // Enforce minimum width of 2px
+            if (w > 0) {
+                finalWidth = Math.max(finalWidth, MIN_BAR_WIDTH);
+            }
+        }
+        // Return adjusted dimensions and positions
+        return {
+            adjustedX: finalX,
+            adjustedY: finalY,
+            adjustedWidth: finalWidth,
+            adjustedHeight: finalHeight,
+        };
+    }, [variant, stackGap, x, y, w, h, isVertical, isNegative, x_, y_]);
+    /**
+     * Generates the SVG path for the bar.
+     * This code creates the SVG path string for a bar with rounded corners.
+     * The path drawing logic changes based on:
+     * 1. Bar orientation (vertical vs horizontal)
+     * 2. Value sign (positive vs negative)
+     *
+     * The SVG path is drawn using commands:
+     * - M x,y: Move to point (x,y) without drawing
+     * - L x,y: Draw line to point (x,y)
+     * - A rx,ry angle,large-arc,sweep x,y: Draw arc with radius rx,ry to point (x,y)
+     *   The arc parameters control:
+     *   - angle: rotation of arc (0 = no rotation)
+     *   - large-arc: 0 = small arc, 1 = large arc
+     *   - sweep: 0 = counter-clockwise, 1 = clockwise
+     * - Z: Close path by drawing line back to start
+     *
+     * For rounded corners, we:
+     * 1. Move to start point
+     * 2. Draw straight edges
+     * 3. For each corner that should be rounded:
+     *    - Stop short of corner by radius amount
+     *    - Draw arc with specified radius to next edge
+     *    - Continue with straight edges
+     * 4. Close path
+     */
+    const path = useMemo(() => {
+        // This code generates SVG path strings to draw bars with rounded corners
+        // The path drawing logic changes based on:
+        // 1. Bar orientation (vertical vs horizontal)
+        // 2. Value sign (positive vs negative)
+        if (isVertical) {
+            // For vertical bars
+            if (isNegative) {
+                // Draw downward pointing bar with rounded bottom corners if specified
+                // This path draws a vertical bar with rounded bottom corners for negative values
+                // Here's how each command works:
+                // 1. M ${x},${adjustedY} - Move to top-left corner
+                // 2. L ${x + adjustedWidth},${adjustedY} - Draw line to top-right corner
+                // 3. L ${x + adjustedWidth},${adjustedY + adjustedHeight - rBR} - Draw line down right side, stopping before bottom-right corner
+                // 4. If bottom-right radius (rBR) > 0:
+                //    A ${rBR},${rBR} 0 0 1 ${x + adjustedWidth - rBR},${adjustedY + adjustedHeight}
+                //    Draw arc: radius rBR, no rotation (0), small arc (0), clockwise (1), end at bottom-right rounded corner
+                //    Else: Draw straight line to bottom-right corner
+                // 5. L ${x + rBL},${adjustedY + adjustedHeight} - Draw line left along bottom, stopping before bottom-left corner
+                // 6. If bottom-left radius (rBL) > 0:
+                //    A ${rBL},${rBL} 0 0 1 ${x},${adjustedY + adjustedHeight - rBL}
+                //    Draw arc: radius rBL, no rotation (0), small arc (0), clockwise (1), end at bottom-left rounded corner
+                //    Else: Draw straight line to bottom-left corner
+                // 7. Z - Close path by drawing line back to start
+                return `
+          M ${x},${adjustedY}
+          L ${x + adjustedWidth},${adjustedY}
+          L ${x + adjustedWidth},${adjustedY + adjustedHeight - rBR}
+          ${rBR > 0 ? `A ${rBR},${rBR} 0 0 1 ${x + adjustedWidth - rBR},${adjustedY + adjustedHeight}` : `L ${x + adjustedWidth},${adjustedY + adjustedHeight}`}
+          L ${x + rBL},${adjustedY + adjustedHeight}
+          ${rBL > 0 ? `A ${rBL},${rBL} 0 0 1 ${x},${adjustedY + adjustedHeight - rBL}` : `L ${x},${adjustedY + adjustedHeight}`}
+          Z`;
+            }
+            // Draw upward pointing bar with rounded top corners if specified
+            return `
+        M ${x},${adjustedY + rTL}
+        ${rTL > 0 ? `A ${rTL},${rTL} 0 0 1 ${x + rTL},${adjustedY}` : `L ${x},${adjustedY}`}
+        L ${x + adjustedWidth - rTR},${adjustedY}
+        ${rTR > 0 ? `A ${rTR},${rTR} 0 0 1 ${x + adjustedWidth},${adjustedY + rTR}` : `L ${x + adjustedWidth},${adjustedY}`}
+        L ${x + adjustedWidth},${adjustedY + adjustedHeight}
+        L ${x},${adjustedY + adjustedHeight}
+        Z`;
+        }
+        // For horizontal bars
+        if (isNegative) {
+            // Draw leftward pointing bar with rounded left corners if specified
+            return `
+      M ${adjustedX + rTL},${y}
+      ${rTL > 0 ? `A ${rTL},${rTL} 0 0 0 ${adjustedX},${y + rTL}` : `L ${adjustedX},${y}`}
+      L ${adjustedX},${y + height - rBL}
+      ${rBL > 0 ? `A ${rBL},${rBL} 0 0 0 ${adjustedX + rBL},${y + height}` : `L ${adjustedX},${y + height}`}
+      L ${adjustedX + adjustedWidth},${y + height}
+      L ${adjustedX + adjustedWidth},${y}
+      Z`;
+        }
+        // Draw rightward pointing bar with rounded right corners if specified
+        return `
+      M ${adjustedX},${y}
+      L ${adjustedX + adjustedWidth - rTR},${y}
+      ${rTR > 0 ? `A ${rTR},${rTR} 0 0 1 ${adjustedX + adjustedWidth},${y + rTR}` : `L ${adjustedX + adjustedWidth},${y}`}
+      L ${adjustedX + adjustedWidth},${y + height - rBR}
+      ${rBR > 0 ? `A ${rBR},${rBR} 0 0 1 ${adjustedX + adjustedWidth - rBR},${y + height}` : `L ${adjustedX + adjustedWidth},${y + height}`}
+      L ${adjustedX},${y + height}
+      Z`;
+    }, [
+        x,
+        y,
+        adjustedX,
+        adjustedY,
+        adjustedWidth,
+        adjustedHeight,
+        height,
+        rTL,
+        rTR,
+        rBL,
+        rBR,
+        isVertical,
+        isNegative,
+    ]);
+    const lineCoords = useMemo(() => {
+        if (isVertical) {
+            // For vertical bars: hide line if bar width < 3px (too thin) OR height < 8px (too short)
+            // This ensures thin bars don't have a visible internal line that looks awkward
+            if (width <= 0 || width < MIN_BAR_WIDTH_FOR_LINE || adjustedHeight < MIN_LINE_DIMENSION) {
+                return null;
+            }
+            const centerX = x + width / 2;
+            return {
+                x1: centerX,
+                y1: adjustedY + LINE_PADDING,
+                x2: centerX,
+                y2: adjustedY + adjustedHeight - LINE_PADDING,
+            };
+        }
+        // Horizontal bars: hide line if width < 8px OR height <= 0
+        if (adjustedWidth < MIN_LINE_DIMENSION || height <= 0)
+            return null;
+        const centerY = y + height / 2;
+        return {
+            x1: adjustedX + LINE_PADDING,
+            y1: centerY,
+            x2: adjustedX + adjustedWidth - LINE_PADDING,
+            y2: centerY,
+        };
+    }, [x, y, adjustedX, adjustedY, width, height, adjustedWidth, adjustedHeight, isVertical]);
+    return (_jsxs("g", { children: [_jsx("path", { d: path, fill: fill, stroke: stroke, strokeWidth: strokeWidth, opacity: opacity }), lineCoords && (_jsx("line", { x1: lineCoords.x1, y1: lineCoords.y1, x2: lineCoords.x2, y2: lineCoords.y2, stroke: iLineColor, strokeWidth: iLineWidth, strokeLinecap: "round", opacity: opacity }))] }));
+});
+LineInBarShape.displayName = "LineInBarShape";
+export { LineInBarShape };
+//# sourceMappingURL=LineInBarShape.js.map

package/dist/components/Charts/shared/LineInBarShape/LineInBarShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineInBarShape.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LineInBarShape/LineInBarShape.tsx"],"names":[],"mappings":"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"}

package/dist/components/Charts/shared/LineInBarShape/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LineInBarShape";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/shared/LineInBarShape/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LineInBarShape/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/Charts/shared/LineInBarShape/index.js

@@ -0,0 +1,2 @@
+export * from "./LineInBarShape";
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/shared/LineInBarShape/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LineInBarShape/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/CustomTooltipContent.d.ts

@@ -0,0 +1,14 @@
+import * as RechartsPrimitive from "recharts";
+type CustomTooltipContentProps = React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    showPercentage?: boolean;
+    portalContainer?: React.RefObject<HTMLElement | null>;
+    parentRef: React.RefObject<HTMLElement | null>;
+};
+export declare const CustomTooltipContent: import("react").NamedExoticComponent<Omit<CustomTooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=CustomTooltipContent.d.ts.map

package/dist/components/Charts/shared/PortalTooltip/CustomTooltipContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltipContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/CustomTooltipContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAQ9C,KAAK,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACrF,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAChD,CAAC;AA+PJ,eAAO,MAAM,oBAAoB,8HAA+C,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/CustomTooltipContent.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, memo, useEffect, useMemo, useState } from "react";
+import { ChartStyle, getPayloadConfigFromPayload, useChart } from "../../../Charts/Charts";
+import { useSideBarTooltip } from "../../context/SideBarTooltipContext";
+import { FloatingUIPortal } from "./FloatingUIPortal";
+import { tooltipNumberFormatter } from "./utils";
+const DEFAULT_INDICATOR = "dot";
+/**
+ * Custom tooltip content component for floating tooltips
+ * Mirrors the functionality of ChartTooltipContent but works with FloatingUIPortal
+ */
+function CustomTooltipContentRender(props, ref) {
+    const { active, payload, className, indicator = DEFAULT_INDICATOR, hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, showPercentage = false, portalContainer, parentRef, } = props;
+    const { config, id } = useChart();
+    const { isSideBarTooltipOpen } = useSideBarTooltip();
+    const isGreaterThanTen = !!(payload?.length && payload.length > 10);
+    const remainingItems = payload && isGreaterThanTen ? payload.length - 5 : 0;
+    // this state is used to forcefully hide the tooltip when the user touches outside of the parent element
+    // this is not handled by recharts
+    const [forcefullyHideTooltip, setForcefullyHideTooltip] = useState(false);
+    const [parentScrollPosition, setParentScrollPosition] = useState({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+    });
+    const tooltipLabel = useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+        // this is active when we pass a labelFormatter prop to the recharts tooltip
+        // normally we would not need this, but it's useful for customizing the label
+        if (labelFormatter) {
+            return (_jsx("div", { className: clsx("openui-chart-tooltip-label-heavy", labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return _jsx("div", { className: clsx("openui-chart-tooltip-label", labelClassName), children: value });
+    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+    const nestLabel = useMemo(() => payload?.length === 1 && indicator !== DEFAULT_INDICATOR, [payload?.length, indicator]);
+    const payloadItems = useMemo(() => {
+        if (!payload?.length) {
+            return [];
+        }
+        const renderPayloadItem = (item, index, isTwoItemsLayout) => {
+            const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = (color ?? item.payload?.fill) || item.color;
+            return (_jsxs("div", { className: clsx("openui-chart-tooltip-content-item", !isTwoItemsLayout &&
+                    indicator === DEFAULT_INDICATOR &&
+                    "openui-chart-tooltip-content-item--dot"), children: [formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: clsx("openui-chart-tooltip-content-indicator", `openui-chart-tooltip-content-indicator--${indicator}`, isTwoItemsLayout && "openui-chart-tooltip-content-indicator--two-items"), style: {
+                                    "--color-bg": indicatorColor,
+                                    "--color-border": indicatorColor,
+                                } }))), _jsxs("div", { className: clsx("openui-chart-tooltip-content-value-wrapper", isTwoItemsLayout && "openui-chart-tooltip-content-value-wrapper--vertical", nestLabel
+                                    ? "openui-chart-tooltip-content-value-wrapper--nested"
+                                    : "openui-chart-tooltip-content-value-wrapper--standard"), children: [_jsxs("div", { className: "openui-chart-tooltip-content-label", children: [nestLabel && tooltipLabel, _jsx("span", { children: itemConfig?.label || item.name })] }), item.value !== undefined && (_jsxs("span", { className: clsx("openui-chart-tooltip-content-value", showPercentage && "percentage"), children: [typeof item.value === "number"
+                                                ? tooltipNumberFormatter(item.value)
+                                                : item.value, showPercentage ? "%" : ""] }))] })] })), _jsx("div", { className: "openui-chart-tooltip-content-item-separator" })] }, `${item.dataKey}-${index}`));
+        };
+        // Handle two items layout
+        if (payload.length <= 2) {
+            return payload.map((item, index) => renderPayloadItem(item, index, true));
+        }
+        // Handle regular layout with potential truncation
+        const morphPayload = isGreaterThanTen ? payload.slice(0, 5) : payload;
+        return morphPayload.map((item, index) => renderPayloadItem(item, index, false));
+    }, [
+        payload,
+        nameKey,
+        config,
+        color,
+        indicator,
+        formatter,
+        hideIndicator,
+        nestLabel,
+        tooltipLabel,
+        showPercentage,
+    ]);
+    useEffect(() => {
+        const parent = parentRef.current;
+        if (!parent) {
+            return;
+        }
+        const touchHandler = (e) => {
+            for (let i = 0; i < e.targetTouches.length; i++) {
+                const target = e.targetTouches[i].target;
+                if (!parent.contains(target)) {
+                    setForcefullyHideTooltip(true);
+                    return;
+                }
+            }
+            setForcefullyHideTooltip(false);
+        };
+        document.body.addEventListener("touchstart", touchHandler);
+        const scrollHandler = () => {
+            setParentScrollPosition({
+                x: parent.scrollLeft,
+                y: parent.scrollTop,
+                width: parent.clientWidth,
+                height: parent.clientHeight,
+            });
+        };
+        parent.addEventListener("scroll", scrollHandler);
+        setParentScrollPosition({
+            x: parent.scrollLeft,
+            y: parent.scrollTop,
+            width: parent.clientWidth,
+            height: parent.clientHeight,
+        });
+        return () => {
+            document.body.removeEventListener("touchstart", touchHandler);
+            parent.removeEventListener("scroll", scrollHandler);
+        };
+    }, [parentRef.current]);
+    // Early return for inactive or empty payload - moved after all hooks
+    if (!active || !payload?.length || isSideBarTooltipOpen || forcefullyHideTooltip) {
+        return null;
+    }
+    const tooltipContent = (_jsxs("div", { ref: ref, className: clsx("openui-chart-tooltip", className), children: [!nestLabel && tooltipLabel, _jsx("div", { className: "openui-chart-tooltip-content-item-separator" }), _jsx("div", { className: "openui-chart-tooltip-content", children: payloadItems }), isGreaterThanTen && _jsx("div", { className: "openui-chart-tooltip-content-item-separator" }), isGreaterThanTen && (_jsxs("div", { className: "openui-chart-tooltip-content-view-more", children: ["Click to view all ", remainingItems] }))] }));
+    const coordinates = { x: props.coordinate?.x ?? 0, y: props.coordinate?.y ?? 0 };
+    if (parentScrollPosition.x > coordinates.x ||
+        parentScrollPosition.y > coordinates.y ||
+        parentScrollPosition.width + parentScrollPosition.x < coordinates.x ||
+        parentScrollPosition.height + parentScrollPosition.y < coordinates.y) {
+        return null;
+    }
+    return (_jsxs(FloatingUIPortal, { chartId: id, portalContainer: portalContainer, position: props.coordinate, children: [_jsx(ChartStyle, { id: id, config: config }), tooltipContent] }));
+}
+export const CustomTooltipContent = memo(forwardRef(CustomTooltipContentRender));
+CustomTooltipContent.displayName = "CustomTooltipContent";
+//# sourceMappingURL=CustomTooltipContent.js.map

package/dist/components/Charts/shared/PortalTooltip/CustomTooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltipContent.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/CustomTooltipContent.tsx"],"names":[],"mappings":"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"}

package/dist/components/Charts/shared/PortalTooltip/FloatingUIPortal.d.ts

@@ -0,0 +1,17 @@
+import type { Placement } from "@floating-ui/react-dom";
+import React from "react";
+interface FloatingUIPortalProps {
+    children: React.ReactNode;
+    className?: string;
+    chartId?: string;
+    portalContainer?: React.RefObject<HTMLElement | null>;
+    position?: Partial<{
+        x: number;
+        y: number;
+    }>;
+    placement?: Placement;
+    offsetDistance?: number;
+}
+export declare const FloatingUIPortal: React.FC<FloatingUIPortalProps>;
+export {};
+//# sourceMappingURL=FloatingUIPortal.d.ts.map

package/dist/components/Charts/shared/PortalTooltip/FloatingUIPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingUIPortal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/FloatingUIPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8C5D,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/FloatingUIPortal.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { autoUpdate, flip, hide, offset, useFloating } from "@floating-ui/react-dom";
+import clsx from "clsx";
+import { useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useTheme } from "../../../ThemeProvider";
+export const FloatingUIPortal = ({ children, className = "", chartId, portalContainer, position, placement = "right-start", offsetDistance = 20, }) => {
+    const { refs, floatingStyles, update } = useFloating({
+        placement,
+        middleware: [offset(offsetDistance), flip(), hide()],
+        whileElementsMounted: autoUpdate,
+    });
+    const { portalThemeClassName } = useTheme();
+    useEffect(() => {
+        if (position) {
+            update();
+        }
+    }, [position, update]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: refs.setReference, style: {
+                    position: "absolute",
+                    top: position?.y,
+                    left: position?.x,
+                } }), createPortal(_jsx("div", { ref: refs.setFloating, className: clsx("openui-portal-tooltip", portalThemeClassName, className), "data-chart": chartId, style: floatingStyles, children: children }), portalContainer?.current || document.body)] }));
+};
+//# sourceMappingURL=FloatingUIPortal.js.map

package/dist/components/Charts/shared/PortalTooltip/FloatingUIPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingUIPortal.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/FloatingUIPortal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAYlD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,EACP,eAAe,EACf,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,cAAc,GAAG,EAAE,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;QACnD,SAAS;QACT,UAAU,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;QACpD,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,EAAE,oBAAoB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,8BACE,cACE,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,QAAQ,EAAE,CAAC;oBAChB,IAAI,EAAE,QAAQ,EAAE,CAAC;iBAClB,GACD,EACD,YAAY,CACX,cACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,EAAE,SAAS,CAAC,gBAC7D,OAAO,EACnB,KAAK,EAAE,cAAc,YAEpB,QAAQ,GACL,EACN,eAAe,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,CAC1C,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { CustomTooltipContent } from "./CustomTooltipContent";
+export { FloatingUIPortal } from "./FloatingUIPortal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/shared/PortalTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/index.js

@@ -0,0 +1,3 @@
+export { CustomTooltipContent } from "./CustomTooltipContent";
+export { FloatingUIPortal } from "./FloatingUIPortal";
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/shared/PortalTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/PortalTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/portalTooltip.css

@@ -0,0 +1 @@
+.openui-portal-tooltip{pointer-events:none;z-index:1000;position:absolute}.openui-chart-tooltip{display:grid;align-items:start;min-width:128px;max-width:240px;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);border-radius:var(--openui-radius-l, 10px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));text-transform:capitalize}.openui-chart-tooltip-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-label-heavy{font:var(--openui-text-label-xs-heavy);letter-spacing:var(--openui-text-label-xs-heavy-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content{display:grid;align-items:start;min-width:128px;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));text-transform:capitalize}.openui-chart-tooltip-content-item{display:flex;width:100%;flex-wrap:wrap;gap:var(--openui-space-xs, 6px);align-items:flex-start}.openui-chart-tooltip-content-item--dot{align-items:center}.openui-chart-tooltip-content-item svg{height:10px;width:10px;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-tooltip-content-indicator{flex-shrink:0;border-radius:var(--openui-radius-2xs, 2px)}.openui-chart-tooltip-content-indicator--dot{height:10px;width:10px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--line{width:4px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--dashed{width:0;border:1.5px dashed var(--color-border);background-color:rgba(0,0,0,0)}.openui-chart-tooltip-content-indicator--nested-dashed{margin:var(--openui-space-3xs, 2px) 0}.openui-chart-tooltip-content-indicator--two-items{margin-top:2px}.openui-chart-tooltip-content-value-wrapper{display:flex;flex:1;gap:var(--openui-space-s, 8px);justify-content:space-between;line-height:1}.openui-chart-tooltip-content-value-wrapper--nested{align-items:flex-end}.openui-chart-tooltip-content-value-wrapper--standard{align-items:center}.openui-chart-tooltip-content-value-wrapper--vertical{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--openui-space-2xs, 4px)}.openui-chart-tooltip-content-label{display:grid;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing)}.openui-chart-tooltip-content-label span{display:block;overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content-value{font-variant-numeric:tabular-nums;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-chart-tooltip-content-value--percentage{padding-left:var(--openui-space-s, 8px)}.openui-chart-tooltip-content-item-separator{width:100%;height:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));margin:0}.openui-chart-tooltip-content-item:last-child .openui-chart-tooltip-content-item-separator{display:none}.openui-chart-tooltip-content-view-more{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow-wrap:break-word;word-break:break-word}

package/dist/components/Charts/shared/PortalTooltip/utils/index.d.ts

@@ -0,0 +1,3 @@
+declare const tooltipNumberFormatter: (value: number) => string;
+export { tooltipNumberFormatter };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/shared/PortalTooltip/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Charts/shared/PortalTooltip/utils/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,GAAI,OAAO,MAAM,WAqB5C,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/Charts/shared/PortalTooltip/utils/index.js

@@ -0,0 +1,19 @@
+const tooltipNumberFormatter = (value) => {
+    const isNegative = value < 0;
+    const absValue = Math.abs(value);
+    if (absValue < 100000) {
+        return (isNegative ? "-" : "") + absValue.toLocaleString();
+    }
+    const units = ["", "K", "M", "B", "T"];
+    let unitIndex = 0;
+    let scaledValue = absValue;
+    while (scaledValue >= 1000 && unitIndex < units.length - 1) {
+        scaledValue /= 1000;
+        unitIndex++;
+    }
+    // Format with at most 1 decimal place
+    const formattedValue = Math.floor(scaledValue * 10) / 10;
+    return (isNegative ? "-" : "") + `${formattedValue}${units[unitIndex]}`;
+};
+export { tooltipNumberFormatter };
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/shared/PortalTooltip/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Charts/shared/PortalTooltip/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/C,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAEjC,IAAI,QAAQ,GAAG,MAAM,EAAE,CAAC;QACtB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC7D,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IACvC,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,WAAW,GAAG,QAAQ,CAAC;IAE3B,OAAO,WAAW,IAAI,IAAI,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3D,WAAW,IAAI,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC;IACd,CAAC;IAED,sCAAsC;IACtC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IAEzD,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;AAC1E,CAAC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/Charts/shared/SVGXAxisTick/SVGXAxisTick.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export type SVGXAxisTickVariant = "singleLine" | "angled";
+interface SVGXAxisTickProps {
+    x?: number;
+    y?: number;
+    payload?: {
+        value: any;
+    };
+    className?: string;
+    angle?: number;
+    textAnchor?: "start" | "middle" | "end";
+    tickFormatter?: (value: any) => string;
+    dy?: number;
+}
+declare const SVGXAxisTick: React.ForwardRefExoticComponent<SVGXAxisTickProps & React.RefAttributes<SVGTextElement>>;
+export { SVGXAxisTick };
+export type { SVGXAxisTickProps };
+//# sourceMappingURL=SVGXAxisTick.d.ts.map

package/dist/components/Charts/shared/SVGXAxisTick/SVGXAxisTick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGXAxisTick.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/SVGXAxisTick/SVGXAxisTick.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE1D,UAAU,iBAAiB;IACzB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,YAAY,0FA2ChB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}