@kubit-ui-web/react-charts 1.6.0 → 1.7.0

package/dist/cjs/charts/lineChart/context/buildLineContextValue.d.ts

@@ -4,8 +4,6 @@ interface BuildContextValue {
     children: ChildrenType;
     data: IDataPoint[];
     xKey: string;
-    ajustedX: number;
-    ajustedY: number;
     canvasHeight: number;
     canvasWidth: number;
     viewBox: string;
@@ -18,6 +16,6 @@ type OmitProps = 'data' | 'xKey' | 'canvasHeight' | 'canvasWidth' | 'canvasExtra
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-export declare const buildLineContextValue: ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: BuildContextValue) => Omit<LineChartContextType, OmitProps>;
+export declare const buildLineContextValue: ({ addError, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: BuildContextValue) => Omit<LineChartContextType, OmitProps>;
 export {};
 //# sourceMappingURL=buildLineContextValue.d.ts.map

package/dist/cjs/charts/lineChart/context/buildLineContextValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildLineContextValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/context/buildLineContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkBjE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGxF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACzF;AAED,KAAK,SAAS,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,CAAC;AAEd;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,6FAUnC,iBAAiB,KAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAoR1D,CAAC"}
+{"version":3,"file":"buildLineContextValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/context/buildLineContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAUjE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAaxF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACzF;AAED,KAAK,SAAS,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,CAAC;AAEd;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,yEAQnC,iBAAiB,KAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAkN1D,CAAC"}

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

@@ -1,40 +1,29 @@
 import { ErrorType } from '../../../types/errors.type';
 import { Positions } from '../../../types/position.enum';
-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 { BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, LINE_CHART_FALLBACK_DATA, SHARED_FALLBACK_DATA, } from '../../constants/chartDefaults';
+import { getXCoordinates, getYCoordinates } from '../utils/getCoordinates';
 import { getExtraSpacing } from '../utils/getExtraSpacing';
+import { getXTicks, getYTicks } from '../utils/getTicks';
+import { validateCanvasDimensions, validateData, validateXCoordinates, validateXTickValues, validateYCoordinates, validateYTickValues, } from '../utils/validations';
 /**
  * Builds the context value for the line chart.
  *
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const buildLineContextValue = ({ addError, 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);
+    const { error: dataError } = validateData({ data, addError });
+    if (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);
+    const { error: canvasError } = validateCanvasDimensions({
+        canvasWidth,
+        canvasHeight,
+        addError,
+    });
+    if (canvasError) {
         error = canvasError;
     }
     // Use safe defaults for data processing if there are critical errors
@@ -55,9 +44,7 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
     /**
      * 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,
+    const { xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, lineChartXPosition, lineChartYPosition, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         children,
@@ -65,85 +52,35 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         viewBox,
         xKey,
     });
-    /**
-     * Calculate the tick values for the X Axis.
-     */
-    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
-    const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
     const xTickValues = getXTicks({
-        initPos: extraSpaceLeftX,
-        maxSpaceAvailable: safeCanvasWidth,
-        otherAxisSpace: yAxisSpace,
-        securitySpace: securityXSpace,
         tickValues: xData,
+        maxSpaceAvailable: safeCanvasWidth,
+        xAxisLeftSpacing,
+        xAxisRightSpacing,
+        yAxisLeftSpacing,
+        yAxisRightSpacing,
     });
-    if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-        const xTickError = {
-            error: buildError(BuildError.INVALID_X_TICK),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
+    const { error: xTickError } = validateXTickValues({ xTickValues, addError });
+    if (!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.
      */
-    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
-    const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
     const yTickValues = getYTicks({
-        initPos: safeCanvasHeight - extraSpaceBottomY,
         maxSpaceAvailable: safeCanvasHeight,
-        otherAxisSpace,
-        securitySpace: securityYSpace,
         tickValues: yData,
+        xAxisTopSpacing,
+        xAxisBottomSpacing,
+        yAxisTopSpacing,
+        yAxisBottomSpacing,
     });
-    // 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;
-            }
-        }
+    const { error: yTickError } = validateYTickValues({ yTickValues, addError });
+    if (!error && yTickError) {
+        error = yTickError;
     }
+    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
+    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
     /**
      * Calculate the custom breakAxis for the X and Y Axis.
      */
@@ -160,12 +97,16 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakXAxis),
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        position: lineChartXPosition,
-        securityYSpace,
+        lineChartXPosition,
+        lineChartYPosition,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
     });
     /**
      * Calculate the Y coordinates for the line chart.
@@ -174,42 +115,37 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakYAxis),
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        position: lineChartYPosition,
-        securityYSpace,
+        lineChartXPosition,
+        lineChartYPosition,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
     });
-    // 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;
-        }
+    const { error: xCoordinatesError } = validateXCoordinates({ xCoordinates, addError });
+    if (!error && xCoordinatesError) {
+        error = xCoordinatesError;
     }
-    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;
-        }
+    const { error: yCoordinatesError } = validateYCoordinates({ yCoordinates, addError });
+    if (!error && yCoordinatesError) {
+        error = yCoordinatesError;
     }
     const baseContext = {
         addError,
         crossXAxis,
         crossYAxis,
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        securityXSpace,
-        securityYSpace,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
         xAxisCoordinates: {
             coordinates: xCoordinates,
             tickValues: xTickValues ||

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

@@ -1,44 +1,3 @@
-import type { TickData } from '../../../../components/tick/tick.types';
-export declare const CONTEXT: {
-    addError: undefined;
-    canvasExtraSpace: number;
-    canvasHeight: number;
-    canvasWidth: number;
-    crossXAxis: boolean;
-    crossYAxis: boolean;
-    data: {
-        testKey: number;
-        xKey: number;
-    }[];
-    dataTestId: string;
-    extraSpaceBottomY: number;
-    extraSpaceLeftX: number;
-    extraSpaceRightX: number;
-    extraSpaceTopY: number;
-    securityXSpace: number;
-    securityYSpace: number;
-    xAxisCoordinates: {
-        coordinates: {
-            x1: number;
-            x2: number;
-            y1: number;
-            y2: number;
-        };
-        tickValues: TickData[];
-    };
-    xAxisText: number;
-    xCursor: number;
-    xKey: string;
-    yAxisCoordinates: {
-        coordinates: {
-            x1: number;
-            x2: number;
-            y1: number;
-            y2: number;
-        };
-        tickValues: TickData[];
-    };
-    yAxisText: number;
-    yCursor: number;
-};
+import type { LineChartContextType } from '../../lineChart.type';
+export declare const CONTEXT: LineChartContextType;
 //# sourceMappingURL=contextData.d.ts.map

package/dist/cjs/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;;;;;;;;;;;;;;;;;;;;;;;;;oBAyBA,QAAQ,EAAE;;;;;;;;;;;;oBAWV,QAAQ,EAAE;;;;CAI7B,CAAC"}
+{"version":3,"file":"contextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/lineChart/fragments/fixture/contextData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,oBA0CrB,CAAC"}

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

@@ -11,12 +11,14 @@ export const CONTEXT = {
         { testKey: 30, xKey: 3 },
     ],
     dataTestId: 'test',
-    extraSpaceBottomY: 0,
-    extraSpaceLeftX: 0,
-    extraSpaceRightX: 0,
-    extraSpaceTopY: 0,
-    securityXSpace: 0,
-    securityYSpace: 0,
+    xAxisLeftSpacing: 0,
+    xAxisTopSpacing: 0,
+    xAxisRightSpacing: 0,
+    xAxisBottomSpacing: 0,
+    yAxisLeftSpacing: 0,
+    yAxisTopSpacing: 0,
+    yAxisRightSpacing: 0,
+    yAxisBottomSpacing: 0,
     xAxisCoordinates: {
         coordinates: { x1: 0, x2: 100, y1: 0, y2: 0 },
         tickValues: [

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

@@ -85,13 +85,13 @@ export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInf
         curved,
         extendToBottom: false,
         points,
-        svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
+        svgHeight: yAxisCoordinates.coordinates.y2,
     });
     const dataFill = getPathData({
         curved,
         extendToBottom: !!props.fill || !!props.gradient,
         points,
-        svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
+        svgHeight: yAxisCoordinates.coordinates.y2,
     });
     // the ref to the path and handler the nodes focus
     useEffect(() => {
@@ -145,5 +145,5 @@ export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInf
         // Handle deprecated ariaLabel - give precedence to ariaLabel for backward compatibility
         ...(ariaLabel && { 'aria-label': ariaLabel }),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Path, { ref: innerRefs, d: dataOnlyLine, dFill: dataFill, dataTestId: `${context.dataTestId}path`, dataValue: context.data, points: points, xKey: context.xKey, onClick: handleClick, ...mergedProps }), lineProjection && (_jsx(LineChartProjection, { curved: curved, dataKey: props.dataKey, lineProjection: lineProjection, points: points, svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY })), showIndicator && (_jsxs(_Fragment, { children: [!!lineIndicator && isCursorWithinPathArea && (_jsx(Line, { ...lineIndicator, className: "pointer-events-none", x1: context.xCursor, x2: context.xCursor, y1: y1, y2: y2 })), _jsx("g", { ref: indicatorRef, className: "pointer-events-none", children: _jsx(Node, { ...nodeIndicatorConfig }) })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Path, { ref: innerRefs, d: dataOnlyLine, dFill: dataFill, dataTestId: `${context.dataTestId}path`, dataValue: context.data, points: points, xKey: context.xKey, onClick: handleClick, ...mergedProps }), lineProjection && (_jsx(LineChartProjection, { curved: curved, dataKey: props.dataKey, lineProjection: lineProjection, points: points, svgHeight: yAxisCoordinates.coordinates.y2 })), showIndicator && (_jsxs(_Fragment, { children: [!!lineIndicator && isCursorWithinPathArea && (_jsx(Line, { ...lineIndicator, className: "pointer-events-none", x1: context.xCursor, x2: context.xCursor, y1: y1, y2: y2 })), _jsx("g", { ref: indicatorRef, className: "pointer-events-none", children: _jsx(Node, { ...nodeIndicatorConfig }) })] }))] }));
 };

package/dist/cjs/charts/lineChart/fragments/lineChartXAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAS/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+DlD,CAAC"}
+{"version":3,"file":"lineChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAS/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwDlD,CAAC"}

package/dist/cjs/charts/lineChart/fragments/lineChartXAxis.js

@@ -9,8 +9,6 @@ import { LineChartContext } from '../context/lineChartContext';
 export const LineChartXAxis = ({ ariaLabel, position = Positions.BOTTOM, tickLine, tickText, valueFormatter = (value) => value, ...props }) => {
     const { xAxisCoordinates: { coordinates, tickValues: contextTickValues }, xCursor, ...context } = useContext(LineChartContext);
     const tickTextY = getTickTextYCoordinate(position, coordinates.y1, Number(tickText?.fontSize), tickText?.top ?? 0);
-    const y1 = context.extraSpaceTopY;
-    const y2 = Number(context.canvasHeight) - context.extraSpaceBottomY;
     const tickValues = tickText
         ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
@@ -23,13 +21,10 @@ export const LineChartXAxis = ({ ariaLabel, position = Positions.BOTTOM, tickLin
         ...customAttributes,
         ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
     };
-    return (_jsx(XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, extraSpace: {
-            left: context.extraSpaceLeftX,
-            right: context.extraSpaceRightX,
-        }, tickLine: {
+    return (_jsx(XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, tickLine: {
             ...tickLine,
-            y1,
-            y2,
+            y1: context.yAxisCoordinates.coordinates.y1,
+            y2: context.yAxisCoordinates.coordinates.y2,
         }, tickText: {
             ...tickText,
             y: tickTextY,

package/dist/cjs/charts/lineChart/fragments/lineChartYAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartYAxis.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgExD,CAAC"}
+{"version":3,"file":"lineChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartYAxis.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4DxD,CAAC"}

package/dist/cjs/charts/lineChart/fragments/lineChartYAxis.js

@@ -3,10 +3,9 @@ import { useContext } from 'react';
 import { YAxis } from '../../../components/axisChart/yAxis/yAxis';
 import { TickDataUtils } from '../../../components/tick/tick.types';
 import { Positions } from '../../../types/position.enum';
-import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
-import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
 import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
 import { LineChartContext } from '../context/lineChartContext';
+import { getYAxisTextXCoordinate } from '../utils/tickTextPosition';
 export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine, tickText, valueFormatter = (value) => value, 
 // NOTE: tickValues prop is destructured but NOT USED - see TODO in lineChart.type.ts
 ...props }) => {
@@ -16,11 +15,12 @@ export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine,
     // 1. Check if props.tickValues exists
     // 2. Use custom tick values instead of context values when provided
     // 3. Update buildLineContextValue to handle custom Y-axis tick values
-    const textAnchor = tickText?.textAnchor || 'middle';
-    const addSpace = position === Positions.RIGHT ? tickText?.right : tickText?.left;
-    const ajustedSpace = addSpace ?? 0;
-    const ajustedText = ajustedTextSpace(textAnchor, context.yAxisText, ajustedSpace);
-    const xTickText = getTickTextXCoordinate(position, coordinates.x1, ajustedText);
+    const xTickText = getYAxisTextXCoordinate({
+        tickText,
+        yAxisPosition: position,
+        textWidth: context.yAxisText,
+        yAxisX1: coordinates.x1,
+    });
     const tickValues = tickText
         ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
@@ -35,7 +35,7 @@ export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine,
     };
     return (_jsx(YAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: yCursor, dataTestId: `${context.dataTestId}yAxis`, tickLine: {
             ...tickLine,
-            x1: context.extraSpaceLeftX,
-            x2: Number(context.canvasWidth) - context.extraSpaceRightX,
+            x1: context.xAxisCoordinates.coordinates.x1,
+            x2: context.xAxisCoordinates.coordinates.x2,
         }, tickText: { ...tickText, x: xTickText }, tickValues: tickValues }));
 };

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

@@ -23,12 +23,14 @@ export interface LineChartCoordinatesData {
     tickValues: TickData[];
 }
 export interface LineChartExtraSpacings {
-    extraSpaceBottomY: number;
-    extraSpaceTopY: number;
-    extraSpaceLeftX: number;
-    extraSpaceRightX: number;
-    securityXSpace: number;
-    securityYSpace: number;
+    xAxisLeftSpacing: number;
+    xAxisTopSpacing: number;
+    xAxisRightSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisRightSpacing: number;
+    yAxisBottomSpacing: number;
     lineChartXPosition: (typeof Positions)[keyof typeof Positions];
     lineChartYPosition: (typeof Positions)[keyof typeof Positions];
     xData: string[];
@@ -104,13 +106,16 @@ export interface LineChartXAxisProps extends Omit<XAxisProps, OmitProps | 'ariaL
     ariaLabel?: string;
     [key: `data-${string}`]: string | number | boolean | undefined;
 }
-export interface LineChartYAxisProps extends Omit<YAxisProps, OmitProps | 'ariaLabel'>, React.AriaAttributes {
+export interface LineChartYAxisProps extends Omit<YAxisProps, OmitProps | 'ariaLabel' | 'tickText'>, React.AriaAttributes {
     /**
      * TODO: This prop is defined in the interface but NOT IMPLEMENTED in LineChartYAxis component.
      * The component currently ignores this prop and uses auto-generated tick values from context.
      * Implementation needed in lineChartYAxis.tsx to properly handle custom tick values.
      */
     tickValues?: TickValuesAxisProps;
+    tickText?: YAxisProps['tickText'] & {
+        useAxisAsOrigin?: boolean;
+    };
     valueFormatter?: ValueFormatter;
     /**
      * @deprecated Use aria-label instead for better accessibility standards

package/dist/cjs/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/cjs/charts/lineChart/lineChartStructure.js

@@ -60,9 +60,6 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
     ];
     const arrayChildren = (Children.toArray(children) || []);
     const chidrenWithDefaultAxis = defaultAxis.concat(arrayChildren);
-    const maxValue = Math.max(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace ?? 0);
-    const ajustedX = isNaN(parsedCanvas.width / maxValue) ? 0 : parsedCanvas.width / maxValue;
-    const ajustedY = isNaN(parsedCanvas.height / maxValue) ? 0 : parsedCanvas.height / maxValue;
     // watch the Y childs keys
     getChildrenAttr({
         attrName: 'dataKey',
@@ -79,8 +76,6 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
             addError: (errorType, error) => {
                 errorAccumulator.addError(errorType, error);
             },
-            ajustedX,
-            ajustedY,
             canvasHeight: parsedCanvas.height,
             canvasWidth: parsedCanvas.width,
             children: chidrenWithDefaultAxis,
@@ -117,12 +112,18 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
     }, [canvasWidth, canvasHeight]);
     useEffect(() => {
         getPathArea?.({
-            x1: contextValue.extraSpaceLeftX,
-            x2: parsedCanvas.width - contextValue.extraSpaceRightX,
-            y1: contextValue.extraSpaceTopY,
-            y2: parsedCanvas.height - contextValue.extraSpaceBottomY,
+            x1: contextValue.xAxisCoordinates.coordinates.x1,
+            y1: contextValue.yAxisCoordinates.coordinates.y1,
+            x2: contextValue.xAxisCoordinates.coordinates.x2,
+            y2: contextValue.yAxisCoordinates.coordinates.y2,
         });
-    }, [parsedCanvas.width, parsedCanvas.height]);
+    }, [
+        contextValue.xAxisCoordinates.coordinates.x1,
+        contextValue.yAxisCoordinates.coordinates.y1,
+        contextValue.xAxisCoordinates.coordinates.x2,
+        contextValue.yAxisCoordinates.coordinates.y2,
+        getPathArea,
+    ]);
     return (_jsx(SvgContainer, { ref: svgRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, "data-kbt-svg": true, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: _jsx(LineChartContext.Provider, { value: {
                 ...contextValue,
                 canvasExtraSpace: parsedCanvasExtraSpace,

package/dist/cjs/charts/lineChart/utils/getCoordinates.d.ts

@@ -0,0 +1,25 @@
+import { Positions } from '../../../types/position.enum';
+type GetCoordinates = (params: {
+    lineChartXPosition: (typeof Positions)[keyof typeof Positions];
+    lineChartYPosition: (typeof Positions)[keyof typeof Positions];
+    canvasHeight: number;
+    canvasWidth: number;
+    customBreakAxis: number;
+    xAxisLeftSpacing: number;
+    xAxisTopSpacing: number;
+    xAxisRightSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisRightSpacing: number;
+    yAxisBottomSpacing: number;
+}) => {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+};
+export declare const getXCoordinates: GetCoordinates;
+export declare const getYCoordinates: GetCoordinates;
+export {};
+//# sourceMappingURL=getCoordinates.d.ts.map

package/dist/cjs/charts/lineChart/utils/getCoordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCoordinates.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,kBAAkB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC/D,kBAAkB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,KAAK;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,cA2C7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAyC7B,CAAC"}