@kubit-ui-web/react-charts 1.10.0 → 1.11.1

package/dist/esm/charts/lineChart/utils/tickTextPosition.js

@@ -1,109 +1,34 @@
-import { Positions } from '../../../types/position.enum';
-import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
-import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
-export const getYAxisTextXCoordinate = ({ tickText, yAxisPosition, textWidth, yAxisX1, }) => {
-    if (tickText?.useAxisAsOrigin) {
-        let xTickText = yAxisX1;
-        xTickText += tickText.right ?? 0;
-        xTickText -= tickText.left ?? 0;
-        return xTickText;
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // Maybe it only makes sense when anchor is middle
-    // IMPORTANT: When changing or deleting this logic, review the getYAxisLeftTextSpacing and getYAxisRightTextSpacing functions
-    const textAnchor = tickText?.textAnchor || 'middle';
-    let ajustedSpace = 0;
-    if (yAxisPosition === Positions.RIGHT) {
-        ajustedSpace = tickText?.right ?? 0;
-    }
-    else if (yAxisPosition === Positions.LEFT) {
-        ajustedSpace = tickText?.left ?? 0;
-    }
-    const ajustedText = ajustedTextSpace(textAnchor, textWidth, ajustedSpace);
-    const xTickText = getTickTextXCoordinate(yAxisPosition, yAxisX1, ajustedText);
-    return xTickText;
-};
-export const getYAxisLeftTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.LEFT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = 0;
-        if (textAnchor === 'end') {
-            res = textWidth;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res += tickText.left ?? 0;
-        res -= tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This left spacing is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.left ?? 0;
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return 2 * textWidth + extraSpace;
-    }
-    return textWidth / 2 + extraSpace;
-};
-export const getYAxisRightTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.RIGHT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = textWidth;
-        if (textAnchor === 'end') {
-            res = 0;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res -= tickText.left ?? 0;
-        res += tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This size is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.right ?? 0;
-    if (textAnchor === 'start') {
-        return textWidth;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return textWidth + extraSpace;
-    }
-    return 2 * textWidth - textWidth / 2 + extraSpace;
-};
-export const getXAxisLeftTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
-};
-export const getXAxisRightTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'end') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
+import { Positions } from "../../../types/position.enum.js";
+import { getTickTextXCoordinate } from "../../../utils/getTickTextCoordinate/getTickTextCoordinates.js";
+import { ajustedTextSpace } from "../../../utils/ajustedTextSpace/ajustedTextSpace.js";
+const getYAxisTextXCoordinate = ({ tickText: r, yAxisPosition: i, textWidth: a, yAxisX1: o }) => {
+	if (r?.useAxisAsOrigin) {
+		let e = o;
+		return e += r.right ?? 0, e -= r.left ?? 0, e;
+	}
+	let s = r?.textAnchor || "middle", c = 0;
+	return i === Positions.RIGHT ? c = r?.right ?? 0 : i === Positions.LEFT && (c = r?.left ?? 0), getTickTextXCoordinate(i, o, ajustedTextSpace(s, a, c));
+}, getYAxisLeftTextSpacing = ({ tickText: t, textWidth: n, yAxisPosition: r }) => {
+	if (r !== Positions.LEFT) return 0;
+	if (t?.useAxisAsOrigin) {
+		let { textAnchor: e = "start" } = t, r = 0;
+		return e === "end" && (r = n), e === "middle" && (r = n / 2), r += t.left ?? 0, r -= t.right ?? 0, Math.max(0, r);
+	}
+	let i = t?.textAnchor, a = t?.left ?? 0;
+	return i === "start" ? 0 : i === "middle" ? n + a : i === "end" ? 2 * n + a : n / 2 + a;
+}, getYAxisRightTextSpacing = ({ tickText: t, textWidth: n, yAxisPosition: r }) => {
+	if (r !== Positions.RIGHT) return 0;
+	if (t?.useAxisAsOrigin) {
+		let { textAnchor: e = "start" } = t, r = n;
+		return e === "end" && (r = 0), e === "middle" && (r = n / 2), r -= t.left ?? 0, r += t.right ?? 0, Math.max(0, r);
+	}
+	let i = t?.textAnchor, a = t?.right ?? 0;
+	return i === "start" ? n : i === "middle" || i === "end" ? n + a : 2 * n - n / 2 + a;
+}, getXAxisLeftTextSpacing = ({ tickText: e, textWidth: t }) => {
+	let n = e?.textAnchor ?? "start";
+	return n === "start" ? 0 : n === "middle" ? t / 2 : t;
+}, getXAxisRightTextSpacing = ({ tickText: e, textWidth: t }) => {
+	let n = e?.textAnchor ?? "start";
+	return n === "end" ? 0 : n === "middle" ? t / 2 : t;
 };
+export { getXAxisLeftTextSpacing, getXAxisRightTextSpacing, getYAxisLeftTextSpacing, getYAxisRightTextSpacing, getYAxisTextXCoordinate };

package/dist/esm/charts/lineChart/utils/validations.js

@@ -1,117 +1,68 @@
-import { BuildError, buildCanvasDimensionsError, buildError, } from '../../../utils/buildErrors/buildErrors';
-import { AXIS_VALIDATION } from '../../constants/chartDefaults';
-export const validateData = ({ data, addError }) => {
-    let error = undefined;
-    if (!data || data.length === 0) {
-        const dataError = {
-            error: buildError(BuildError.LINE_CHART_NO_DATA),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', dataError);
-        error = dataError;
-    }
-    if (data && data.length === 1) {
-        const singlePointError = {
-            error: buildError(BuildError.LINE_CHART_SINGLE_POINT),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', singlePointError);
-        error = singlePointError;
-    }
-    return { error };
-};
-export const validateCanvasDimensions = ({ canvasWidth, canvasHeight, addError, }) => {
-    let error = undefined;
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        const canvasError = {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', canvasError);
-        error = canvasError;
-    }
-    return { error };
-};
-export const validateYTickValues = ({ yTickValues, addError }) => {
-    let error = undefined;
-    if (yTickValues) {
-        const hasInsufficientTicks = yTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = yTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(yTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXTickValues = ({ xTickValues, addError }) => {
-    let error = undefined;
-    // Validate X-axis tick values
-    if (xTickValues) {
-        if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-            const xTickError = {
-                error: buildError(BuildError.INVALID_X_TICK),
-            };
-            addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
-            error = xTickError;
-        }
-        const hasInsufficientTicks = xTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = xTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(xTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXCoordinates = ({ xCoordinates, addError }) => {
-    let error = undefined;
-    if (xCoordinates.x1 === xCoordinates.x2) {
-        const xAxisError = {
-            error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-        error = xAxisError;
-    }
-    return { error };
-};
-export const validateYCoordinates = ({ yCoordinates, addError }) => {
-    let error = undefined;
-    if (yCoordinates.y1 === yCoordinates.y2) {
-        const yAxisError = {
-            error: buildError(BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-        if (!error) {
-            error = yAxisError;
-        }
-    }
-    return { error };
+import { BuildError, buildCanvasDimensionsError, buildError } from "../../../utils/buildErrors/buildErrors.js";
+import { AXIS_VALIDATION } from "../../constants/chartDefaults.js";
+const validateData = ({ data: t, addError: r }) => {
+	let i;
+	if (!t || t.length === 0) {
+		let t = { error: buildError(BuildError.LINE_CHART_NO_DATA) };
+		r?.("LINE_CHART_CONTEXT_ERROR", t), i = t;
+	}
+	if (t && t.length === 1) {
+		let t = { error: buildError(BuildError.LINE_CHART_SINGLE_POINT) };
+		r?.("LINE_CHART_CONTEXT_ERROR", t), i = t;
+	}
+	return { error: i };
+}, validateCanvasDimensions = ({ canvasWidth: e, canvasHeight: n, addError: r }) => {
+	let i;
+	if (e <= 0 || n <= 0) {
+		let a = { error: buildCanvasDimensionsError(e, n) };
+		r?.("LINE_CHART_CONTEXT_ERROR", a), i = a;
+	}
+	return { error: i };
+}, validateYTickValues = ({ yTickValues: t, addError: i }) => {
+	let a;
+	if (t) {
+		let o = t.length < AXIS_VALIDATION.MIN_TICK_COUNT, s = t.length >= AXIS_VALIDATION.MIN_TICK_COUNT && new Set(t.map((e) => e.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
+		if (o) {
+			let t = { error: buildError(BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS) };
+			i?.("LINE_CHART_Y_AXIS_ERROR", t), a ||= t;
+		}
+		if (s) {
+			let t = { error: buildError(BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES) };
+			i?.("LINE_CHART_Y_AXIS_ERROR", t), a ||= t;
+		}
+	}
+	return { error: a };
+}, validateXTickValues = ({ xTickValues: t, addError: i }) => {
+	let a;
+	if (t) {
+		if ((t ?? []).some(({ position: e }) => isNaN(e))) {
+			let t = { error: buildError(BuildError.INVALID_X_TICK) };
+			i?.("LINE_CHART_CONTEXT_ERROR", t), a = t;
+		}
+		let o = t.length < AXIS_VALIDATION.MIN_TICK_COUNT, s = t.length >= AXIS_VALIDATION.MIN_TICK_COUNT && new Set(t.map((e) => e.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
+		if (o) {
+			let t = { error: buildError(BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS) };
+			i?.("LINE_CHART_X_AXIS_ERROR", t), a ||= t;
+		}
+		if (s) {
+			let t = { error: buildError(BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES) };
+			i?.("LINE_CHART_X_AXIS_ERROR", t), a ||= t;
+		}
+	}
+	return { error: a };
+}, validateXCoordinates = ({ xCoordinates: t, addError: r }) => {
+	let i;
+	if (t.x1 === t.x2) {
+		let t = { error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH) };
+		r?.("LINE_CHART_X_AXIS_ERROR", t), i = t;
+	}
+	return { error: i };
+}, validateYCoordinates = ({ yCoordinates: t, addError: r }) => {
+	let i;
+	if (t.y1 === t.y2) {
+		let t = { error: buildError(BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH) };
+		r?.("LINE_CHART_Y_AXIS_ERROR", t), i ||= t;
+	}
+	return { error: i };
 };
+export { validateCanvasDimensions, validateData, validateXCoordinates, validateXTickValues, validateYCoordinates, validateYTickValues };

package/dist/esm/charts/pieChart/context/buildPieContextValue.js

@@ -1,57 +1,28 @@
-import { Children, isValidElement } from 'react';
-import { buildCanvasDimensionsError } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { CHART_CANVAS_DEFAULTS } from '../../constants/chartDefaults';
-import { PieChartPath } from '../fragments/pieChartPath';
-/**
- * Builds the context value for the PieChart component.
- *
- * @param {BuildPieContextValueProps} props - The props for building the context value.
- * @returns {Omit<PieChartContextType, 'canvasHeight' | 'canvasWidth' | 'data'>} The context value.
- */
-export const buildPieContextValue = ({ addError, canvasHeight, canvasWidth, children, halfChart, }) => {
-    // Validate canvas dimensions
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        addError?.('PIE_CHART_CONTEXT_ERROR', {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        });
-    }
-    // Use safe canvas dimensions with defaults if invalid
-    const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : CHART_CANVAS_DEFAULTS.SAFE_WIDTH;
-    const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT;
-    // Use the min inner radious of the paths to calculate the size
-    let minRadius = undefined;
-    let foreignObjectSize = undefined;
-    Children.forEach(children, (child) => {
-        if (!isValidElement(child)) {
-            return;
-        }
-        if (child.type === PieChartPath) {
-            const { innerRadius } = child.props;
-            if (!innerRadius) {
-                return;
-            }
-            const parsedInnerRadius = parseStringToNumberPx(innerRadius);
-            if (!minRadius || parsedInnerRadius < minRadius) {
-                minRadius = parsedInnerRadius;
-            }
-        }
-    });
-    if (minRadius) {
-        foreignObjectSize = minRadius * 2;
-    }
-    const sizeFixed = foreignObjectSize ?? 0;
-    const height = halfChart ? sizeFixed / 2 : sizeFixed;
-    const width = sizeFixed;
-    const x = safeCanvasWidth / 2;
-    const y = halfChart ? safeCanvasHeight : safeCanvasHeight / 2;
-    return {
-        addError,
-        foreignObject: {
-            height,
-            width,
-            x: x - width / 2,
-            y: halfChart ? y - height : y - height / 2,
-        },
-    };
+import { parseStringToNumberPx } from "../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js";
+import { buildCanvasDimensionsError } from "../../../utils/buildErrors/buildErrors.js";
+import { CHART_CANVAS_DEFAULTS } from "../../constants/chartDefaults.js";
+import { PieChartPath } from "../fragments/pieChartPath.js";
+import { Children, isValidElement } from "react";
+const buildPieContextValue = ({ addError: r, canvasHeight: i, canvasWidth: a, children: o, halfChart: s }) => {
+	(a <= 0 || i <= 0) && r?.("PIE_CHART_CONTEXT_ERROR", { error: buildCanvasDimensionsError(a, i) });
+	let c = a > 0 ? a : CHART_CANVAS_DEFAULTS.SAFE_WIDTH, l = i > 0 ? i : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT, u, d;
+	Children.forEach(o, (e) => {
+		if (isValidElement(e) && e.type === PieChartPath) {
+			let { innerRadius: t } = e.props;
+			if (!t) return;
+			let n = parseStringToNumberPx(t);
+			(!u || n < u) && (u = n);
+		}
+	}), u && (d = u * 2);
+	let f = d ?? 0, p = s ? f / 2 : f, m = f, h = c / 2, g = s ? l : l / 2;
+	return {
+		addError: r,
+		foreignObject: {
+			height: p,
+			width: m,
+			x: h - m / 2,
+			y: s ? g - p : g - p / 2
+		}
+	};
 };
+export { buildPieContextValue };

package/dist/esm/charts/pieChart/context/pieChartContext.js

@@ -1,2 +1,3 @@
-import { createContext } from 'react';
-export const PieChartContext = createContext({});
+import { createContext } from "react";
+const PieChartContext = createContext({});
+export { PieChartContext };

package/dist/esm/charts/pieChart/fragments/pieChartForeign.js

@@ -1,13 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ForeignObject } from '../../../components/foreignObject/foreignObject';
-import { PieChartContext } from '../context/pieChartContext';
-export const PieChartForeign = ({ children, dataTestId: childDataTestId, height: childHeight, width: childWidth, x: childX, y: childY, ...props }) => {
-    const { dataTestId: canvasDataTestId, foreignObject } = useContext(PieChartContext);
-    const width = !childWidth && foreignObject?.width ? foreignObject.width : childWidth;
-    const height = !childHeight && foreignObject?.height ? foreignObject.height : childHeight;
-    const x = !childX && foreignObject?.x ? foreignObject.x : childX;
-    const y = !childY && foreignObject?.y ? foreignObject.y : childY;
-    const dataTestId = !childDataTestId && canvasDataTestId ? `${canvasDataTestId}-foreign-object` : childDataTestId;
-    return (_jsx(ForeignObject, { ...props, dataTestId: dataTestId, height: height, width: width, x: x, y: y, children: children }));
+import { ForeignObject } from "../../../components/foreignObject/foreignObject.js";
+import { PieChartContext } from "../context/pieChartContext.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const PieChartForeign = ({ children: e, dataTestId: t, height: n, width: r, x: i, y: a, ...o }) => {
+	let { dataTestId: s, foreignObject: c } = useContext(PieChartContext), l = !r && c?.width ? c.width : r, u = !n && c?.height ? c.height : n, d = !i && c?.x ? c.x : i, f = !a && c?.y ? c.y : a, p = !t && s ? `${s}-foreign-object` : t;
+	return /* @__PURE__ */ jsx(ForeignObject, {
+		...o,
+		dataTestId: p,
+		height: u,
+		width: l,
+		x: d,
+		y: f,
+		children: e
+	});
 };
+export { PieChartForeign };

package/dist/esm/charts/pieChart/fragments/pieChartPath.js

@@ -1,63 +1,53 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { useContext, useEffect, useRef } from 'react';
-import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError, } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { PieChartContext } from '../context/pieChartContext';
-import { buildAriaLabel } from '../utils/accessibility';
-import { PieChartSegment } from './pieChartSegment';
-/**
- * Renders the path for a pie chart.
- *
- * @component
- * @param {PathProps} props - The props for the PieChartPath component.
- * @param {string} props.dataKey - The key for the data to be rendered.
- * @param {number} props.innerRadius - The inner radius of the pie chart.
- * @param {number} props.gap - The gap between segments in the pie chart.
- * @param {number} props.radius - The radius of the pie chart.
- * @returns {ReactElement} The rendered PieChartPath component.
- */
-export const PieChartPath = ({ ariaLabel: deprecatedAriaLabel, ['aria-label']: ariaLabel, dataKey, fill, gap, innerRadius, radius, ...props }) => {
-    const key = String(dataKey);
-    const { addError, canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
-    const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
-    const startAngle = useRef(chartInitAngle);
-    // Extract data for this key to optimize useEffect dependencies
-    const dataArray = data[key];
-    const hasDataKey = Object.prototype.hasOwnProperty.call(data, key);
-    // Path error validations
-    useEffect(() => {
-        // Validate dataKey exists in dataset
-        if (!hasDataKey) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildPieDataKeyNotFoundError(key),
-            });
-            return;
-        }
-        // Validate data array exists and is not empty
-        if (!dataArray || dataArray.length === 0) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildEmptyDataArrayError(key),
-            });
-            return;
-        }
-        // Calculate total and validate
-        const calculatedTotal = dataArray.reduce((acc, group) => acc + group.value, 0);
-        if (calculatedTotal <= 0 || isNaN(calculatedTotal)) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildInvalidTotalError(key, calculatedTotal),
-            });
-        }
-    }, [dataArray, hasDataKey, key]);
-    const total = data[key]?.reduce((acc, group) => acc + group.value, 0);
-    const singleStroke = data[key]?.length === 1;
-    const parsedInnerRadius = innerRadius ? parseStringToNumberPx(innerRadius) : undefined;
-    const parsedRadius = radius ? parseStringToNumberPx(radius) : undefined;
-    return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, ariaLabel: buildAriaLabel({
-                ariaLabel: ariaLabel || deprecatedAriaLabel,
-                dataKey: key,
-                index: index,
-                groupName: group.name,
-                groupValue: group.value,
-            }), canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
+import { parseStringToNumberPx } from "../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js";
+import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError } from "../../../utils/buildErrors/charts/buildPieChartErrors.js";
+import { PieChartContext } from "../context/pieChartContext.js";
+import { buildAriaLabel } from "../utils/accessibility.js";
+import { PieChartSegment } from "./pieChartSegment.js";
+import { createElement, useContext, useEffect, useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+const PieChartPath = ({ ariaLabel: n, "aria-label": r, dataKey: i, fill: a, gap: o, innerRadius: s, radius: c, ...l }) => {
+	let u = String(i), { addError: d, canvasHeight: f, canvasWidth: p, data: m, dataTestId: h, halfChart: g } = useContext(PieChartContext), _ = useRef(g ? 0 : -Math.PI / 2), v = m[u], y = Object.prototype.hasOwnProperty.call(m, u);
+	useEffect(() => {
+		if (!y) {
+			d?.("PIE_CHART_PATH_ERROR", { error: buildPieDataKeyNotFoundError(u) });
+			return;
+		}
+		if (!v || v.length === 0) {
+			d?.("PIE_CHART_PATH_ERROR", { error: buildEmptyDataArrayError(u) });
+			return;
+		}
+		let e = v.reduce((e, t) => e + t.value, 0);
+		(e <= 0 || isNaN(e)) && d?.("PIE_CHART_PATH_ERROR", { error: buildInvalidTotalError(u, e) });
+	}, [
+		v,
+		y,
+		u
+	]);
+	let b = m[u]?.reduce((e, t) => e + t.value, 0), x = m[u]?.length === 1, S = s ? parseStringToNumberPx(s) : void 0, C = c ? parseStringToNumberPx(c) : void 0;
+	return m[u]?.length ? /* @__PURE__ */ jsx("g", { children: m[u].map((e, t) => /* @__PURE__ */ createElement(PieChartSegment, {
+		...l,
+		...e,
+		key: `${t.toString()}`,
+		ariaLabel: buildAriaLabel({
+			ariaLabel: r || n,
+			dataKey: u,
+			index: t,
+			groupName: e.name,
+			groupValue: e.value
+		}),
+		canvasHeight: f,
+		canvasWidth: p,
+		color: e.color || a,
+		dataKey: u,
+		dataTestId: `${h}path-${t}`,
+		gap: o,
+		halfChart: g,
+		index: t,
+		innerRadius: S,
+		radius: C,
+		singleStroke: x,
+		startAngle: _,
+		total: b
+	})) }) : /* @__PURE__ */ jsx(Fragment, {});
 };
+export { PieChartPath };