@openuidev/react-ui 0.9.16

package/dist/components/Charts/HorizontalBarChart/HorizontalBarChart.js

@@ -0,0 +1,238 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Bar, BarChart as RechartsBarChart, XAxis, YAxis } from "recharts";
+import { usePrintContext } from "../../../context/PrintContext";
+import { useTheme } from "../../ThemeProvider";
+import { ChartContainer, ChartTooltip } from "../Charts";
+import { SideBarTooltipProvider } from "../context/SideBarTooltipContext";
+import { useExportChartData, useTransformedKeys } from "../hooks";
+import { useHorizontalBarLabelHeight } from "../hooks/useMaxLabelHeight";
+import { CustomTooltipContent, DefaultLegend, SideBarTooltip, SVGXAxisTick, verticalCartesianGrid, YAxisTick, } from "../shared";
+import { ScrollButtonsVertical } from "../shared/ScrollButtonsVertical";
+import { useChartPalette } from "../utils/PalletUtils";
+import { LabelTooltipProvider } from "../shared/LabelTooltip/LabelTooltip";
+import { findNearestSnapPosition, getBarStackInfo, getRadiusArray, } from "../utils/BarCharts/BarChartsUtils";
+import { get2dChartConfig, getColorForDataKey, getDataKeys, getLegendItems, } from "../utils/dataUtils";
+import { numberTickFormatter } from "../utils/styleUtils";
+import { CustomBarShape } from "./components/CustomBarShape";
+import { useMaxCategoryLabelWidth } from "./hooks/useMaxCategoryLabelWidth";
+import { BAR_GAP, BAR_HEIGHT, getHeightOfData, getPadding, getSnapPositions, } from "./utils/HorizontalBarChartUtils";
+const X_AXIS_HEIGHT = 40; // Height of X-axis chart when shown
+const BAR_CATEGORY_GAP = "20%"; // Gap between categories
+const BAR_INTERNAL_LINE_WIDTH = 1;
+const BAR_RADIUS = 4;
+const HorizontalBarChartComponent = ({ data, categoryKey, theme = "ocean", customPalette, variant = "grouped", grid = true, icons = {}, radius = BAR_RADIUS, isAnimationActive = false, showXAxis = true, xAxisLabel, yAxisLabel, legend = true, className, height, width, }) => {
+    const printContext = usePrintContext();
+    isAnimationActive = printContext ? false : isAnimationActive;
+    const maxCategoryLabelWidth = useMaxCategoryLabelWidth(data, categoryKey);
+    const chartContainerRef = useRef(null);
+    const mainContainerRef = useRef(null);
+    const [containerWidth, setContainerWidth] = useState(0);
+    const [canScrollUp, setCanScrollUp] = useState(false);
+    const [canScrollDown, setCanScrollDown] = useState(false);
+    const [hoveredCategory, setHoveredCategory] = useState(null);
+    const [isLegendExpanded, setIsLegendExpanded] = useState(false);
+    const [isSideBarTooltipOpen, setIsSideBarTooltipOpen] = useState(false);
+    const [sideBarTooltipData, setSideBarTooltipData] = useState({
+        title: "",
+        values: [],
+    });
+    // Calculate chart width for internal calculations (legend, xAxis, etc.)
+    const effectiveWidth = useMemo(() => {
+        return width ?? containerWidth;
+    }, [width, containerWidth]);
+    // Calculate label height for better group height calculation
+    // Use chart width for label height calculation since labels span full width
+    const labelHeight = useHorizontalBarLabelHeight(data, categoryKey, effectiveWidth);
+    const dataKeys = useMemo(() => {
+        return getDataKeys(data, categoryKey);
+    }, [data, categoryKey]);
+    const transformedKeys = useTransformedKeys(dataKeys);
+    const colors = useChartPalette({
+        chartThemeName: theme,
+        customPalette,
+        themePaletteName: "barChartPalette",
+        dataLength: dataKeys.length,
+    });
+    const chartConfig = useMemo(() => {
+        return get2dChartConfig(dataKeys, colors, transformedKeys, undefined, icons);
+    }, [dataKeys, icons, colors, transformedKeys]);
+    // Use provided height or observed height
+    const effectiveHeight = useMemo(() => {
+        return height ?? 296 + X_AXIS_HEIGHT;
+    }, [height]);
+    // Calculate effective container height (excluding X-axis)
+    const effectiveContainerHeight = useMemo(() => {
+        const xAxisHeight = showXAxis ? X_AXIS_HEIGHT : 0;
+        return Math.max(0, effectiveHeight - xAxisHeight);
+    }, [effectiveHeight, showXAxis]);
+    const padding = useMemo(() => {
+        return getPadding(data, categoryKey, effectiveContainerHeight, variant, labelHeight);
+    }, [data, categoryKey, effectiveContainerHeight, variant, labelHeight]);
+    const dataHeight = useMemo(() => {
+        return getHeightOfData(data, categoryKey, variant, labelHeight);
+    }, [data, categoryKey, variant, labelHeight]);
+    // Calculate snap positions for proper group alignment
+    const snapPositions = useMemo(() => {
+        return getSnapPositions(data, categoryKey, variant, labelHeight);
+    }, [data, categoryKey, variant, labelHeight]);
+    // Check scroll boundaries
+    const updateScrollState = useCallback(() => {
+        if (mainContainerRef.current) {
+            const { scrollTop, scrollHeight, clientHeight } = mainContainerRef.current;
+            setCanScrollUp(scrollTop > 0);
+            setCanScrollDown(scrollTop < scrollHeight - clientHeight - 1);
+        }
+    }, []);
+    const scrollUp = useCallback(() => {
+        if (mainContainerRef.current) {
+            const currentScroll = mainContainerRef.current.scrollTop;
+            const targetIndex = findNearestSnapPosition(snapPositions, currentScroll, "up");
+            const targetPosition = snapPositions[targetIndex] ?? 0;
+            mainContainerRef.current.scrollTo({
+                top: targetPosition,
+                behavior: "smooth",
+            });
+        }
+    }, [snapPositions]);
+    const scrollDown = useCallback(() => {
+        if (mainContainerRef.current) {
+            const currentScroll = mainContainerRef.current.scrollTop;
+            const targetIndex = findNearestSnapPosition(snapPositions, currentScroll, "down");
+            const targetPosition = snapPositions[targetIndex] ?? 0;
+            mainContainerRef.current.scrollTo({
+                top: targetPosition,
+                behavior: "smooth",
+            });
+        }
+    }, [snapPositions]);
+    useEffect(() => {
+        // Set up ResizeObserver if height or width is not provided
+        if (!chartContainerRef.current) {
+            return () => { };
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                if (!width) {
+                    setContainerWidth(entry.contentRect.width);
+                }
+            }
+        });
+        resizeObserver.observe(chartContainerRef.current);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [height, width]);
+    // Update scroll state when container dimensions or data height changes
+    useEffect(() => {
+        updateScrollState();
+    }, [effectiveContainerHeight, dataHeight, containerWidth, updateScrollState]);
+    useEffect(() => {
+        setIsSideBarTooltipOpen(false);
+        setIsLegendExpanded(false);
+    }, [dataKeys]);
+    // Add scroll event listener to update button states
+    useEffect(() => {
+        const mainContainer = mainContainerRef.current;
+        if (!mainContainer)
+            return;
+        const handleScroll = () => {
+            updateScrollState();
+        };
+        mainContainer.addEventListener("scroll", handleScroll);
+        return () => {
+            mainContainer.removeEventListener("scroll", handleScroll);
+        };
+    }, [updateScrollState]);
+    // Memoize legend items creation
+    const legendItems = useMemo(() => {
+        return getLegendItems(dataKeys, colors, icons);
+    }, [dataKeys, colors, icons]);
+    const exportData = useExportChartData({
+        type: "bar",
+        data,
+        categoryKey: categoryKey,
+        dataKeys,
+        colors,
+        legend,
+        xAxisLabel,
+        yAxisLabel,
+        extraOptions: {
+            barDir: "bar",
+        },
+    });
+    const id = useId();
+    const xAxis = useMemo(() => {
+        if (!showXAxis) {
+            return null;
+        }
+        return (_jsx("div", { className: "openui-horizontal-bar-chart-x-axis-container", children: _jsx(ChartContainer, { config: chartConfig, style: { width: "100%", height: X_AXIS_HEIGHT }, rechartsProps: {
+                    height: X_AXIS_HEIGHT,
+                }, children: _jsxs(RechartsBarChart, { data: data, layout: "vertical", margin: {
+                        top: 0,
+                        bottom: 0,
+                        left: 5,
+                        right: 2,
+                    }, stackOffset: "sign", children: [_jsx(XAxis, { type: "number", height: X_AXIS_HEIGHT, tickLine: false, axisLine: false, tickFormatter: numberTickFormatter, tick: _jsx(SVGXAxisTick, {}) }), dataKeys.map((key) => {
+                            return (_jsx(Bar, { dataKey: key, fill: "transparent", stackId: variant === "stacked" ? "a" : undefined, isAnimationActive: false, maxBarSize: 0 }, `x-axis-horizontal-bar-chart-${key}`));
+                        })] }, `x-axis-horizontal-bar-chart-${id}`) }) }));
+    }, [showXAxis, chartConfig, data, dataKeys, variant, id]);
+    // Handle mouse events for group hovering
+    const handleChartMouseMove = useCallback((state) => {
+        if (state && state.activeLabel !== undefined) {
+            setHoveredCategory(state.activeLabel);
+        }
+    }, []);
+    const handleChartMouseLeave = useCallback(() => {
+        setHoveredCategory(null);
+    }, []);
+    const { mode } = useTheme();
+    const barInternalLineColor = useMemo(() => {
+        if (mode === "light") {
+            return "rgba(255, 255, 255, 0.3)";
+        }
+        return "rgba(0, 0, 0, 0.3)";
+    }, [mode]);
+    const onBarsClick = useCallback((data) => {
+        if (data?.activePayload?.length && data.activePayload.length > 10) {
+            setIsSideBarTooltipOpen(true);
+            setSideBarTooltipData({
+                title: data.activeLabel,
+                values: data.activePayload.map((payload) => ({
+                    value: payload.value,
+                    label: payload.name || payload.dataKey,
+                    color: getColorForDataKey(payload.dataKey, dataKeys, colors),
+                })),
+            });
+        }
+    }, [dataKeys, colors]);
+    const setLabelWidth = useCallback(() => { }, []);
+    return (_jsx(LabelTooltipProvider, { children: _jsx(SideBarTooltipProvider, { isSideBarTooltipOpen: isSideBarTooltipOpen, setIsSideBarTooltipOpen: setIsSideBarTooltipOpen, data: sideBarTooltipData, setData: setSideBarTooltipData, children: _jsxs("div", { className: clsx("openui-horizontal-bar-chart-container", className), "data-openui-chart": exportData, children: [_jsxs("div", { className: "openui-horizontal-bar-chart-container-inner-wrapper", style: {
+                            height: height ? `${height}px` : effectiveHeight,
+                        }, children: [_jsxs("div", { className: "openui-horizontal-bar-chart-container-inner", ref: chartContainerRef, children: [_jsx("div", { className: "openui-horizontal-bar-chart-main-container", ref: mainContainerRef, children: _jsx(ChartContainer, { config: chartConfig, style: { height: dataHeight, minHeight: "100%", width: "100%" }, children: _jsxs(RechartsBarChart, { accessibilityLayer: true, data: data, layout: "vertical", onClick: onBarsClick, onMouseMove: handleChartMouseMove, onMouseLeave: handleChartMouseLeave, barGap: BAR_GAP, barCategoryGap: BAR_CATEGORY_GAP, margin: {
+                                                    top: 0,
+                                                    bottom: 0,
+                                                    left: 2,
+                                                    right: 2,
+                                                }, stackOffset: "sign", children: [grid && verticalCartesianGrid(), _jsx(XAxis, { type: "number", tickLine: false, axisLine: false, hide: true }), _jsx(YAxis, { type: "category", dataKey: categoryKey, tickLine: false, axisLine: false, width: maxCategoryLabelWidth, tick: _jsx(YAxisTick, { setLabelWidth: setLabelWidth }), interval: 0, 
+                                                        // gives the padding on the 2 sides see the function for reference
+                                                        padding: padding, hide: true }), _jsx(ChartTooltip, { cursor: {
+                                                            fill: "var(--openui-highlight)",
+                                                            stroke: "var(--openui-stroke-default)",
+                                                            opacity: 1,
+                                                            strokeWidth: 1,
+                                                        }, content: _jsx(CustomTooltipContent, { parentRef: mainContainerRef }), offset: 15 }), dataKeys.map((key, index) => {
+                                                        const transformedKey = transformedKeys[key];
+                                                        const color = `var(--color-${transformedKey})`;
+                                                        return (_jsx(Bar, { dataKey: key, fill: color, stackId: variant === "stacked" ? "a" : undefined, isAnimationActive: isAnimationActive, maxBarSize: BAR_HEIGHT, barSize: BAR_HEIGHT, shape: (props) => {
+                                                                const { payload, value, dataKey } = props;
+                                                                const { isNegative, isFirstInStack, isLastInStack } = getBarStackInfo(variant, value, dataKey, payload, dataKeys);
+                                                                const customRadius = getRadiusArray(variant, radius, "horizontal", isFirstInStack, isLastInStack, isNegative);
+                                                                return (_jsx(CustomBarShape, { ...props, radius: customRadius, index: index, categoryKey: categoryKey, effectiveWidth: effectiveWidth, labelHeight: labelHeight, barInternalLineColor: barInternalLineColor, internalLineWidth: BAR_INTERNAL_LINE_WIDTH, hoveredCategory: hoveredCategory, variant: variant }));
+                                                            } }, `main-${key}`));
+                                                    })] }, `horizontal-bar-chart-${id}`) }) }), xAxis] }), _jsx(ScrollButtonsVertical, { dataHeight: dataHeight, effectiveHeight: effectiveContainerHeight, canScrollUp: canScrollUp, canScrollDown: canScrollDown, isSideBarTooltipOpen: isSideBarTooltipOpen, onScrollUp: scrollUp, onScrollDown: scrollDown }), isSideBarTooltipOpen && _jsx(SideBarTooltip, { height: effectiveHeight })] }), legend && (_jsx(DefaultLegend, { items: legendItems, yAxisLabel: yAxisLabel, xAxisLabel: xAxisLabel, containerWidth: effectiveWidth, isExpanded: isLegendExpanded, setIsExpanded: setIsLegendExpanded }))] }) }) }));
+};
+// Added React.memo for performance optimization to avoid unnecessary re-renders
+export const HorizontalBarChart = React.memo(HorizontalBarChartComponent);
+//# sourceMappingURL=HorizontalBarChart.js.map

package/dist/components/Charts/HorizontalBarChart/HorizontalBarChart.js.map

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

package/dist/components/Charts/HorizontalBarChart/components/CustomBarShape.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { type HorizontalBarChartVariant } from "../types";
+interface CustomBarShapeProps {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    payload?: any;
+    index: number;
+    categoryKey: string;
+    effectiveWidth: number;
+    labelHeight: number;
+    barInternalLineColor: string;
+    internalLineWidth: number;
+    hoveredCategory: string | number | null;
+    variant: HorizontalBarChartVariant;
+}
+export declare const CustomBarShape: React.MemoExoticComponent<(props: CustomBarShapeProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};
+//# sourceMappingURL=CustomBarShape.d.ts.map

package/dist/components/Charts/HorizontalBarChart/components/CustomBarShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomBarShape.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/HorizontalBarChart/components/CustomBarShape.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,mBAAmB;IAE3B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,yBAAyB,CAAC;CACpC;AAiED,eAAO,MAAM,cAAc,oCA/Da,mBAAmB,oDA+DM,CAAC"}

package/dist/components/Charts/HorizontalBarChart/components/CustomBarShape.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { LineInBarShape } from "../../shared";
+const CustomBarShapeComponent = (props) => {
+    const { 
+    // recharts props
+    y, payload, 
+    // my props
+    index, categoryKey, effectiveWidth, labelHeight, barInternalLineColor, internalLineWidth, hoveredCategory, variant, 
+    // rest of recharts props to pass down
+    ...rest } = props;
+    // y might be undefined if not passed by recharts, but it's used.
+    // The original code has `let { y } = barProps;`. If `barProps.y` is undefined, `y` is undefined.
+    // The same for `payload`.
+    if (y === undefined || !payload) {
+        return null; // Or some fallback
+    }
+    let label = null;
+    if (index === 0 && payload[categoryKey]) {
+        const labelX = 0;
+        const labelWidth = effectiveWidth;
+        const labelY = y - labelHeight / 2;
+        label = (_jsx("foreignObject", { x: labelX, y: labelY, width: labelWidth, height: labelHeight, style: { pointerEvents: "none" }, xmlns: "http://www.w3.org/1999/xhtml", children: _jsx("div", { className: "openui-horizontal-bar-chart-category-label", children: payload[categoryKey] }) }));
+    }
+    return (_jsxs("g", { children: [label, _jsx(LineInBarShape, { ...rest, payload: payload, y: y + labelHeight / 2, internalLineColor: barInternalLineColor, internalLineWidth: internalLineWidth, isHovered: hoveredCategory !== null, hoveredCategory: hoveredCategory, categoryKey: categoryKey, variant: variant, orientation: "horizontal" })] }));
+};
+export const CustomBarShape = React.memo(CustomBarShapeComponent);
+//# sourceMappingURL=CustomBarShape.js.map

package/dist/components/Charts/HorizontalBarChart/components/CustomBarShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomBarShape.js","sourceRoot":"","sources":["../../../../../src/components/Charts/HorizontalBarChart/components/CustomBarShape.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAqB9C,MAAM,uBAAuB,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC7D,MAAM;IACJ,iBAAiB;IACjB,CAAC,EACD,OAAO;IACP,WAAW;IACX,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,OAAO;IACP,sCAAsC;IACtC,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,iEAAiE;IACjE,iGAAiG;IACjG,0BAA0B;IAC1B,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,CAAC,mBAAmB;IAClC,CAAC;IAED,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,KAAK,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,CAAC,CAAC;QACjB,MAAM,UAAU,GAAG,cAAc,CAAC;QAClC,MAAM,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,CACN,wBACE,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAChC,KAAK,EAAC,8BAA8B,YAEpC,cAAK,SAAS,EAAC,4CAA4C,YAAE,OAAO,CAAC,WAAW,CAAC,GAAO,GAC1E,CACjB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBACG,KAAK,EACN,KAAC,cAAc,OACT,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,CAAC,GAAG,WAAW,GAAG,CAAC,EACtB,iBAAiB,EAAE,oBAAoB,EACvC,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,eAAe,KAAK,IAAI,EACnC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAqB,EAClC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,YAAY,GACxB,IACA,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/components/Charts/HorizontalBarChart/dependencies.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/Charts/HorizontalBarChart/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/HorizontalBarChart/dependencies.ts"],"names":[],"mappings":""}

package/dist/components/Charts/HorizontalBarChart/dependencies.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=dependencies.js.map

package/dist/components/Charts/HorizontalBarChart/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../../src/components/Charts/HorizontalBarChart/dependencies.ts"],"names":[],"mappings":""}

package/dist/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.d.ts

@@ -0,0 +1,2 @@
+export declare const useMaxCategoryLabelWidth: (data: Array<Record<string, string | number>>, categoryKey: string) => number;
+//# sourceMappingURL=useMaxCategoryLabelWidth.d.ts.map

package/dist/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxCategoryLabelWidth.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,GACnC,MAAM,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,EAC5C,aAAa,MAAM,KAClB,MAqBF,CAAC"}

package/dist/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useCanvasContextForLabelSize } from "../../hooks/useCanvasContextForLabelSize";
+export const useMaxCategoryLabelWidth = (data, categoryKey) => {
+    const context = useCanvasContextForLabelSize();
+    return useMemo(() => {
+        if (data.length === 0) {
+            return 100; // Default fallback
+        }
+        if (!context) {
+            // Fallback if canvas is not available
+            return Math.max(...data.map((item) => String(item[categoryKey] || "").length * 8), 100);
+        }
+        return Math.max(...data.map((item) => {
+            const text = String(item[categoryKey] || "");
+            return context.measureText(text).width;
+        }), 100);
+    }, [data, categoryKey, context]);
+};
+//# sourceMappingURL=useMaxCategoryLabelWidth.js.map

package/dist/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxCategoryLabelWidth.js","sourceRoot":"","sources":["../../../../../src/components/Charts/HorizontalBarChart/hooks/useMaxCategoryLabelWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAExF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,IAA4C,EAC5C,WAAmB,EACX,EAAE;IACV,MAAM,OAAO,GAAG,4BAA4B,EAAE,CAAC;IAE/C,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,GAAG,CAAC,CAAC,mBAAmB;QACjC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,sCAAsC;YACtC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC1F,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CACb,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7C,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QACzC,CAAC,CAAC,EACF,GAAG,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AACnC,CAAC,CAAC"}

package/dist/components/Charts/HorizontalBarChart/horizontalBarChart.css

@@ -0,0 +1 @@
+.openui-horizontal-bar-chart-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner{position:relative;display:flex;flex-direction:column;width:100%;flex:1;min-width:0}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-x-axis-container{flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding-top:var(--openui-space-2xs, 4px)}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner-wrapper{width:100%;display:flex;flex-direction:row;width:100%;overflow:hidden}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container::-webkit-scrollbar{display:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-category-label{display:flex;align-items:center;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);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-left:var(--openui-space-m, 12px);box-sizing:border-box}

package/dist/components/Charts/HorizontalBarChart/index.d.ts

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

package/dist/components/Charts/HorizontalBarChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/HorizontalBarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}

package/dist/components/Charts/HorizontalBarChart/index.js

@@ -0,0 +1,3 @@
+export * from "./HorizontalBarChart";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/HorizontalBarChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/HorizontalBarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}

package/dist/components/Charts/HorizontalBarChart/stories/HorizontalBarChart.stories.d.ts

@@ -0,0 +1,62 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { HorizontalBarChartProps } from "../HorizontalBarChart";
+declare const horizontalBarChartData: {
+    category: string;
+    desktop: number;
+    mobile: number;
+    tablet: number;
+    laptop: number;
+}[];
+/**
+ * # HorizontalBarChart Component Documentation
+ *
+ * The HorizontalBarChart is a versatile component for comparing values across different categories in a horizontal layout.
+ * It's highly effective for:
+ *
+ * - **Category Comparison**: Easily compare metrics like sales, performance, or revenue across different groups.
+ * - **Ranking**: Show the highest and lowest performing items with a clear visual hierarchy.
+ * - **Data with Long Labels**: Perfect for datasets with lengthy category names that don't fit well in vertical layouts.
+ *
+ * ## Key Features
+ *
+ * ### Layout Variants
+ * - **Grouped**: Compare sub-categories side-by-side within a primary category.
+ * - **Stacked**: Show how sub-categories contribute to a total value for each primary category.
+ *
+ * ### Interactive & Responsive
+ * - **Vertical Scrolling**: Automatically enables scrolling when the number of bars exceeds the container height.
+ * - **Interactive Legend**: Toggle data series on and off. Handles overflow with a "Show More" button.
+ * - **Hover Tooltips**: Provides detailed data on hover for better user engagement.
+ * - **Responsive Design**: Adjusts gracefully to the size of its container.
+ *
+ * ### Customization
+ * - **Theming**: Six built-in color palettes, or use custom colors with `customPalette`.
+ * - **Bar Styling**: Customize the corner radius of the bars.
+ * - **Axis and Grid Control**: Toggle visibility of axes and grid lines.
+ */
+declare const meta: Meta<HorizontalBarChartProps<typeof horizontalBarChartData>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * ## Comprehensive Data Explorer
+ *
+ * This story serves as a comprehensive test suite for the HorizontalBarChart component.
+ * Use the buttons to switch between various datasets designed to test edge cases in:
+ *
+ * - **Data Volume**: Scenarios with few, many, or a single data point.
+ * - **Data Formatting**: Handling of large numbers and different value ranges.
+ * - **Legend Overflow**: A dataset with many series to test legend expand/collapse functionality.
+ *
+ * It's an excellent tool for developers to see how the chart behaves under different conditions.
+ */
+export declare const DataExplorer: Story;
+export declare const Default: Story;
+export declare const Stacked: Story;
+export declare const WithAnimations: Story;
+export declare const CustomPalette: Story;
+export declare const CustomPaletteVibrant: Story;
+export declare const BigNumbers: Story;
+export declare const LargeDataset: Story;
+export declare const MixedPositiveNegative: Story;
+export declare const WithIcons: Story;
+//# sourceMappingURL=HorizontalBarChart.stories.d.ts.map

package/dist/components/Charts/HorizontalBarChart/stories/HorizontalBarChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalBarChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/HorizontalBarChart/stories/HorizontalBarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAsB,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAqYpF,QAAA,MAAM,sBAAsB;;;;;;GAAyB,CAAC;AAOtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,uBAAuB,CAAC,OAAO,sBAAsB,CAAC,CA+L5B,CAAC;AAE5C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,KAyH1B,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAenC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC"}