@openuidev/react-ui 0.9.16

package/dist/components/Charts/PieChart/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/PieChart/types/index.js.map

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

package/dist/components/Charts/PieChart/utils/PieChartUtils.d.ts

@@ -0,0 +1,86 @@
+import { PieChartData } from "../types";
+export interface ChartDimensions {
+    outerRadius: number;
+    innerRadius: number;
+}
+export interface TwoLevelChartDimensions extends ChartDimensions {
+    middleRadius: number;
+}
+export interface HoverStyles {
+    opacity: number;
+    stroke: string;
+    strokeWidth: number;
+}
+export interface ChartHoverHook {
+    activeIndex: number | null;
+    handleMouseEnter: (event: any, index: number) => void;
+    handleMouseLeave: () => void;
+}
+export interface AnimationConfig {
+    isAnimationActive: boolean;
+    animationBegin: number;
+    animationDuration: number;
+    animationEasing: "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear";
+}
+/**
+ * Calculates the percentage value of a number relative to a total
+ * @param value - The value to calculate percentage for
+ * @param total - The total value to calculate percentage against
+ * @returns The calculated percentage rounded to 2 decimal places
+ */
+declare const calculatePercentage: (value: number, total: number) => number;
+/**
+ * Calculates dimensions for standard pie/donut charts
+ * @param width - The container width
+ * @param variant - The chart variant ('pie' or 'donut')
+ * @returns Object containing outer and inner radius values
+ */
+declare const calculateChartDimensions: (width: number, variant: string) => ChartDimensions;
+/**
+ * Calculates dimensions for two-level pie charts
+ * @param width - The container width
+ * @returns Object containing outer, middle, and inner radius values
+ */
+declare const calculateTwoLevelChartDimensions: (width: number) => TwoLevelChartDimensions;
+/**
+ * Generates hover style properties for chart cells
+ * @param index - The index of the current cell
+ * @param activeIndex - The index of the currently hovered cell
+ * @returns Object containing hover style properties
+ */
+declare const getHoverStyles: (index: number, activeIndex: number | null) => HoverStyles;
+/**
+ * Transforms data by adding percentage calculations
+ * @param data - The input data array
+ * @param dataKey - The key to use for value calculations
+ * @returns Transformed data with added percentage and original value
+ */
+declare const transformDataWithPercentages: <T extends PieChartData>(data: T, dataKey: keyof T[number]) => {
+    percentage: number;
+    originalValue: string | number | undefined;
+}[];
+/**
+ * Custom hook for managing chart hover effects
+ * @returns Object containing hover state and handlers
+ */
+declare const useChartHover: () => ChartHoverHook;
+/**
+ * Creates animation configuration for pie chart
+ * @param config - Animation configuration options
+ * @returns Animation configuration object
+ */
+declare const createAnimationConfig: (config?: Partial<AnimationConfig>) => AnimationConfig;
+/**
+ * Creates event handlers for pie chart
+ * @param onMouseEnter - Mouse enter handler
+ * @param onMouseLeave - Mouse leave handler
+ * @param onClick - Click handler
+ * @returns Object containing event handlers
+ */
+declare const createEventHandlers: (onMouseEnter?: (data: any, index: number) => void, onMouseLeave?: () => void, onClick?: (data: any, index: number) => void) => {
+    onMouseEnter: ((data: any, index: number) => void) | undefined;
+    onMouseLeave: (() => void) | undefined;
+    onClick: ((data: any, index: number) => void) | undefined;
+};
+export { calculateChartDimensions, calculatePercentage, calculateTwoLevelChartDimensions, createAnimationConfig, createEventHandlers, getHoverStyles, transformDataWithPercentages, useChartHover, };
+//# sourceMappingURL=PieChartUtils.d.ts.map

package/dist/components/Charts/PieChart/utils/PieChartUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/PieChart/utils/PieChartUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;CAC7E;AAMD;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,MAK3D,CAAC;AAMF;;;;;GAKG;AACH,QAAA,MAAM,wBAAwB,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,KAAG,eAclE,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,gCAAgC,GAAI,OAAO,MAAM,KAAG,uBAczD,CAAC;AAMF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,aAAa,MAAM,GAAG,IAAI,KAAG,WAMnE,CAAC;AAMF;;;;;GAKG;AACH,QAAA,MAAM,4BAA4B,GAAI,CAAC,SAAS,YAAY,EAC1D,MAAM,CAAC,EACP,SAAS,MAAM,CAAC,CAAC,MAAM,CAAC;;;GAQzB,CAAC;AAMF;;;GAGG;AACH,QAAA,MAAM,aAAa,QAAO,cAgBzB,CAAC;AAMF;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,GAAI,SAAQ,OAAO,CAAC,eAAe,CAAM,KAAG,eAOtE,CAAC;AAMF;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB,GACvB,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EACjD,eAAe,MAAM,IAAI,EACzB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI;0BAI/B,GAAG,SAAS,MAAM;;qBAGH,GAAG,SAAS,MAAM;CAE/C,CAAC;AAMF,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EACnB,gCAAgC,EAChC,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,4BAA4B,EAC5B,aAAa,GACd,CAAC"}

package/dist/components/Charts/PieChart/utils/PieChartUtils.js

@@ -0,0 +1,150 @@
+/**
+ * Utility functions for pie charts
+ */
+import { useState } from "react";
+// ==========================================
+// Core Calculation Utilities
+// ==========================================
+/**
+ * Calculates the percentage value of a number relative to a total
+ * @param value - The value to calculate percentage for
+ * @param total - The total value to calculate percentage against
+ * @returns The calculated percentage rounded to 2 decimal places
+ */
+const calculatePercentage = (value, total) => {
+    if (total === 0) {
+        return 0;
+    }
+    return Number(((value / total) * 100).toFixed(2));
+};
+// ==========================================
+// Chart Dimension Calculations
+// ==========================================
+/**
+ * Calculates dimensions for standard pie/donut charts
+ * @param width - The container width
+ * @param variant - The chart variant ('pie' or 'donut')
+ * @returns Object containing outer and inner radius values
+ */
+const calculateChartDimensions = (width, variant) => {
+    const baseRadiusPercentage = 0.45; // Prefer a larger base to better utilize available width
+    let outerRadius = Math.round(width * baseRadiusPercentage);
+    // Set minimum and maximum bounds for radius
+    outerRadius = Math.max(50, Math.min(outerRadius, width / 2 - 10)); // Ensure radius isn't too small or too large
+    // Calculate inner radius for donut variant - consistent ratio regardless of layout
+    let innerRadius = 0;
+    if (variant === "donut") {
+        innerRadius = Math.round(outerRadius * 0.6);
+    }
+    return { outerRadius, innerRadius };
+};
+/**
+ * Calculates dimensions for two-level pie charts
+ * @param width - The container width
+ * @returns Object containing outer, middle, and inner radius values
+ */
+const calculateTwoLevelChartDimensions = (width) => {
+    const baseRadiusPercentage = 0.45; // Prefer a larger base to better utilize available width
+    let outerRadius = Math.round(width * baseRadiusPercentage);
+    // Set minimum and maximum bounds for radius
+    outerRadius = Math.max(50, Math.min(outerRadius, width / 2 - 10));
+    // Calculate middle radius (inner ring's outer boundary)
+    const middleRadius = Math.round(outerRadius * 0.9);
+    // Calculate inner radius - always has a value in two-level chart
+    const innerRadius = Math.round(middleRadius * 0.28);
+    return { outerRadius, middleRadius, innerRadius };
+};
+// ==========================================
+// Layout and Styling Utilities
+// ==========================================
+/**
+ * Generates hover style properties for chart cells
+ * @param index - The index of the current cell
+ * @param activeIndex - The index of the currently hovered cell
+ * @returns Object containing hover style properties
+ */
+const getHoverStyles = (index, activeIndex) => {
+    return {
+        opacity: activeIndex === null || activeIndex === index ? 1 : 0.5,
+        stroke: activeIndex === index ? "#fff" : "none",
+        strokeWidth: activeIndex === index ? 2 : 0,
+    };
+};
+// ==========================================
+// Data Transformation Utilities
+// ==========================================
+/**
+ * Transforms data by adding percentage calculations
+ * @param data - The input data array
+ * @param dataKey - The key to use for value calculations
+ * @returns Transformed data with added percentage and original value
+ */
+const transformDataWithPercentages = (data, dataKey) => {
+    const total = data.reduce((sum, item) => sum + Number(item[dataKey]), 0);
+    return data.map((item) => ({
+        ...item,
+        percentage: calculatePercentage(Number(item[dataKey]), total),
+        originalValue: item[dataKey],
+    }));
+};
+// ==========================================
+// Hover Effect Utilities
+// ==========================================
+/**
+ * Custom hook for managing chart hover effects
+ * @returns Object containing hover state and handlers
+ */
+const useChartHover = () => {
+    const [activeIndex, setActiveIndex] = useState(null);
+    const handleMouseEnter = (_, index) => {
+        setActiveIndex(index);
+    };
+    const handleMouseLeave = () => {
+        setActiveIndex(null);
+    };
+    return {
+        activeIndex,
+        handleMouseEnter,
+        handleMouseLeave,
+    };
+};
+// ==========================================
+// Animation Utilities
+// ==========================================
+/**
+ * Creates animation configuration for pie chart
+ * @param config - Animation configuration options
+ * @returns Animation configuration object
+ */
+const createAnimationConfig = (config = {}) => {
+    return {
+        isAnimationActive: config.isAnimationActive ?? true,
+        animationBegin: config.animationBegin ?? 0,
+        animationDuration: config.animationDuration ?? 1500,
+        animationEasing: config.animationEasing ?? "ease",
+    };
+};
+// ==========================================
+// Event Handler Utilities
+// ==========================================
+/**
+ * Creates event handlers for pie chart
+ * @param onMouseEnter - Mouse enter handler
+ * @param onMouseLeave - Mouse leave handler
+ * @param onClick - Click handler
+ * @returns Object containing event handlers
+ */
+const createEventHandlers = (onMouseEnter, onMouseLeave, onClick) => {
+    return {
+        onMouseEnter: onMouseEnter
+            ? (data, index) => onMouseEnter(data, index)
+            : undefined,
+        onMouseLeave: onMouseLeave ? () => onMouseLeave() : undefined,
+        onClick: onClick ? (data, index) => onClick(data, index) : undefined,
+    };
+};
+// ==========================================
+// Export all utility functions
+// ==========================================
+export { calculateChartDimensions, calculatePercentage, calculateTwoLevelChartDimensions, createAnimationConfig, createEventHandlers, getHoverStyles, transformDataWithPercentages, useChartHover, };
+//# sourceMappingURL=PieChartUtils.js.map

package/dist/components/Charts/PieChart/utils/PieChartUtils.js.map

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

package/dist/components/Charts/RadarChart/RadarChart.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { RadarChartData } from "./types";
+export interface RadarChartProps<T extends RadarChartData> {
+    data: T;
+    categoryKey: keyof T[number];
+    theme?: "ocean" | "orchid" | "emerald" | "sunset" | "spectrum" | "vivid";
+    customPalette?: string[];
+    variant?: "line" | "area";
+    grid?: boolean;
+    legend?: boolean;
+    strokeWidth?: number;
+    areaOpacity?: number;
+    icons?: Partial<Record<keyof T[number], React.ComponentType>>;
+    isAnimationActive?: boolean;
+    height?: number;
+    width?: number;
+}
+export declare const RadarChart: React.MemoExoticComponent<(<T extends RadarChartData>({ data, categoryKey, theme, customPalette, variant, grid, legend, strokeWidth, areaOpacity, icons, isAnimationActive, height, width, }: RadarChartProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+//# sourceMappingURL=RadarChart.d.ts.map

package/dist/components/Charts/RadarChart/RadarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/RadarChart/RadarChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiBhF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAKzC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ND,eAAO,MAAM,UAAU,8BA7NM,CAAC,SAAS,cAAc,0IAclD,eAAe,CAAC,CAAC,CAAC,8CA+M8B,CAAC"}

package/dist/components/Charts/RadarChart/RadarChart.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { memo, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { PolarAngleAxis, PolarGrid, Radar, RadarChart as RechartsRadarChart, } from "recharts";
+import { usePrintContext } from "../../../context/PrintContext";
+import { ChartContainer, ChartTooltip } from "../Charts";
+import { SideBarTooltipProvider } from "../context/SideBarTooltipContext";
+import { useExportChartData, useTransformedKeys } from "../hooks";
+import { ActiveDot, CustomTooltipContent, DefaultLegend } from "../shared";
+import { useChartPalette } from "../utils/PalletUtils";
+import { get2dChartConfig, getDataKeys, getLegendItems } from "../utils/dataUtils";
+import { AxisLabel } from "./components/AxisLabel";
+const MIN_CHART_SIZE = 150;
+const MAX_CHART_SIZE = 296;
+const RadarChartComponent = ({ data, categoryKey, theme = "ocean", customPalette, variant = "line", grid = true, legend = true, strokeWidth = 2, areaOpacity = 0.2, icons = {}, isAnimationActive = false, height, width, }) => {
+    const printContext = usePrintContext();
+    isAnimationActive = printContext ? false : isAnimationActive;
+    const dataKeys = useMemo(() => {
+        return getDataKeys(data, categoryKey);
+    }, [data, categoryKey]);
+    const transformedKeys = useTransformedKeys(dataKeys);
+    const colors = useChartPalette({
+        chartThemeName: theme,
+        customPalette,
+        themePaletteName: "radarChartPalette",
+        dataLength: dataKeys.length,
+    });
+    // Create Config
+    const chartConfig = useMemo(() => {
+        return get2dChartConfig(dataKeys, colors, transformedKeys, undefined, icons);
+    }, [dataKeys, icons, colors, transformedKeys]);
+    const legendItems = useMemo(() => {
+        return getLegendItems(dataKeys, colors, icons);
+    }, [dataKeys, colors, icons]);
+    const exportData = useExportChartData({
+        type: "radar",
+        data,
+        categoryKey: categoryKey,
+        dataKeys,
+        colors,
+        legend,
+    });
+    const [isLegendExpanded, setIsLegendExpanded] = useState(false);
+    const wrapperRef = useRef(null);
+    const [wrapperRect, setWrapperRect] = useState({ width: 0, height: 0 });
+    useLayoutEffect(() => {
+        const wrapper = wrapperRef.current;
+        if (!wrapper)
+            return;
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                setWrapperRect({
+                    width: entry.contentRect.width,
+                    height: entry.contentRect.height,
+                });
+            }
+        });
+        // Read initial dimensions synchronously before first paint to avoid size jump
+        const rect = wrapper.getBoundingClientRect();
+        setWrapperRect({ width: rect.width, height: rect.height });
+        observer.observe(wrapper);
+        return () => observer.disconnect();
+    }, []);
+    const chartSize = useMemo(() => {
+        const effectiveWidth = wrapperRect.width;
+        const effectiveHeight = wrapperRect.height;
+        let charts = Math.min(effectiveWidth, effectiveHeight);
+        charts = Math.min(charts, MAX_CHART_SIZE);
+        return Math.max(MIN_CHART_SIZE, charts);
+    }, [wrapperRect]);
+    const chartSizeStyle = useMemo(() => ({ width: chartSize, height: chartSize }), [chartSize]);
+    const rechartsProps = useMemo(() => ({
+        width: "100%",
+        height: "100%",
+        minWidth: 1,
+        minHeight: 1,
+        initialDimension: { width: 1, height: 1 },
+    }), []);
+    const radars = useMemo(() => {
+        return dataKeys.map((key) => {
+            const transformedKey = transformedKeys[key];
+            const color = `var(--color-${transformedKey})`;
+            if (variant === "line") {
+                return (_jsx(Radar, { dataKey: key, fill: color, fillOpacity: 0, stroke: color, strokeWidth: strokeWidth, isAnimationActive: isAnimationActive, activeDot: _jsx(ActiveDot, {}) }, key));
+            }
+            else {
+                return (_jsx(Radar, { dataKey: key, fill: color, stroke: color, strokeWidth: strokeWidth, fillOpacity: areaOpacity, isAnimationActive: isAnimationActive, activeDot: _jsx(ActiveDot, {}) }, key));
+            }
+        });
+    }, [dataKeys, transformedKeys, variant, strokeWidth, areaOpacity, isAnimationActive]);
+    const wrapperClassName = useMemo(() => clsx("openui-radar-chart-container-wrapper", {
+        "layout-column": true,
+    }), []);
+    const wrapperStyle = useMemo(() => {
+        const formatDimension = (value) => {
+            if (typeof value === "number") {
+                return `${value}px`;
+            }
+            return value;
+        };
+        const dimensions = {
+            width: formatDimension(width),
+            height: formatDimension(height),
+        };
+        if (dimensions.width === undefined) {
+            delete dimensions.width;
+        }
+        if (dimensions.height === undefined) {
+            delete dimensions.height;
+        }
+        return dimensions;
+    }, [width, height]);
+    return (_jsx(SideBarTooltipProvider, { isSideBarTooltipOpen: false, setIsSideBarTooltipOpen: () => { }, data: undefined, setData: () => { }, children: _jsxs("div", { ref: wrapperRef, className: wrapperClassName, style: wrapperStyle, "data-openui-chart": exportData, children: [_jsx("div", { className: "openui-radar-chart-container", children: _jsx("div", { className: "openui-radar-chart-container-inner", children: _jsx("div", { style: chartSizeStyle, children: _jsx(ChartContainer, { config: chartConfig, className: "openui-radar-chart", rechartsProps: rechartsProps, children: _jsxs(RechartsRadarChart, { data: data, margin: {
+                                        left: 10,
+                                        right: 10,
+                                        top: 10,
+                                        bottom: 10,
+                                    }, children: [grid && _jsx(PolarGrid, { className: "openui-chart-polar-grid", stroke: "currentColor" }), _jsx(PolarAngleAxis, { dataKey: categoryKey, tick: _jsx(AxisLabel, { portalContainerRef: wrapperRef }) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(CustomTooltipContent, { parentRef: wrapperRef }) }), radars] }) }) }) }) }), legend && (_jsx(DefaultLegend, { items: legendItems, containerWidth: wrapperRect.width, isExpanded: isLegendExpanded, setIsExpanded: setIsLegendExpanded, style: { paddingTop: 0 } }))] }) }));
+};
+export const RadarChart = memo(RadarChartComponent);
+RadarChart.displayName = "RadarChart";
+//# sourceMappingURL=RadarChart.js.map

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

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

package/dist/components/Charts/RadarChart/components/AxisLabel.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface AxisLabelProps {
+    x?: number;
+    y?: number;
+    textAnchor?: string;
+    payload?: {
+        value: string;
+    };
+    className?: string;
+    portalContainerRef?: React.RefObject<HTMLDivElement | null>;
+    [key: string]: any;
+}
+export declare const AxisLabel: React.FC<AxisLabelProps>;
+export {};
+//# sourceMappingURL=AxisLabel.d.ts.map

package/dist/components/Charts/RadarChart/components/AxisLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/RadarChart/components/AxisLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,UAAU,cAAc;IACtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAE5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+G9C,CAAC"}

package/dist/components/Charts/RadarChart/components/AxisLabel.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useLayoutEffect, useMemo, useRef } from "react";
+import { calculateAvailableWidth, truncateText } from "../utils";
+export const AxisLabel = (props) => {
+    const { x, y, payload, textAnchor, portalContainerRef, className } = props;
+    const anchorRef = useRef(null);
+    /**
+     * Memoizes the calculation of truncated text for axis labels
+     *
+     * This hook handles text truncation based on available space in the chart container:
+     * 1. Returns empty string or original value if payload/container is missing
+     * 2. Calculates container width and available space based on text anchor position
+     * 3. Truncates text to fit within available width using specified font size
+     *
+     * @returns {string} Truncated text that fits within available space
+     *
+     * Dependencies:
+     * - payload?.value: The text content to truncate
+     * - x: X-coordinate of the label
+     * - textAnchor: Text anchor position ('start', 'middle', 'end')
+     * - portalContainerRef: Reference to container element
+     */
+    const truncatedText = useMemo(() => {
+        if (!payload?.value || !portalContainerRef?.current) {
+            return payload?.value || "";
+        }
+        const container = portalContainerRef.current;
+        // Get the width of the container
+        const containerWidth = container.getBoundingClientRect().width;
+        // Get the padding of the container
+        const padding = 0;
+        // Get the font size of the text
+        const fontSize = 10;
+        // Calculate available width based on text anchor and position, and padding
+        const availableWidth = calculateAvailableWidth(x || 0, containerWidth, textAnchor || "middle", padding);
+        return truncateText(payload.value, availableWidth, fontSize);
+    }, [payload?.value, x, textAnchor, portalContainerRef]);
+    useLayoutEffect(() => {
+        const container = portalContainerRef?.current;
+        const anchor = anchorRef.current;
+        if (!container || !anchor || !truncatedText) {
+            return;
+        }
+        // Create the label element
+        const labelEl = document.createElement("div");
+        labelEl.textContent = truncatedText;
+        container.appendChild(labelEl);
+        // Function to calculate and apply styles
+        const updatePosition = () => {
+            const anchorRect = anchor.getBoundingClientRect();
+            const containerRect = container.getBoundingClientRect();
+            const left = anchorRect.left - containerRect.left;
+            const top = anchorRect.top - containerRect.top;
+            const padding = 0;
+            let transform = "";
+            if (textAnchor === "end") {
+                transform = `translate(calc(-100% - ${padding}px), -50%)`;
+            }
+            else if (textAnchor === "start") {
+                transform = `translate(${padding}px, -50%)`;
+            }
+            else {
+                transform = "translate(-50%, -50%)";
+            }
+            labelEl.style.position = "absolute";
+            labelEl.style.left = `${left}px`;
+            labelEl.style.top = `${top}px`;
+            labelEl.style.transform = transform;
+            labelEl.style.pointerEvents = "none";
+            labelEl.style.zIndex = "0";
+            labelEl.className = clsx("openui-chart-polar-angle-axis-label", className);
+            // Update text content if it has changed due to container resize
+            const containerWidth = containerRect.width;
+            const availableWidth = calculateAvailableWidth(left, containerWidth, textAnchor ?? "middle", 0);
+            const newTruncatedText = truncateText(payload?.value ?? "", availableWidth, 10);
+            if (labelEl.textContent !== newTruncatedText) {
+                labelEl.textContent = newTruncatedText;
+            }
+        };
+        updatePosition();
+        const resizeObserver = new ResizeObserver(updatePosition);
+        resizeObserver.observe(container);
+        // Cleanup function to run when the component unmounts or deps change
+        return () => {
+            resizeObserver.disconnect();
+            if (container.contains(labelEl)) {
+                container.removeChild(labelEl);
+            }
+        };
+    }, [x, y, textAnchor, truncatedText, portalContainerRef, className, payload?.value]);
+    return _jsx("g", { ref: anchorRef, transform: `translate(${x || 0}, ${y || 0})` });
+};
+//# sourceMappingURL=AxisLabel.js.map

package/dist/components/Charts/RadarChart/components/AxisLabel.js.map

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

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

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

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

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

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

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

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

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

package/dist/components/Charts/RadarChart/radarChart.css

@@ -0,0 +1 @@
+.openui-radar-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-radar-chart-container-wrapper.layout-column{flex-direction:column;align-items:center}.openui-radar-chart-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.layout-column .openui-radar-chart-container{flex:1;min-height:0}.openui-radar-chart-container-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.openui-radar-chart .recharts-polar-grid-concentric-polygon{stroke-width:1;stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-radar-chart .recharts-polar-grid-angle line{stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-chart-polar-angle-axis-label{pointer-events:none;font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap}

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadarChartProps } from "../RadarChart";
+declare const radarChartData: {
+    skill: string;
+    beginner: number;
+    intermediate: number;
+    advanced: number;
+}[];
+declare const meta: Meta<RadarChartProps<typeof radarChartData>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DefaultConfiguration: Story;
+export declare const SkillsAssessment: Story;
+export declare const TeamPerformance: Story;
+export declare const BusinessMetrics: Story;
+export declare const InteractivePlayground: Story;
+export declare const ThemeShowcase: Story;
+/**
+ * ## Custom Palette
+ *
+ * This story demonstrates how to use the customPalette prop to provide your own color scheme
+ * for the chart. This is useful when you need to match your brand colors or create
+ * specific visual themes.
+ */
+export declare const CustomPaletteStory: Story;
+//# sourceMappingURL=RadarChart.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/RadarChart/stories/RadarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAgF5D,QAAA,MAAM,cAAc;;;;;GAAyB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,cAAc,CAAC,CA4OpB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,oBAAoB,EAAE,KAyClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkC7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAuFnC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiD3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAyFhC,CAAC"}