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

package/dist/cjs/charts/pieChart/pieChartStructure.js

@@ -3,6 +3,8 @@ import { useMemo } from 'react';
 import { SvgContainer } from '../../components/svgContainer/svgContainer';
 import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
 import { DefaultCanvasConfig } from '../../types/canvas.type';
+import { createErrorAccumulator } from '../../utils/createErrorAccumulator';
+import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
 import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
 import { buildPieContextValue } from './context/buildPieContextValue';
 import { PieChartContext } from './context/pieChartContext';
@@ -36,7 +38,7 @@ import { PieChartContext } from './context/pieChartContext';
  * @param {ChartData[]} props.data - The data for the pie chart.
  * @returns {ReactElement} The rendered pie chart component.
  */
-export const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = DefaultCanvasConfig, caption, children, classNames, data, dataTestId = 'pie-chart', halfChart, height = '100%', radius = '50%', role, tabIndex, width = '100%', ...props }) => {
+export const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = DefaultCanvasConfig, caption, children, classNames, data, dataTestId = 'pie-chart', halfChart, height = '100%', onErrors, radius = '50%', role, tabIndex, width = '100%', ...props }) => {
     // Destructure the canvas configuration to obtain width, height, and extra space.
     const { extraSpace: canvasExtraSpace, height: canvasHeight, width: canvasWidth } = canvasConfig;
     const parsedCanvasWidth = parseStringToNumberPx(canvasWidth);
@@ -46,14 +48,22 @@ export const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defaul
         : undefined;
     // Build the viewBox string based on canvas dimensions and extra space.
     const viewBox = buildViewBox(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    const errorAccumulator = useMemo(() => createErrorAccumulator(onErrors), [onErrors]);
+    // Create a fingerprint of the data to avoid unnecessary contextValue updates
+    const dataFingerprint = getDataFingerprint(data);
     const contextValue = useMemo(() => {
+        // Clear previous errors before building new context
+        errorAccumulator.clearErrors();
         return buildPieContextValue({
+            addError: (errorType, error) => {
+                errorAccumulator.addError(errorType, error);
+            },
             canvasHeight: parsedCanvasHeight,
             canvasWidth: parsedCanvasWidth,
             children,
             halfChart,
         });
-    }, [canvasHeight, canvasWidth, halfChart]);
+    }, [canvasHeight, canvasWidth, halfChart, dataFingerprint, errorAccumulator]);
     return (_jsx(SvgContainer, { ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, dataTestId: dataTestId, height: height, radius: radius, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: _jsx(PieChartContext.Provider, { value: {
                 ...contextValue,
                 canvasHeight: parsedCanvasHeight,

package/dist/cjs/types/errors.type.d.ts

@@ -11,6 +11,9 @@ export declare const ErrorType: {
     readonly LINE_CHART_SEPARATOR_ERROR: "LINE_CHART_SEPARATOR_ERROR";
     readonly LINE_CHART_X_AXIS_ERROR: "LINE_CHART_X_AXIS_ERROR";
     readonly LINE_CHART_Y_AXIS_ERROR: "LINE_CHART_Y_AXIS_ERROR";
+    readonly PIE_CHART_CONTEXT_ERROR: "PIE_CHART_CONTEXT_ERROR";
+    readonly PIE_CHART_PATH_ERROR: "PIE_CHART_PATH_ERROR";
+    readonly PIE_CHART_SEGMENT_ERROR: "PIE_CHART_SEGMENT_ERROR";
 };
 export interface ChartError {
     error?: Error;

package/dist/cjs/types/errors.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errors.type.d.ts","sourceRoot":"","sources":["../../../src/types/errors.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAgBZ,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,SAAS,CAAC;CAC9B;AACD,MAAM,MAAM,oBAAoB,GAAG;KAChC,IAAI,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE;CACjF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,UAAU,GAAG,UAAU,EAAE,KAAG,UAAU,EAE7E,CAAC"}
+{"version":3,"file":"errors.type.d.ts","sourceRoot":"","sources":["../../../src/types/errors.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAoBZ,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,SAAS,CAAC;CAC9B;AACD,MAAM,MAAM,oBAAoB,GAAG;KAChC,IAAI,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE;CACjF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,UAAU,GAAG,UAAU,EAAE,KAAG,UAAU,EAE7E,CAAC"}

package/dist/cjs/types/errors.type.js

@@ -14,6 +14,10 @@ export const ErrorType = {
     LINE_CHART_SEPARATOR_ERROR: 'LINE_CHART_SEPARATOR_ERROR',
     LINE_CHART_X_AXIS_ERROR: 'LINE_CHART_X_AXIS_ERROR',
     LINE_CHART_Y_AXIS_ERROR: 'LINE_CHART_Y_AXIS_ERROR',
+    // Pie Chart Error categories
+    PIE_CHART_CONTEXT_ERROR: 'PIE_CHART_CONTEXT_ERROR',
+    PIE_CHART_PATH_ERROR: 'PIE_CHART_PATH_ERROR',
+    PIE_CHART_SEGMENT_ERROR: 'PIE_CHART_SEGMENT_ERROR',
 };
 // Utility for array conversion
 export const normalizeToArray = (error) => {

package/dist/cjs/utils/buildErrors/buildErrors.d.ts

@@ -1,4 +1,14 @@
 export declare const BuildError: {
+    readonly PIE_CHART_EMPTY_DATA: "PIE_CHART_EMPTY_DATA";
+    readonly PIE_CHART_INNER_RADIUS_OUT_OF_RANGE: "PIE_CHART_INNER_RADIUS_OUT_OF_RANGE";
+    readonly PIE_CHART_INVALID_CANVAS_DIMENSIONS: "PIE_CHART_INVALID_CANVAS_DIMENSIONS";
+    readonly PIE_CHART_INVALID_DATA_KEY: "PIE_CHART_INVALID_DATA_KEY";
+    readonly PIE_CHART_INVALID_INNER_RADIUS: "PIE_CHART_INVALID_INNER_RADIUS";
+    readonly PIE_CHART_INVALID_RADIUS: "PIE_CHART_INVALID_RADIUS";
+    readonly PIE_CHART_INVALID_SEGMENT_VALUE: "PIE_CHART_INVALID_SEGMENT_VALUE";
+    readonly PIE_CHART_INVALID_TOTAL: "PIE_CHART_INVALID_TOTAL";
+    readonly PIE_CHART_MISSING_SEGMENT_NAME: "PIE_CHART_MISSING_SEGMENT_NAME";
+    readonly PIE_CHART_NEGATIVE_SEGMENT_VALUE: "PIE_CHART_NEGATIVE_SEGMENT_VALUE";
     readonly LINE_CHART_INVALID_CANVAS: "LINE_CHART_INVALID_CANVAS";
     readonly LINE_CHART_NO_DATA: "LINE_CHART_NO_DATA";
     readonly LINE_CHART_PATH_ALL_VALUES_NULL: "LINE_CHART_PATH_ALL_VALUES_NULL";
@@ -66,4 +76,5 @@ export declare const buildSeparatorXOutOfRangeError: (value: number, min: number
  */
 export declare const buildSeparatorYOutOfRangeError: (value: number, min: number, max: number) => Error;
 export { buildBarValueError, buildBarNegativeValueError, buildBarDataKeyNotFoundError, buildBarDistributionError, } from './charts/buildBarChartErrors';
+export { buildSegmentValueError, buildSegmentNegativeValueError, buildPieDataKeyNotFoundError, buildEmptyDataArrayError, buildInvalidTotalError, buildInvalidGroupError, buildInvalidRadiusError, buildInvalidInnerRadiusError, buildInnerRadiusOutOfRangeError, } from './charts/buildPieChartErrors';
 //# sourceMappingURL=buildErrors.d.ts.map

package/dist/cjs/utils/buildErrors/buildErrors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildErrors.d.ts","sourceRoot":"","sources":["../../../../src/utils/buildErrors/buildErrors.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIb,CAAC;AAIX,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,EAAE,KAAK,CAIpF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,CAAC,OAAO,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC,KAAG,KAC5D,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,MAAM,KAAG,KACJ,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,KAGxE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,KACO,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,KACO,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,KACT,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,KACT,CAAC;AAGjF,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"buildErrors.d.ts","sourceRoot":"","sources":["../../../../src/utils/buildErrors/buildErrors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKb,CAAC;AAIX,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,EAAE,KAAK,CAKpF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,CAAC,OAAO,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC,KAAG,KAC5D,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,MAAM,KAAG,KACJ,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,KAGxE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,KACO,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,MAAM,GAAG,MAAM,KAAG,KACO,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,KACT,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,KACT,CAAC;AAGjF,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,4BAA4B,EAC5B,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,GAChC,MAAM,8BAA8B,CAAC"}

package/dist/cjs/utils/buildErrors/buildErrors.js

@@ -1,14 +1,17 @@
 import { BarChartErrors, BarChartErrorsRecord } from './constants/errors/barChartErrors';
 import { LineChartErrors, LineChartErrorsRecord } from './constants/errors/lineChartErrors';
+import { PieChartErrors, PieChartErrorsRecord } from './constants/errors/pieChartErrors';
 export const BuildError = {
     INVALID_X_TICK: 'INVALID_X_TICK',
     ...BarChartErrors,
     ...LineChartErrors,
+    ...PieChartErrors,
 };
 const INVALID_X_TICK_ERROR = '[getXTicks] Invalid X tick values calculated';
 export const ErrorsRecord = {
     ...BarChartErrorsRecord,
     ...LineChartErrorsRecord,
+    ...PieChartErrorsRecord,
     INVALID_X_TICK: new Error(INVALID_X_TICK_ERROR),
 };
 export const buildError = (error) => ErrorsRecord[error];
@@ -38,3 +41,5 @@ export const buildSeparatorXOutOfRangeError = (value, min, max) => new Error(`xB
 export const buildSeparatorYOutOfRangeError = (value, min, max) => new Error(`yBreakAxis value ${value} is outside data range (${min} - ${max})`);
 // Re-export bar chart error builders
 export { buildBarValueError, buildBarNegativeValueError, buildBarDataKeyNotFoundError, buildBarDistributionError, } from './charts/buildBarChartErrors';
+// Re-export pie chart error builders
+export { buildSegmentValueError, buildSegmentNegativeValueError, buildPieDataKeyNotFoundError, buildEmptyDataArrayError, buildInvalidTotalError, buildInvalidGroupError, buildInvalidRadiusError, buildInvalidInnerRadiusError, buildInnerRadiusOutOfRangeError, } from './charts/buildPieChartErrors';

package/dist/cjs/utils/buildErrors/charts/buildPieChartErrors.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Creates a dynamic error for when a segment value is not numeric
+ */
+export declare const buildSegmentValueError: (value: unknown, groupName: string) => Error;
+/**
+ * Creates a dynamic error for when a segment value is negative
+ */
+export declare const buildSegmentNegativeValueError: (value: number, groupName: string) => Error;
+/**
+ * Creates a dynamic error for when a dataKey is not found in the dataset
+ */
+export declare const buildPieDataKeyNotFoundError: (dataKey: string) => Error;
+/**
+ * Creates a dynamic error for when the data array is empty
+ */
+export declare const buildEmptyDataArrayError: (dataKey: string) => Error;
+/**
+ * Creates a dynamic error for when total value is zero or invalid
+ */
+export declare const buildInvalidTotalError: (dataKey: string, total: number) => Error;
+/**
+ * Creates a dynamic error for when a group is missing required properties
+ */
+export declare const buildInvalidGroupError: (dataKey: string, index: number, missingProp: string) => Error;
+/**
+ * Creates a dynamic error for invalid radius value
+ */
+export declare const buildInvalidRadiusError: (radius: unknown) => Error;
+/**
+ * Creates a dynamic error for invalid innerRadius value
+ */
+export declare const buildInvalidInnerRadiusError: (innerRadius: unknown) => Error;
+/**
+ * Creates a dynamic error for when innerRadius is greater than or equal to radius
+ */
+export declare const buildInnerRadiusOutOfRangeError: (innerRadius: number, radius: number) => Error;
+//# sourceMappingURL=buildPieChartErrors.d.ts.map

package/dist/cjs/utils/buildErrors/charts/buildPieChartErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPieChartErrors.d.ts","sourceRoot":"","sources":["../../../../../src/utils/buildErrors/charts/buildPieChartErrors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,EAAE,WAAW,MAAM,KAAG,KACc,CAAC;AAE1F;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,OAAO,MAAM,EAAE,WAAW,MAAM,KAAG,KACM,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAAI,SAAS,MAAM,KAAG,KACE,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,KAAG,KACJ,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,KAAG,KACG,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,MAAM,EACf,OAAO,MAAM,EACb,aAAa,MAAM,KAClB,KAGA,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,OAAO,KAAG,KACkB,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAAI,aAAa,OAAO,KAAG,KAC0B,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,+BAA+B,GAAI,aAAa,MAAM,EAAE,QAAQ,MAAM,KAAG,KAGnF,CAAC"}

package/dist/cjs/utils/buildErrors/charts/buildPieChartErrors.js

@@ -0,0 +1,36 @@
+/**
+ * Creates a dynamic error for when a segment value is not numeric
+ */
+export const buildSegmentValueError = (value, groupName) => new Error(`Invalid segment value for "${groupName}": "${value}" is not a valid number`);
+/**
+ * Creates a dynamic error for when a segment value is negative
+ */
+export const buildSegmentNegativeValueError = (value, groupName) => new Error(`Negative segment value for "${groupName}": ${value} (values must be >= 0)`);
+/**
+ * Creates a dynamic error for when a dataKey is not found in the dataset
+ */
+export const buildPieDataKeyNotFoundError = (dataKey) => new Error(`DataKey "${dataKey}" not found in PieChart dataset`);
+/**
+ * Creates a dynamic error for when the data array is empty
+ */
+export const buildEmptyDataArrayError = (dataKey) => new Error(`Data array for key "${dataKey}" is empty`);
+/**
+ * Creates a dynamic error for when total value is zero or invalid
+ */
+export const buildInvalidTotalError = (dataKey, total) => new Error(`Invalid total value for "${dataKey}": ${total} (must be > 0)`);
+/**
+ * Creates a dynamic error for when a group is missing required properties
+ */
+export const buildInvalidGroupError = (dataKey, index, missingProp) => new Error(`Invalid group at index ${index} in "${dataKey}": missing required property "${missingProp}"`);
+/**
+ * Creates a dynamic error for invalid radius value
+ */
+export const buildInvalidRadiusError = (radius) => new Error(`Invalid radius value: "${radius}" (must be a positive number)`);
+/**
+ * Creates a dynamic error for invalid innerRadius value
+ */
+export const buildInvalidInnerRadiusError = (innerRadius) => new Error(`Invalid innerRadius value: "${innerRadius}" (must be a positive number or zero)`);
+/**
+ * Creates a dynamic error for when innerRadius is greater than or equal to radius
+ */
+export const buildInnerRadiusOutOfRangeError = (innerRadius, radius) => new Error(`innerRadius (${innerRadius}) must be less than radius (${radius}) for donut chart rendering`);

package/dist/cjs/utils/buildErrors/constants/errorMessages/pieChartErrorMessages.d.ts

@@ -0,0 +1,13 @@
+export declare const PieChartErrorMessages: {
+    readonly PIE_CHART_EMPTY_DATA: "PieChart data is empty or undefined";
+    readonly PIE_CHART_INNER_RADIUS_OUT_OF_RANGE: "Inner radius must be less than radius";
+    readonly PIE_CHART_INVALID_CANVAS_DIMENSIONS: "Invalid canvas dimensions for PieChart";
+    readonly PIE_CHART_INVALID_DATA_KEY: "Invalid or missing dataKey in PieChart data";
+    readonly PIE_CHART_INVALID_INNER_RADIUS: "Invalid innerRadius value";
+    readonly PIE_CHART_INVALID_RADIUS: "Invalid radius value";
+    readonly PIE_CHART_INVALID_SEGMENT_VALUE: "Invalid segment value (non-numeric)";
+    readonly PIE_CHART_INVALID_TOTAL: "PieChart total value is zero or invalid";
+    readonly PIE_CHART_MISSING_SEGMENT_NAME: "Segment is missing required name property";
+    readonly PIE_CHART_NEGATIVE_SEGMENT_VALUE: "Segment value cannot be negative";
+};
+//# sourceMappingURL=pieChartErrorMessages.d.ts.map

package/dist/cjs/utils/buildErrors/constants/errorMessages/pieChartErrorMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChartErrorMessages.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/buildErrors/constants/errorMessages/pieChartErrorMessages.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;CAmBxB,CAAC"}

package/dist/cjs/utils/buildErrors/constants/errorMessages/pieChartErrorMessages.js

@@ -0,0 +1,20 @@
+export const PieChartErrorMessages = {
+    // Data Validation Errors
+    PIE_CHART_EMPTY_DATA: 'PieChart data is empty or undefined',
+    // Radius Errors
+    PIE_CHART_INNER_RADIUS_OUT_OF_RANGE: 'Inner radius must be less than radius',
+    // Canvas & Context Errors
+    PIE_CHART_INVALID_CANVAS_DIMENSIONS: 'Invalid canvas dimensions for PieChart',
+    // Data Validation Errors
+    PIE_CHART_INVALID_DATA_KEY: 'Invalid or missing dataKey in PieChart data',
+    // Radius Errors
+    PIE_CHART_INVALID_INNER_RADIUS: 'Invalid innerRadius value',
+    PIE_CHART_INVALID_RADIUS: 'Invalid radius value',
+    // Segment Errors
+    PIE_CHART_INVALID_SEGMENT_VALUE: 'Invalid segment value (non-numeric)',
+    // Data Validation Errors
+    PIE_CHART_INVALID_TOTAL: 'PieChart total value is zero or invalid',
+    // Segment Errors
+    PIE_CHART_MISSING_SEGMENT_NAME: 'Segment is missing required name property',
+    PIE_CHART_NEGATIVE_SEGMENT_VALUE: 'Segment value cannot be negative',
+};

package/dist/cjs/utils/buildErrors/constants/errors/pieChartErrors.d.ts

@@ -0,0 +1,14 @@
+export declare const PieChartErrors: {
+    readonly PIE_CHART_EMPTY_DATA: "PIE_CHART_EMPTY_DATA";
+    readonly PIE_CHART_INNER_RADIUS_OUT_OF_RANGE: "PIE_CHART_INNER_RADIUS_OUT_OF_RANGE";
+    readonly PIE_CHART_INVALID_CANVAS_DIMENSIONS: "PIE_CHART_INVALID_CANVAS_DIMENSIONS";
+    readonly PIE_CHART_INVALID_DATA_KEY: "PIE_CHART_INVALID_DATA_KEY";
+    readonly PIE_CHART_INVALID_INNER_RADIUS: "PIE_CHART_INVALID_INNER_RADIUS";
+    readonly PIE_CHART_INVALID_RADIUS: "PIE_CHART_INVALID_RADIUS";
+    readonly PIE_CHART_INVALID_SEGMENT_VALUE: "PIE_CHART_INVALID_SEGMENT_VALUE";
+    readonly PIE_CHART_INVALID_TOTAL: "PIE_CHART_INVALID_TOTAL";
+    readonly PIE_CHART_MISSING_SEGMENT_NAME: "PIE_CHART_MISSING_SEGMENT_NAME";
+    readonly PIE_CHART_NEGATIVE_SEGMENT_VALUE: "PIE_CHART_NEGATIVE_SEGMENT_VALUE";
+};
+export declare const PieChartErrorsRecord: Record<"PIE_CHART_EMPTY_DATA" | "PIE_CHART_INNER_RADIUS_OUT_OF_RANGE" | "PIE_CHART_INVALID_CANVAS_DIMENSIONS" | "PIE_CHART_INVALID_DATA_KEY" | "PIE_CHART_INVALID_INNER_RADIUS" | "PIE_CHART_INVALID_RADIUS" | "PIE_CHART_INVALID_SEGMENT_VALUE" | "PIE_CHART_INVALID_TOTAL" | "PIE_CHART_MISSING_SEGMENT_NAME" | "PIE_CHART_NEGATIVE_SEGMENT_VALUE", Error>;
+//# sourceMappingURL=pieChartErrors.d.ts.map

package/dist/cjs/utils/buildErrors/constants/errors/pieChartErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChartErrors.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/buildErrors/constants/errors/pieChartErrors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;CAmBjB,CAAC;AAEX,eAAO,MAAM,oBAAoB,8VAMhC,CAAC"}

package/dist/cjs/utils/buildErrors/constants/errors/pieChartErrors.js

@@ -0,0 +1,25 @@
+import { PieChartErrorMessages } from '../errorMessages/pieChartErrorMessages';
+export const PieChartErrors = {
+    // Data Validation Errors
+    PIE_CHART_EMPTY_DATA: 'PIE_CHART_EMPTY_DATA',
+    // Radius Errors
+    PIE_CHART_INNER_RADIUS_OUT_OF_RANGE: 'PIE_CHART_INNER_RADIUS_OUT_OF_RANGE',
+    // Canvas & Context Errors
+    PIE_CHART_INVALID_CANVAS_DIMENSIONS: 'PIE_CHART_INVALID_CANVAS_DIMENSIONS',
+    // Data Validation Errors
+    PIE_CHART_INVALID_DATA_KEY: 'PIE_CHART_INVALID_DATA_KEY',
+    // Radius Errors
+    PIE_CHART_INVALID_INNER_RADIUS: 'PIE_CHART_INVALID_INNER_RADIUS',
+    PIE_CHART_INVALID_RADIUS: 'PIE_CHART_INVALID_RADIUS',
+    // Segment Errors
+    PIE_CHART_INVALID_SEGMENT_VALUE: 'PIE_CHART_INVALID_SEGMENT_VALUE',
+    // Data Validation Errors
+    PIE_CHART_INVALID_TOTAL: 'PIE_CHART_INVALID_TOTAL',
+    // Segment Errors
+    PIE_CHART_MISSING_SEGMENT_NAME: 'PIE_CHART_MISSING_SEGMENT_NAME',
+    PIE_CHART_NEGATIVE_SEGMENT_VALUE: 'PIE_CHART_NEGATIVE_SEGMENT_VALUE',
+};
+export const PieChartErrorsRecord = Object.entries(PieChartErrorMessages).reduce((acc, [key, message]) => {
+    acc[key] = new Error(message);
+    return acc;
+}, {});

package/dist/esm/charts/barChart/fragments/barChartPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8EpD,CAAC"}
+{"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkFpD,CAAC"}

package/dist/esm/charts/barChart/fragments/barChartPath.js

@@ -22,31 +22,36 @@ export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) =
     const dataItem = context.data[dataIdx];
     const xData = dataItem?.[xKey];
     const yData = dataItem?.[yKey];
+    // Extract values for stable dependencies
+    const firstDataItem = context.data[0];
+    const hasDataKey = firstDataItem
+        ? Object.prototype.hasOwnProperty.call(firstDataItem, dataKey)
+        : false;
+    const hasData = context.data.length > 0;
+    const numericYData = Number(yData);
     // Path error validations - only validates the data for this specific bar
     useEffect(() => {
         // Validate dataKey exists in dataset
-        if (context.data.length > 0 &&
-            !Object.prototype.hasOwnProperty.call(context.data[0], dataKey)) {
+        if (hasData && !hasDataKey) {
             addError?.('BAR_CHART_PATH_ERROR', {
                 error: buildDataKeyNotFoundError(dataKey),
             });
             return; // Stop validation if dataKey doesn't exist
         }
         // Validate bar value is numeric
-        const numericValue = Number(yData);
-        if (isNaN(numericValue)) {
+        if (isNaN(numericYData)) {
             addError?.('BAR_CHART_PATH_ERROR', {
                 error: buildBarValueError(yData, dataKey),
             });
             return;
         }
         // Validate negative values
-        if (numericValue < 0) {
+        if (numericYData < 0) {
             addError?.('BAR_CHART_PATH_ERROR', {
-                error: buildBarNegativeValueError(numericValue, dataKey),
+                error: buildBarNegativeValueError(numericYData, dataKey),
             });
         }
-    }, [addError, context.data, dataKey, yData]);
+    }, [dataKey, hasData, hasDataKey, numericYData, yData]);
     const xPoint = getPoints(xTickValues, [String(xData)], true)[0];
     const yPoint = getPoints(yTickValues, [String(yData)])[0];
     const points = isVertical

package/dist/esm/charts/barChart/fragments/barChartSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0FxD,CAAC"}
+{"version":3,"file":"barChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0GxD,CAAC"}

package/dist/esm/charts/barChart/fragments/barChartSeparator.js

@@ -5,13 +5,26 @@ import { getPoints } from '../../../utils/getPoints/getPoints';
 import { BarChartContext } from '../context/barChartContext';
 export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
     const { addError, crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(BarChartContext);
+    // Extract tick values for stable dependencies
+    const xTickValues = xAxisCoordinates.tickValues;
+    const yTickValues = yAxisCoordinates.tickValues;
+    // Pre-calculate numeric values for dependencies
+    const xBreakNumeric = xBreakAxis !== undefined
+        ? typeof xBreakAxis === 'string'
+            ? parseFloat(xBreakAxis)
+            : xBreakAxis
+        : undefined;
+    const yBreakNumeric = yBreakAxis !== undefined
+        ? typeof yBreakAxis === 'string'
+            ? parseFloat(yBreakAxis)
+            : yBreakAxis
+        : undefined;
     // 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)) {
+            const xValues = xTickValues.map(tick => tick.value);
+            if (xBreakNumeric === undefined || isNaN(xBreakNumeric)) {
                 addError?.('BAR_CHART_SEPARATOR_ERROR', {
                     error: buildSeparatorXBreakAxisError(xBreakAxis),
                 });
@@ -28,9 +41,8 @@ export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, t
         }
         // yBreakAxis validation
         if (yBreakAxis !== undefined) {
-            const yValues = yAxisCoordinates.tickValues.map(tick => tick.value);
-            const yBreakNumeric = typeof yBreakAxis === 'string' ? parseFloat(yBreakAxis) : yBreakAxis;
-            if (isNaN(yBreakNumeric)) {
+            const yValues = yTickValues.map(tick => tick.value);
+            if (yBreakNumeric === undefined || isNaN(yBreakNumeric)) {
                 addError?.('BAR_CHART_SEPARATOR_ERROR', {
                     error: buildSeparatorYBreakAxisError(yBreakAxis),
                 });
@@ -45,7 +57,7 @@ export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, t
                 }
             }
         }
-    }, [xBreakAxis, yBreakAxis, xAxisCoordinates.tickValues, yAxisCoordinates.tickValues, addError]);
+    }, [xBreakAxis, xBreakNumeric, xTickValues, yBreakAxis, yBreakNumeric, yTickValues]);
     if (!topSeparator && !rightSeparator && !areaSeparator) {
         return _jsx(_Fragment, {});
     }
@@ -64,7 +76,7 @@ export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, t
                 error: buildError(BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES),
             });
         }
-    }, [xStart, xEnd, yStart, yEnd, addError]);
+    }, [xStart, xEnd, yStart, yEnd]);
     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/constants/chartDefaults.d.ts

@@ -74,4 +74,24 @@ export declare const LINE_CHART_FALLBACK_DATA: {
     /** Second Y value for line chart fallback data */
     readonly FALLBACK_Y_SECOND: 1;
 };
+/**
+ * Pie Chart specific default configuration values
+ */
+export declare const PIE_CHART_DEFAULTS: {
+    /** Default radius percentage when not specified */
+    readonly DEFAULT_RADIUS_PERCENTAGE: 50;
+    /** Minimum number of segments required for a valid pie chart */
+    readonly MIN_SEGMENTS: 1;
+};
+/**
+ * Pie Chart specific fallback data points used when pie chart data is invalid or empty
+ */
+export declare const PIE_CHART_FALLBACK_DATA: {
+    /** Generic data key for fallback data */
+    readonly FALLBACK_DATA_KEY: "fallbackSegments";
+    /** Default segment name for fallback data */
+    readonly FALLBACK_SEGMENT_NAME: "fallback";
+    /** Default segment value for fallback data */
+    readonly FALLBACK_SEGMENT_VALUE: 100;
+};
 //# sourceMappingURL=chartDefaults.d.ts.map

package/dist/esm/charts/constants/chartDefaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartDefaults.d.ts","sourceRoot":"","sources":["../../../../src/charts/constants/chartDefaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAChC,4DAA4D;;IAE5D,0DAA0D;;CAElD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;IACjC,yDAAyD;;CAEjD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2DAA2D;;CAEnD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB;IAC/B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B,wDAAwD;;CAEhD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,+CAA+C;;IAE/C,qEAAqE;;CAE7D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,wBAAwB;IACnC,iDAAiD;;IAEjD,kDAAkD;;IAElD,iDAAiD;;IAEjD,kDAAkD;;CAE1C,CAAC"}
+{"version":3,"file":"chartDefaults.d.ts","sourceRoot":"","sources":["../../../../src/charts/constants/chartDefaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAChC,4DAA4D;;IAE5D,0DAA0D;;CAElD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;IACjC,yDAAyD;;CAEjD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2DAA2D;;CAEnD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB;IAC/B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B,wDAAwD;;CAEhD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,+CAA+C;;IAE/C,qEAAqE;;CAE7D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,wBAAwB;IACnC,iDAAiD;;IAEjD,kDAAkD;;IAElD,iDAAiD;;IAEjD,kDAAkD;;CAE1C,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B,mDAAmD;;IAEnD,gEAAgE;;CAExD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,yCAAyC;;IAEzC,6CAA6C;;IAE7C,8CAA8C;;CAEtC,CAAC"}

package/dist/esm/charts/constants/chartDefaults.js

@@ -74,3 +74,23 @@ export const LINE_CHART_FALLBACK_DATA = {
     /** Second Y value for line chart fallback data */
     FALLBACK_Y_SECOND: 1,
 };
+/**
+ * Pie Chart specific default configuration values
+ */
+export const PIE_CHART_DEFAULTS = {
+    /** Default radius percentage when not specified */
+    DEFAULT_RADIUS_PERCENTAGE: 50,
+    /** Minimum number of segments required for a valid pie chart */
+    MIN_SEGMENTS: 1,
+};
+/**
+ * Pie Chart specific fallback data points used when pie chart data is invalid or empty
+ */
+export const PIE_CHART_FALLBACK_DATA = {
+    /** Generic data key for fallback data */
+    FALLBACK_DATA_KEY: 'fallbackSegments',
+    /** Default segment name for fallback data */
+    FALLBACK_SEGMENT_NAME: 'fallback',
+    /** Default segment value for fallback data */
+    FALLBACK_SEGMENT_VALUE: 100,
+};

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;AAWlF,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAIxE,OAAO,qBAAqB,CAAC;AAO7B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwLhD,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,CA8LhD,CAAC"}

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

@@ -19,38 +19,45 @@ const getAxisData = (data, key) => {
 export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getNodesCoords, indicatorConfig, lineProjection, onClick, ...props }) => {
     // recovery the context values
     const { addError, xAxisCoordinates, yAxisCoordinates, ...context } = useContext(LineChartContext);
+    // Extract stable values for dependencies
+    const dataKey = props.dataKey;
+    const hasData = context.data.length > 0;
+    const firstDataItem = context.data[0];
+    const hasDataKey = firstDataItem
+        ? Object.prototype.hasOwnProperty.call(firstDataItem, dataKey)
+        : false;
+    const dataLength = context.data.length;
     // Path error validations
     useEffect(() => {
         // Invalid dataKey validation
-        if (!props.dataKey || typeof props.dataKey !== 'string') {
+        if (!dataKey || typeof 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)) {
+        if (hasData && !hasDataKey) {
             addError?.('LINE_CHART_PATH_ERROR', {
-                error: buildDataKeyNotFoundError(props.dataKey),
+                error: buildDataKeyNotFoundError(dataKey),
             });
             return;
         }
         // Curved path calculation errors
-        if (curved && context.data.length < 2) {
+        if (curved && dataLength < 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);
+        const yData = getAxisData(context.data, 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]);
+    }, [addError, curved, dataKey, dataLength, hasData, hasDataKey, context.data]);
     // the node indicator logic
     const { indicatorRef, pathRef } = useIndicator(context.xCursor, !!indicatorConfig);
     const showIndicator = !!indicatorConfig && context.xCursor !== -Infinity;
@@ -65,7 +72,7 @@ export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInf
     const { tickValues: xTickValues } = xAxisCoordinates;
     const { tickValues: yTickValues } = yAxisCoordinates;
     const xData = getAxisData(context.data, context.xKey);
-    const yData = getAxisData(context.data, props.dataKey);
+    const yData = getAxisData(context.data, dataKey);
     const xPoints = getPoints(xTickValues, xData, true);
     const yPoints = getPoints(yTickValues, yData);
     const points = xPoints.map((x, i) => [x, yPoints[i]]);

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,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"}
+{"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,CA8E5D,CAAC"}

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

@@ -11,21 +11,25 @@ export const LineChartProjection = ({ curved, lineProjection, points, svgHeight,
     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;
+    // Extract values for stable dependencies
+    const upperY = upperProjection?.y;
+    const lowerY = lowerProjection?.y;
+    const upperX = upperProjection?.x;
+    const lowerX = lowerProjection?.x;
     // 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) {
+            const upperYVal = upperY || 0;
+            const lowerYVal = lowerY || 0;
+            if (upperYVal >= lowerYVal) {
                 addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionBoundsError(upperY, lowerY),
+                    error: buildProjectionBoundsError(upperYVal, lowerYVal),
                 });
             }
         }
         // 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),
@@ -38,7 +42,6 @@ export const LineChartProjection = ({ curved, lineProjection, points, svgHeight,
             }
         }
         if (lowerProjection) {
-            const { x: lowerX, y: lowerY } = lowerProjection;
             if (lowerX !== undefined && (lowerX < 0 || lowerX > 100)) {
                 addError?.('LINE_CHART_PROJECTION_ERROR', {
                     error: buildProjectionXOutOfRangeError(lowerX, false),
@@ -50,7 +53,7 @@ export const LineChartProjection = ({ curved, lineProjection, points, svgHeight,
                 });
             }
         }
-    }, [upperProjection, lowerProjection, svgHeight, addError]);
+    }, [lowerProjection, lowerX, lowerY, svgHeight, upperProjection, upperX, upperY]);
     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,EAA4C,MAAM,OAAO,CAAC;AAa1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0F1D,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,CA0G1D,CAAC"}