@kubit-ui-web/react-charts 1.1.0 → 1.3.0

package/dist/esm/charts/lineChart/context/buildLineContextValue.js

@@ -1,8 +1,10 @@
+import { ErrorType } from '../../../types/errors.type';
 import { Positions } from '../../../types/position.enum';
-import { BuildError, buildError } from '../../../utils/buildErrors/buildErrors';
+import { BuildError, buildCanvasDimensionsError, buildError, } from '../../../utils/buildErrors/buildErrors';
 import { getXCoordinates, getYCoordinates } from '../../../utils/getCoordinates/getCoordinates';
 import { getPoints } from '../../../utils/getPoints/getPoints';
 import { getXTicks, getYTicks } from '../../../utils/getTicks/getTicks';
+import { AXIS_VALIDATION, BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, LINE_CHART_FALLBACK_DATA, SHARED_FALLBACK_DATA, } from '../../constants/chartDefaults';
 import { getExtraSpacing } from '../utils/getExtraSpacing';
 /**
  * Builds the context value for the line chart.
@@ -10,18 +12,56 @@ import { getExtraSpacing } from '../utils/getExtraSpacing';
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let error = undefined;
+    // 1. Validate data exists
+    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;
+    }
+    // 2. Validate canvas dimensions
+    if (canvasWidth <= 0 || canvasHeight <= 0) {
+        const canvasError = {
+            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
+        };
+        addError?.('LINE_CHART_CONTEXT_ERROR', canvasError);
+        error = canvasError;
+    }
+    // Use safe defaults for data processing if there are critical errors
+    const safeData = data && data.length > 0
+        ? data
+        : [
+            {
+                [xKey]: LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST,
+                y: LINE_CHART_FALLBACK_DATA.FALLBACK_Y_FIRST,
+            },
+            {
+                [xKey]: LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND,
+                y: LINE_CHART_FALLBACK_DATA.FALLBACK_Y_SECOND,
+            },
+        ];
+    const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : CHART_CANVAS_DEFAULTS.SAFE_WIDTH;
+    const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT;
     /**
      * Get the extra spacings for the line chart.
      */
     const { extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, lineChartXPosition, lineChartYPosition, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
         ajustedX,
         ajustedY,
-        canvasHeight,
-        canvasWidth,
+        canvasHeight: safeCanvasHeight,
+        canvasWidth: safeCanvasWidth,
         children,
-        data,
+        data: safeData,
         viewBox,
         xKey,
     });
@@ -32,15 +72,41 @@ export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvas
     const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
     const xTickValues = getXTicks({
         initPos: extraSpaceLeftX,
-        maxSpaceAvailable: canvasWidth,
+        maxSpaceAvailable: safeCanvasWidth,
         otherAxisSpace: yAxisSpace,
         securitySpace: securityXSpace,
         tickValues: xData,
     });
     if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-        error = {
+        const xTickError = {
             error: buildError(BuildError.INVALID_X_TICK),
         };
+        addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
+        error = xTickError;
+    }
+    // Validate X-axis tick values
+    if (xTickValues) {
+        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;
+            }
+        }
     }
     /**
      * Calculate the tick values for the Y Axis.
@@ -48,23 +114,51 @@ export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvas
     const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
     const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
     const yTickValues = getYTicks({
-        initPos: canvasHeight - extraSpaceBottomY,
-        maxSpaceAvailable: canvasHeight,
+        initPos: safeCanvasHeight - extraSpaceBottomY,
+        maxSpaceAvailable: safeCanvasHeight,
         otherAxisSpace,
         securitySpace: securityYSpace,
         tickValues: yData,
     });
+    // Validate Y-axis tick values
+    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;
+            }
+        }
+    }
     /**
      * Calculate the custom breakAxis for the X and Y Axis.
      */
-    const customBreakXAxis = crossXAxis ? getPoints(yTickValues || [], [String(xBreakAxis)])[0] : 0;
-    const customBreakYAxis = crossYAxis ? getPoints(xTickValues || [], [String(yBreakAxis)])[0] : 0;
+    const customBreakXAxis = crossXAxis
+        ? getPoints(yTickValues || [], [String(xBreakAxis)])[0]
+        : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE;
+    const customBreakYAxis = crossYAxis
+        ? getPoints(xTickValues || [], [String(yBreakAxis)])[0]
+        : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE;
     /**
      * Calculate the X coordinates for the line chart.
      */
     const xCoordinates = getXCoordinates({
-        canvasHeight,
-        canvasWidth,
+        canvasHeight: safeCanvasHeight,
+        canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakXAxis),
         extraSpaceBottomY,
         extraSpaceLeftX,
@@ -77,8 +171,8 @@ export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvas
      * Calculate the Y coordinates for the line chart.
      */
     const yCoordinates = getYCoordinates({
-        canvasHeight,
-        canvasWidth,
+        canvasHeight: safeCanvasHeight,
+        canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakYAxis),
         extraSpaceBottomY,
         extraSpaceLeftX,
@@ -87,37 +181,27 @@ export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvas
         position: lineChartYPosition,
         securityYSpace,
     });
-    if (error) {
-        // return fallback context value with error
-        return {
-            crossXAxis,
-            crossYAxis,
-            error,
-            extraSpaceBottomY,
-            extraSpaceLeftX,
-            extraSpaceRightX,
-            extraSpaceTopY,
-            securityXSpace,
-            securityYSpace,
-            xAxisCoordinates: {
-                coordinates: xCoordinates,
-                tickValues: [
-                    { position: 0, value: '0' },
-                    { position: canvasWidth, value: '1' },
-                ],
-            },
-            xAxisText,
-            yAxisCoordinates: {
-                coordinates: yCoordinates,
-                tickValues: [
-                    { position: canvasHeight, value: '0' },
-                    { position: 0, value: '1' },
-                ],
-            },
-            yAxisText,
+    // Validate axis coordinates for zero-length axes
+    if (xCoordinates.x1 === xCoordinates.x2) {
+        const xAxisError = {
+            error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH),
+        };
+        addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
+        if (!error) {
+            error = xAxisError;
+        }
+    }
+    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 {
+    const baseContext = {
+        addError,
         crossXAxis,
         crossYAxis,
         extraSpaceBottomY,
@@ -126,9 +210,41 @@ export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvas
         extraSpaceTopY,
         securityXSpace,
         securityYSpace,
-        xAxisCoordinates: { coordinates: xCoordinates, tickValues: xTickValues },
+        xAxisCoordinates: {
+            coordinates: xCoordinates,
+            tickValues: xTickValues ||
+                (error
+                    ? [
+                        {
+                            position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
+                            value: LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST,
+                        },
+                        { position: safeCanvasWidth, value: LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND },
+                    ]
+                    : []),
+        },
         xAxisText,
-        yAxisCoordinates: { coordinates: yCoordinates, tickValues: yTickValues },
+        yAxisCoordinates: {
+            coordinates: yCoordinates,
+            tickValues: yTickValues ||
+                (error
+                    ? [
+                        { position: safeCanvasHeight, value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST },
+                        {
+                            position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
+                            value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND,
+                        },
+                    ]
+                    : []),
+        },
         yAxisText,
     };
+    // Add error only if it exists
+    if (error) {
+        return {
+            ...baseContext,
+            error: { ...error, type: ErrorType.LINE_CHART_CONTEXT_ERROR },
+        };
+    }
+    return baseContext;
 };

package/dist/esm/charts/lineChart/fragments/fixture/contextData.d.ts

@@ -1,5 +1,6 @@
 import type { TickData } from '../../../../components/tick/tick.types';
 export declare const CONTEXT: {
+    addError: undefined;
     canvasExtraSpace: number;
     canvasHeight: number;
     canvasWidth: number;

package/dist/esm/charts/lineChart/fragments/fixture/contextData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/lineChart/fragments/fixture/contextData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;oBAwBA,QAAQ,EAAE;;;;;;;;;;;;oBAWV,QAAQ,EAAE;;;;CAI7B,CAAC"}
+{"version":3,"file":"contextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/lineChart/fragments/fixture/contextData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;oBAyBA,QAAQ,EAAE;;;;;;;;;;;;oBAWV,QAAQ,EAAE;;;;CAI7B,CAAC"}

package/dist/esm/charts/lineChart/fragments/fixture/contextData.js

@@ -1,4 +1,5 @@
 export const CONTEXT = {
+    addError: undefined,
     canvasExtraSpace: 0,
     canvasHeight: 500,
     canvasWidth: 500,

package/dist/esm/charts/lineChart/fragments/lineChartPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAUlF,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxE,OAAO,qBAAqB,CAAC;AAO7B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiJhD,CAAC"}
+{"version":3,"file":"lineChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAWlF,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxE,OAAO,qBAAqB,CAAC;AAO7B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwLhD,CAAC"}

package/dist/esm/charts/lineChart/fragments/lineChartPath.js

@@ -3,6 +3,7 @@ import { useContext, useEffect, useRef } from 'react';
 import { Line } from '../../../components/line/line';
 import { Node } from '../../../components/node/node';
 import { Path } from '../../../components/path/path';
+import { BuildError, buildDataKeyNotFoundError, buildError } from '../../../utils/buildErrors/buildErrors';
 import { getPoints } from '../../../utils/getPoints/getPoints';
 import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
 import { LineChartContext } from '../context/lineChartContext';
@@ -17,7 +18,39 @@ const getAxisData = (data, key) => {
 };
 export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getNodesCoords, indicatorConfig, lineProjection, onClick, ...props }) => {
     // recovery the context values
-    const { xAxisCoordinates, yAxisCoordinates, ...context } = useContext(LineChartContext);
+    const { addError, xAxisCoordinates, yAxisCoordinates, ...context } = useContext(LineChartContext);
+    // Path error validations
+    useEffect(() => {
+        // Invalid dataKey validation
+        if (!props.dataKey || typeof props.dataKey !== 'string') {
+            addError?.('LINE_CHART_PATH_ERROR', {
+                error: buildError(BuildError.LINE_CHART_PATH_INVALID_DATAKEY),
+            });
+            return;
+        }
+        // Check if dataKey exists in dataset
+        if (context.data.length > 0 &&
+            !Object.prototype.hasOwnProperty.call(context.data[0], props.dataKey)) {
+            addError?.('LINE_CHART_PATH_ERROR', {
+                error: buildDataKeyNotFoundError(props.dataKey),
+            });
+            return;
+        }
+        // Curved path calculation errors
+        if (curved && context.data.length < 2) {
+            addError?.('LINE_CHART_PATH_ERROR', {
+                error: buildError(BuildError.LINE_CHART_PATH_INSUFFICIENT_POINTS),
+            });
+            return;
+        }
+        // Path rendering errors - validate coordinates
+        const yData = getAxisData(context.data, props.dataKey);
+        if (yData.length > 0 && yData.every(val => val === null || val === undefined)) {
+            addError?.('LINE_CHART_PATH_ERROR', {
+                error: buildError(BuildError.LINE_CHART_PATH_ALL_VALUES_NULL),
+            });
+        }
+    }, [props.dataKey, curved, context.data, addError]);
     // the node indicator logic
     const { indicatorRef, pathRef } = useIndicator(context.xCursor, !!indicatorConfig);
     const showIndicator = !!indicatorConfig && context.xCursor !== -Infinity;

package/dist/esm/charts/lineChart/fragments/lineChartProjection.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import { type FC } from 'react';
 import type { LineChartProjectionProps } from '../lineChart.type';
 import './lineChartPath.css';
 export declare const LineChartProjection: FC<LineChartProjectionProps>;

package/dist/esm/charts/lineChart/fragments/lineChartProjection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartProjection.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartProjection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2B5D,CAAC"}
+{"version":3,"file":"lineChartProjection.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartProjection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAC;AASvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4E5D,CAAC"}

package/dist/esm/charts/lineChart/fragments/lineChartProjection.js

@@ -1,12 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect } from 'react';
+import { buildProjectionBoundsError, buildProjectionXOutOfRangeError, buildProjectionYOutOfRangeError, } from '../../../utils/buildErrors/charts/buildLineChartErrors';
+import { LineChartContext } from '../context/lineChartContext';
 import { getProjection } from '../utils/getProjection';
 import './lineChartPath.css';
 export const LineChartProjection = ({ curved, lineProjection, points, svgHeight, }) => {
+    const { addError } = useContext(LineChartContext);
     const { lower, shapeColor, upper } = lineProjection;
     const { xProjection: xUp, yProjection: yUp, ...upperProps } = upper || {};
     const { xProjection: xDw, yProjection: yDw, ...lowerProps } = lower || {};
     const upperProjection = xUp || yUp ? { x: xUp, y: yUp } : undefined;
     const lowerProjection = xDw || yDw ? { x: xDw, y: yDw } : undefined;
+    // Projection error validations
+    useEffect(() => {
+        // Invalid projection bounds - upper/lower overlap
+        if (upperProjection && lowerProjection) {
+            const upperY = upperProjection.y || 0;
+            const lowerY = lowerProjection.y || 0;
+            if (upperY >= lowerY) {
+                addError?.('LINE_CHART_PROJECTION_ERROR', {
+                    error: buildProjectionBoundsError(upperY, lowerY),
+                });
+            }
+        }
+        // Projection coordinates outside chart area
+        if (upperProjection) {
+            const { x: upperX, y: upperY } = upperProjection;
+            if (upperX !== undefined && (upperX < 0 || upperX > 100)) {
+                addError?.('LINE_CHART_PROJECTION_ERROR', {
+                    error: buildProjectionXOutOfRangeError(upperX, true),
+                });
+            }
+            if (upperY !== undefined && (upperY < 0 || upperY > svgHeight)) {
+                addError?.('LINE_CHART_PROJECTION_ERROR', {
+                    error: buildProjectionYOutOfRangeError(upperY, svgHeight, true),
+                });
+            }
+        }
+        if (lowerProjection) {
+            const { x: lowerX, y: lowerY } = lowerProjection;
+            if (lowerX !== undefined && (lowerX < 0 || lowerX > 100)) {
+                addError?.('LINE_CHART_PROJECTION_ERROR', {
+                    error: buildProjectionXOutOfRangeError(lowerX, false),
+                });
+            }
+            if (lowerY !== undefined && (lowerY < 0 || lowerY > svgHeight)) {
+                addError?.('LINE_CHART_PROJECTION_ERROR', {
+                    error: buildProjectionYOutOfRangeError(lowerY, svgHeight, false),
+                });
+            }
+        }
+    }, [upperProjection, lowerProjection, svgHeight, addError]);
     const { downPath, shapePath, upPath } = getProjection({
         curved,
         lowerProjection,

package/dist/esm/charts/lineChart/fragments/lineChartSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAK/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoC1D,CAAC"}
+{"version":3,"file":"lineChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAa1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0F1D,CAAC"}

package/dist/esm/charts/lineChart/fragments/lineChartSeparator.js

@@ -1,9 +1,51 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
+import { useContext, useEffect } from 'react';
+import { BuildError, buildError, buildSeparatorXBreakAxisError, buildSeparatorXOutOfRangeError, buildSeparatorYBreakAxisError, buildSeparatorYOutOfRangeError, } from '../../../utils/buildErrors/buildErrors';
 import { getPoints } from '../../../utils/getPoints/getPoints';
 import { LineChartContext } from '../context/lineChartContext';
 export const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
-    const { crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(LineChartContext);
+    const { addError, crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(LineChartContext);
+    // Separator error validations
+    useEffect(() => {
+        // xBreakAxis validation
+        if (xBreakAxis !== undefined) {
+            const xValues = xAxisCoordinates.tickValues.map(tick => tick.value);
+            const xBreakNumeric = typeof xBreakAxis === 'string' ? parseFloat(xBreakAxis) : xBreakAxis;
+            if (isNaN(xBreakNumeric)) {
+                addError?.('LINE_CHART_SEPARATOR_ERROR', {
+                    error: buildSeparatorXBreakAxisError(xBreakAxis),
+                });
+            }
+            else {
+                const minX = Math.min(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                const maxX = Math.max(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                if (xBreakNumeric < minX || xBreakNumeric > maxX) {
+                    addError?.('LINE_CHART_SEPARATOR_ERROR', {
+                        error: buildSeparatorXOutOfRangeError(xBreakNumeric, minX, maxX),
+                    });
+                }
+            }
+        }
+        // yBreakAxis validation
+        if (yBreakAxis !== undefined) {
+            const yValues = yAxisCoordinates.tickValues.map(tick => tick.value);
+            const yBreakNumeric = typeof yBreakAxis === 'string' ? parseFloat(yBreakAxis) : yBreakAxis;
+            if (isNaN(yBreakNumeric)) {
+                addError?.('LINE_CHART_SEPARATOR_ERROR', {
+                    error: buildSeparatorYBreakAxisError(yBreakAxis),
+                });
+            }
+            else {
+                const minY = Math.min(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                const maxY = Math.max(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                if (yBreakNumeric < minY || yBreakNumeric > maxY) {
+                    addError?.('LINE_CHART_SEPARATOR_ERROR', {
+                        error: buildSeparatorYOutOfRangeError(yBreakNumeric, minY, maxY),
+                    });
+                }
+            }
+        }
+    }, [xBreakAxis, yBreakAxis, xAxisCoordinates.tickValues, yAxisCoordinates.tickValues, addError]);
     if (!topSeparator && !rightSeparator && !areaSeparator) {
         return _jsx(_Fragment, {});
     }
@@ -15,6 +57,14 @@ export const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator,
     const xEnd = customXEnd ?? autoXEnd;
     const yStart = yAxisCoordinates.coordinates.y2;
     const yEnd = customYEnd ?? autoYEnd;
+    // Separator positioning validation
+    useEffect(() => {
+        if (xStart === xEnd && yStart === yEnd) {
+            addError?.('LINE_CHART_SEPARATOR_ERROR', {
+                error: buildError(BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES),
+            });
+        }
+    }, [xStart, xEnd, yStart, yEnd, addError]);
     const squarePath = `M${xStart} ${yStart} H ${xEnd} V ${yEnd} H ${xStart} Z`;
     const lineTop = `M${xStart} ${yEnd} H ${xEnd}`;
     const lineRight = `M${xEnd} ${yStart} V ${yEnd}`;

package/dist/esm/charts/lineChart/lineChart.type.d.ts

@@ -5,7 +5,7 @@ import type { LineProps } from '../../components/line/line.types';
 import type { NodePathProps, PathProps, StyleProps } from '../../components/path/path.types';
 import type { TickData } from '../../components/tick/tick.types';
 import type { CanvasConfig } from '../../types/canvas.type';
-import type { ChartError, ChartErrorCollection } from '../../types/errors.type';
+import type { ChartError, ChartErrorCollection, ErrorType } from '../../types/errors.type';
 import type { Positions } from '../../types/position.enum';
 import type { ValueFormatter } from '../../types/valueFormatter.type';
 export type ChildrenType = ReactNode | ReactElement<PathProps | XAxisProps | YAxisProps>;
@@ -53,6 +53,7 @@ export type LineChartContextType = Omit<LineChartExtraSpacings, OmitLineProps> &
     xCursor: number;
     yCursor: number;
     error?: ChartError;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
 };
 export interface LineChartProps {
     children: ChildrenType;

package/dist/esm/charts/lineChart/lineChart.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChart.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"lineChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChart.type.ts"],"names":[],"mappings":"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"}

package/dist/esm/charts/lineChart/lineChartStructure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAgB3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CA+IjD,CAAC"}
+{"version":3,"file":"lineChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/lineChart/lineChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAiB3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CAoJjD,CAAC"}

package/dist/esm/charts/lineChart/lineChartStructure.js

@@ -3,7 +3,7 @@ import { Children, useEffect, useMemo, useState } from 'react';
 import { SvgContainer } from '../../components/svgContainer/svgContainer';
 import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
 import { DefaultCanvasConfig } from '../../types/canvas.type';
-import { ErrorType } from '../../types/errors.type';
+import { createErrorAccumulator } from '../../utils/createErrorAccumulator';
 import { getCanvasDimensions } from '../../utils/getCanvasDimensions/getCanvasDimensions';
 import { getChildrenAttr } from '../../utils/getChildrenAttr/getChildrenAttr';
 import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
@@ -70,11 +70,15 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
         originalValue: childrenYKeys,
         updateValue: setChildrenYKey,
     });
-    // Create a fingerprint of the data to avoid unnecessary contextValue updates
+    const errorAccumulator = useMemo(() => createErrorAccumulator(onErrors), [onErrors]);
     const dataFingerprint = getDataFingerprint(data);
-    // Build the context value
     const contextValue = useMemo(() => {
+        // Clear previous errors before building new context
+        errorAccumulator.clearErrors();
         return buildLineContextValue({
+            addError: (errorType, error) => {
+                errorAccumulator.addError(errorType, error);
+            },
             ajustedX,
             ajustedY,
             canvasHeight: parsedCanvas.height,
@@ -84,14 +88,14 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
             viewBox,
             xKey,
         });
-    }, [parsedCanvas.width, parsedCanvas.height, dataFingerprint, xKey, childrenYKeys]);
-    useEffect(() => {
-        if (contextValue.error && onErrors) {
-            onErrors({
-                [ErrorType.GENERIC]: contextValue.error,
-            });
-        }
-    }, [contextValue.error, onErrors]);
+    }, [
+        parsedCanvas.width,
+        parsedCanvas.height,
+        dataFingerprint,
+        xKey,
+        childrenYKeys,
+        errorAccumulator.addError,
+    ]);
     const { svgRef, xCursor, yCursor } = useHover({
         canvasHeight: parsedCanvas.height,
         canvasWidth: parsedCanvas.width,

package/dist/esm/components/zoomArea/hooks/useResponsiveCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsiveCanvas.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/useResponsiveCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,GAAI,0DAMjC,yBAAyB,KAAG,yBAyF9B,CAAC"}
+{"version":3,"file":"useResponsiveCanvas.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/useResponsiveCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,GAAI,0DAMjC,yBAAyB,KAAG,yBA8F9B,CAAC"}

package/dist/esm/components/zoomArea/hooks/useResponsiveCanvas.js

@@ -2,6 +2,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { buildViewBox } from '../../../components/svgContainer/utils/buildViewBox/buildViewBox';
 import { getCanvasDimensions } from '../../../utils/getCanvasDimensions/getCanvasDimensions';
 import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { isBrowser, safeQuerySelector } from '../../../utils/ssr/ssr';
 export const useResponsiveCanvas = ({ canvasConfig, dataTestId, extraSpace = 0, height, width, }) => {
     // State for parsed/calculated dimensions
     const [parsedCanvas, setParsedCanvas] = useState({
@@ -28,8 +29,12 @@ export const useResponsiveCanvas = ({ canvasConfig, dataTestId, extraSpace = 0,
         : undefined;
     // Set up responsive dimensions with ResizeObserver
     useEffect(() => {
+        // SSR-safe: Skip effect if not in browser
+        if (!isBrowser()) {
+            return;
+        }
         // Find the SVG element for this specific component instance
-        const svgElement = document.querySelector(`[data-testid="${dataTestId}"]`);
+        const svgElement = safeQuerySelector(`[data-testid="${dataTestId}"]`);
         if (!svgElement) {
             return;
         }