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

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

@@ -0,0 +1,55 @@
+import { Positions } from '../../../types/position.enum';
+export const getXCoordinates = ({ lineChartXPosition, lineChartYPosition, canvasHeight, canvasWidth, customBreakAxis, xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, }) => {
+    const x1 = lineChartYPosition === Positions.LEFT ? Math.max(yAxisLeftSpacing, xAxisLeftSpacing) : 0;
+    const x2 = lineChartYPosition === Positions.RIGHT
+        ? canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing)
+        : canvasWidth;
+    if (lineChartXPosition === Positions.TOP) {
+        return {
+            x1,
+            x2,
+            y1: Math.max(yAxisTopSpacing, xAxisTopSpacing),
+            y2: Math.max(yAxisTopSpacing, xAxisTopSpacing),
+        };
+    }
+    if (lineChartXPosition === Positions.CENTER) {
+        return { x1, x2, y1: canvasHeight / 2, y2: canvasHeight / 2 };
+    }
+    if (lineChartXPosition === Positions.CUSTOM) {
+        return { x1, x2, y1: customBreakAxis, y2: customBreakAxis };
+    }
+    // BOTTOM
+    return {
+        x1,
+        x2,
+        y1: canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing),
+        y2: canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing),
+    };
+};
+export const getYCoordinates = ({ lineChartXPosition, lineChartYPosition, canvasHeight, canvasWidth, customBreakAxis, xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, }) => {
+    const y1 = lineChartXPosition === Positions.TOP ? Math.max(yAxisTopSpacing, xAxisTopSpacing) : 0;
+    const y2 = lineChartXPosition === Positions.BOTTOM
+        ? canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing)
+        : canvasHeight;
+    if (lineChartYPosition === Positions.RIGHT) {
+        return {
+            x1: canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing),
+            x2: canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing),
+            y1,
+            y2,
+        };
+    }
+    if (lineChartYPosition === Positions.CENTER) {
+        return { x1: canvasWidth / 2, x2: canvasWidth / 2, y1, y2 };
+    }
+    if (lineChartYPosition === Positions.CUSTOM) {
+        return { x1: customBreakAxis, x2: customBreakAxis, y1, y2 };
+    }
+    // LEFT
+    return {
+        x1: Math.max(yAxisLeftSpacing, xAxisLeftSpacing),
+        x2: Math.max(yAxisLeftSpacing, xAxisLeftSpacing),
+        y1,
+        y2,
+    };
+};

package/dist/esm/charts/lineChart/utils/getExtraSpacing.d.ts

@@ -3,8 +3,6 @@ interface GetExtraSpacing {
     children: ChildrenType;
     data: IDataPoint[];
     xKey: string;
-    ajustedX: number;
-    ajustedY: number;
     viewBox: string;
     canvasHeight: number;
     canvasWidth: number;
@@ -14,6 +12,6 @@ interface GetExtraSpacing {
  * @param {GetExtraSpacing} options - The options for calculating extra spacing.
  * @returns {LineChartExtraSpacings} - The calculated extra spacings for the line chart.
  */
-export declare const getExtraSpacing: ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: GetExtraSpacing) => LineChartExtraSpacings;
+export declare const getExtraSpacing: ({ canvasHeight, canvasWidth, children, data, viewBox, xKey, }: GetExtraSpacing) => LineChartExtraSpacings;
 export {};
 //# sourceMappingURL=getExtraSpacing.d.ts.map

package/dist/esm/charts/lineChart/utils/getExtraSpacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getExtraSpacing.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getExtraSpacing.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAkH1F,UAAU,eAAe;IACvB,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,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,mFAS7B,eAAe,KAAG,sBAmCpB,CAAC"}
+{"version":3,"file":"getExtraSpacing.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getExtraSpacing.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAiI1F,UAAU,eAAe;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,+DAO7B,eAAe,KAAG,sBAqCpB,CAAC"}

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

@@ -6,14 +6,20 @@ import { LineChartXAxis } from '../fragments/lineChartXAxis';
 import { LineChartYAxis } from '../fragments/lineChartYAxis';
 import { getDataValues } from './getDataValues';
 import { getYKeyRoundMaxValue } from './getRoundedMaxValue';
-const handleLineChartXAxis = (child, data, xKey, ajustedX, viewBox, canvasHeight, canvasWidth) => {
-    const { position, tickText, tickValues, valueFormatter } = child.props;
+import { getXAxisLeftTextSpacing, getXAxisRightTextSpacing, getYAxisLeftTextSpacing, getYAxisRightTextSpacing, } from './tickTextPosition';
+const getBreakAxis = ({ tickValues, tickText }) => {
+    if (tickValues?.numeric) {
+        return tickValues.numeric.breakAxis ?? 0;
+    }
+    return tickText?.custom?.breakAxis ?? 0;
+};
+const handleLineChartXAxis = (child, data, xKey, viewBox, canvasHeight, canvasWidth) => {
+    const { position = Positions.BOTTOM, tickText, tickValues, valueFormatter } = child.props;
     const fontSize = tickText?.fontSize ?? 0;
-    const spaceFontSize = fontSize * ajustedX;
     const xData = tickValues ? getDataValues(tickValues) : data.map(d => d[xKey]);
     // Apply the valueFormatter if provided to get the actual rendered text width
     const formattedXData = valueFormatter ? xData.map(valueFormatter) : xData;
-    const securityXSpace = textBound({
+    const textWidth = textBound({
         bound: 'width',
         data: formattedXData,
         fontSize,
@@ -21,31 +27,36 @@ const handleLineChartXAxis = (child, data, xKey, ajustedX, viewBox, canvasHeight
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const isBottomPosition = position === Positions.BOTTOM;
-    const isTopPosition = position === Positions.TOP;
-    const extraSpaceBottomY = isBottomPosition ? spaceFontSize + (tickText?.top ?? 0) : 0;
-    const extraSpaceTopY = isTopPosition ? spaceFontSize + (tickText?.bottom ?? 0) : 0;
-    const lineChartXPosition = (() => position || Positions.BOTTOM)();
-    const getBreakAxis = () => {
-        if (tickValues?.numeric) {
-            return tickValues.numeric.breakAxis ?? 0;
-        }
-        return tickText?.custom?.breakAxis ?? 0;
-    };
-    const xBreakAxis = getBreakAxis();
+    const textHeight = textBound({
+        bound: 'height',
+        data: formattedXData,
+        fontSize,
+        svgHeight: `${canvasHeight}`,
+        svgWidth: `${canvasWidth}`,
+        viewBox,
+    });
+    const xAxisBottomSpacing = position === Positions.BOTTOM ? textHeight + (tickText?.top ?? 0) : 0;
+    const xAxisTopSpacing = position === Positions.TOP ? textHeight + (tickText?.bottom ?? 0) : 0;
+    const xBreakAxis = getBreakAxis({ tickValues, tickText });
     return {
-        extraSpaceBottomY,
-        extraSpaceTopY,
-        lineChartXPosition,
-        securityXSpace,
+        xAxisLeftSpacing: getXAxisLeftTextSpacing({
+            textWidth,
+            tickText,
+        }),
+        xAxisTopSpacing,
+        xAxisRightSpacing: getXAxisRightTextSpacing({
+            textWidth,
+            tickText,
+        }),
+        xAxisBottomSpacing,
+        lineChartXPosition: position,
         xBreakAxis,
         xData,
     };
 };
-const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight, canvasWidth) => {
-    const { position, tickText, tickValues, valueFormatter } = child.props;
-    const fontSize = tickText?.fontSize ?? '0';
-    const spaceFontSize = fontSize * ajustedY;
+const handleLineChartYAxis = (child, data, xKey, viewBox, canvasHeight, canvasWidth) => {
+    const { position = Positions.LEFT, tickText, tickValues, valueFormatter } = child.props;
+    const fontSize = tickText?.fontSize ?? 0;
     const dataValues = tickValues ||
         buildTickValues([...new Set(getYKeyRoundMaxValue(data, xKey))]);
     const yData = getDataValues(dataValues);
@@ -59,26 +70,30 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const securityYSpace = spaceFontSize;
-    const isLeftPosition = position === Positions.LEFT;
-    const isRightPosition = position === Positions.RIGHT;
-    const extraSpaceLeftX = isLeftPosition ? yAxisText + (tickText?.right ?? 0) : 0;
-    const extraSpaceRightX = isRightPosition ? yAxisText + (tickText?.left ?? 0) : 0;
-    const lineChartYPosition = position || Positions.LEFT;
-    const getBreakAxis = () => {
-        if (tickValues?.numeric) {
-            return tickValues.numeric.breakAxis ?? 0;
-        }
-        return tickText?.custom?.breakAxis ?? 0;
-    };
-    const yBreakAxis = getBreakAxis();
+    const textHeight = textBound({
+        bound: 'height',
+        data: formattedYData,
+        fontSize,
+        svgHeight: `${canvasHeight}`,
+        svgWidth: `${canvasWidth}`,
+        viewBox,
+    });
     return {
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        lineChartYPosition,
-        securityYSpace,
+        yAxisLeftSpacing: getYAxisLeftTextSpacing({
+            tickText,
+            textWidth: yAxisText,
+            yAxisPosition: position,
+        }),
+        yAxisTopSpacing: textHeight,
+        yAxisRightSpacing: getYAxisRightTextSpacing({
+            tickText,
+            textWidth: yAxisText,
+            yAxisPosition: position,
+        }),
+        yAxisBottomSpacing: 0,
+        lineChartYPosition: position,
         yAxisText,
-        yBreakAxis,
+        yBreakAxis: getBreakAxis({ tickValues, tickText }),
         yData,
     };
 };
@@ -87,16 +102,18 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
  * @param {GetExtraSpacing} options - The options for calculating extra spacing.
  * @returns {LineChartExtraSpacings} - The calculated extra spacings for the line chart.
  */
-export const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const getExtraSpacing = ({ canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let result = {
-        extraSpaceBottomY: 0,
-        extraSpaceLeftX: 0,
-        extraSpaceRightX: 0,
-        extraSpaceTopY: 0,
+        xAxisLeftSpacing: 0,
+        xAxisTopSpacing: 0,
+        xAxisRightSpacing: 0,
+        xAxisBottomSpacing: 0,
+        yAxisLeftSpacing: 0,
+        yAxisTopSpacing: 0,
+        yAxisRightSpacing: 0,
+        yAxisBottomSpacing: 0,
         lineChartXPosition: Positions.BOTTOM,
         lineChartYPosition: Positions.LEFT,
-        securityXSpace: 0,
-        securityYSpace: 0,
         xAxisText: 0,
         xBreakAxis: 0,
         xData: [],
@@ -109,13 +126,13 @@ export const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
             if (child.type === LineChartXAxis) {
                 result = {
                     ...result,
-                    ...handleLineChartXAxis(child, data, xKey, ajustedX, viewBox, canvasHeight, canvasWidth),
+                    ...handleLineChartXAxis(child, data, xKey, viewBox, canvasHeight, canvasWidth),
                 };
             }
             else if (child.type === LineChartYAxis) {
                 result = {
                     ...result,
-                    ...handleLineChartYAxis(child, data, xKey, ajustedY, viewBox, canvasHeight, canvasWidth),
+                    ...handleLineChartYAxis(child, data, xKey, viewBox, canvasHeight, canvasWidth),
                 };
             }
         }

package/dist/esm/charts/lineChart/utils/getTicks.d.ts

@@ -0,0 +1,21 @@
+import type { TickData } from '../../../components/tick/tick.types';
+interface GetXTickProps {
+    tickValues: string[];
+    maxSpaceAvailable: number;
+    xAxisLeftSpacing: number;
+    xAxisRightSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisRightSpacing: number;
+}
+export declare const getXTicks: ({ tickValues, maxSpaceAvailable, xAxisLeftSpacing, xAxisRightSpacing, yAxisLeftSpacing, yAxisRightSpacing, }: GetXTickProps) => TickData[];
+interface GetYTickProps {
+    tickValues: string[];
+    maxSpaceAvailable: number;
+    xAxisTopSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisBottomSpacing: number;
+}
+export declare const getYTicks: ({ maxSpaceAvailable, tickValues, xAxisTopSpacing, xAxisBottomSpacing, yAxisTopSpacing, yAxisBottomSpacing, }: GetYTickProps) => TickData[];
+export {};
+//# sourceMappingURL=getTicks.d.ts.map

package/dist/esm/charts/lineChart/utils/getTicks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTicks.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getTicks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,GAAI,8GAOvB,aAAa,KAAG,QAAQ,EAkB1B,CAAC;AAEF,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,GAAI,8GAOvB,aAAa,KAAG,QAAQ,EAkB1B,CAAC"}

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

@@ -0,0 +1,36 @@
+export const getXTicks = ({ tickValues, maxSpaceAvailable, xAxisLeftSpacing, xAxisRightSpacing, yAxisLeftSpacing, yAxisRightSpacing, }) => {
+    const initPos = Math.max(yAxisLeftSpacing, xAxisLeftSpacing);
+    const endPos = maxSpaceAvailable - Math.max(xAxisRightSpacing, yAxisRightSpacing);
+    if (tickValues.length <= 1) {
+        return [
+            {
+                position: initPos,
+                value: tickValues[0],
+            },
+        ];
+    }
+    const step = (endPos - initPos) / (tickValues.length - 1);
+    const ticks = tickValues.map((value, idx) => {
+        const position = initPos + step * idx;
+        return { position, value };
+    });
+    return ticks;
+};
+export const getYTicks = ({ maxSpaceAvailable, tickValues, xAxisTopSpacing, xAxisBottomSpacing, yAxisTopSpacing, yAxisBottomSpacing, }) => {
+    const initPos = maxSpaceAvailable - Math.max(xAxisBottomSpacing, yAxisBottomSpacing);
+    const endPos = Math.max(yAxisTopSpacing, xAxisTopSpacing);
+    if (tickValues.length <= 1) {
+        return [
+            {
+                position: initPos,
+                value: tickValues[0],
+            },
+        ];
+    }
+    const step = (initPos - endPos) / (tickValues.length - 1);
+    const ticks = tickValues.map((value, idx) => {
+        const position = initPos - step * idx;
+        return { position, value };
+    });
+    return ticks;
+};

package/dist/esm/charts/lineChart/utils/handleNodesFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleNodesFocus.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/handleNodesFocus.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,GAAG,EAAE,UAAU,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,GAAI,yCAK9B,qBAAqB,KAAG,sBA8C1B,CAAC"}
+{"version":3,"file":"handleNodesFocus.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/handleNodesFocus.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,GAAG,EAAE,UAAU,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,GAAI,yCAK9B,qBAAqB,KAAG,sBAoC1B,CAAC"}

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

@@ -1,45 +1,34 @@
 export const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
-    let refFocused = false;
     let currentNode = undefined;
     const g = ref.querySelector('[data-draw]');
-    //* callbacks
     const handleKeyDown = (e) => {
-        if (refFocused) {
-            if (e.key === 'ArrowRight') {
-                currentNode =
-                    currentNode === undefined || currentNode === nodes.length - 1 ? 0 : currentNode + 1;
-                nodes[currentNode].focus();
-                getNodeFocusInfo?.(data[currentNode]);
-            }
-            else if (e.key === 'ArrowLeft') {
-                currentNode =
-                    currentNode === undefined || currentNode === 0 ? nodes.length - 1 : currentNode - 1;
+        let newCurrentNode = undefined;
+        if (e.key === 'ArrowRight') {
+            newCurrentNode =
+                currentNode === undefined || currentNode === nodes.length - 1 ? 0 : currentNode + 1;
+        }
+        else if (e.key === 'ArrowLeft') {
+            newCurrentNode =
+                currentNode === undefined || currentNode === 0 ? nodes.length - 1 : currentNode - 1;
+        }
+        if (newCurrentNode !== undefined) {
+            currentNode = newCurrentNode;
+            if (nodes[currentNode]) {
                 nodes[currentNode].focus();
                 getNodeFocusInfo?.(data[currentNode]);
             }
         }
     };
-    const handleFocusin = () => {
-        refFocused = true;
-    };
-    const handleFocusout = () => {
-        refFocused = false;
-    };
     const handleFocus = () => {
         currentNode = undefined;
     };
-    //* listeners
     const mount = () => {
-        ref.addEventListener('focusin', handleFocusin);
-        ref.addEventListener('focusout', handleFocusout);
         g?.addEventListener('focus', handleFocus);
-        window.addEventListener('keydown', (e) => handleKeyDown(e));
+        ref.addEventListener('keydown', (e) => handleKeyDown(e));
     };
     const unmount = () => {
-        ref.removeEventListener('focusin', handleFocusin);
-        ref.removeEventListener('focusout', handleFocusout);
         g?.removeEventListener('focus', handleFocus);
-        window.removeEventListener('keydown', (e) => handleKeyDown(e));
+        ref.removeEventListener('keydown', (e) => handleKeyDown(e));
     };
     return { mount, unmount };
 };

package/dist/esm/charts/lineChart/utils/tickTextPosition.d.ts

@@ -0,0 +1,33 @@
+import { Positions } from '../../../types/position.enum';
+import type { LineChartXAxisProps, LineChartYAxisProps } from '../lineChart.type';
+type GetYAxisTextXCoordinate = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    yAxisPosition: LineChartYAxisProps['position'];
+    textWidth: number;
+    yAxisX1: number;
+}) => number;
+export declare const getYAxisTextXCoordinate: GetYAxisTextXCoordinate;
+type GetYAxisLeftTextSpacing = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    textWidth: number;
+    yAxisPosition: (typeof Positions)[keyof typeof Positions];
+}) => number;
+export declare const getYAxisLeftTextSpacing: GetYAxisLeftTextSpacing;
+type GetYAxisRightTextSpacing = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    textWidth: number;
+    yAxisPosition: (typeof Positions)[keyof typeof Positions];
+}) => number;
+export declare const getYAxisRightTextSpacing: GetYAxisRightTextSpacing;
+type GetXAxisLeftTextSpacing = (params: {
+    tickText?: LineChartXAxisProps['tickText'];
+    textWidth: number;
+}) => number;
+export declare const getXAxisLeftTextSpacing: GetXAxisLeftTextSpacing;
+type GetXAxisRightTextSpacing = (params: {
+    tickText?: LineChartXAxisProps['tickText'];
+    textWidth: number;
+}) => number;
+export declare const getXAxisRightTextSpacing: GetXAxisRightTextSpacing;
+export {};
+//# sourceMappingURL=tickTextPosition.d.ts.map

package/dist/esm/charts/lineChart/utils/tickTextPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickTextPosition.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/tickTextPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBA8BrC,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;CAC3D,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBAmCrC,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,MAAM,EAAE;IACvC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;CAC3D,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,wBAmCtC,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACnB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBASrC,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,MAAM,EAAE;IACvC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACnB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,wBAStC,CAAC"}

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

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

package/dist/esm/charts/lineChart/utils/validations.d.ts

@@ -0,0 +1,54 @@
+import type { TickData } from '../../../components/tick/tick.types';
+import type { ChartError, ErrorType } from '../../../types/errors.type';
+import type { IDataPoint } from '../lineChart.type';
+type ValidateData = (params: {
+    data: IDataPoint[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateData: ValidateData;
+type ValidateCanvasDimensions = (params: {
+    canvasWidth: number;
+    canvasHeight: number;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateCanvasDimensions: ValidateCanvasDimensions;
+type ValidateYTickValues = (params: {
+    yTickValues: TickData[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateYTickValues: ValidateYTickValues;
+type ValidateXTickValues = (params: {
+    xTickValues: TickData[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateXTickValues: ValidateXTickValues;
+type ValidateXCoordinates = (params: {
+    xCoordinates: {
+        x1: number;
+        x2: number;
+    };
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateXCoordinates: ValidateXCoordinates;
+type ValidateYCoordinates = (params: {
+    yCoordinates: {
+        y1: number;
+        y2: number;
+    };
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateYCoordinates: ValidateYCoordinates;
+export {};
+//# sourceMappingURL=validations.d.ts.map

package/dist/esm/charts/lineChart/utils/validations.d.ts.map

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