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

package/dist/cjs/charts/barChart/utils/getRoundedBarMaxValue.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBarKeyRoundMaxValue = void 0;
 /**
  * Returns an array of rounded maximum values for each yKey in the given data.
  * @param data - The array of data points.
  * @param xKey - The xKey used for filtering the data.
  * @returns An array of rounded maximum values.
  */
-const getBarKeyRoundMaxValue = (data, Key) => {
+export const getBarKeyRoundMaxValue = (data, Key) => {
     return data.flatMap(point => Object.keys(point)
         .filter(k => k !== Key && typeof point[k] === 'number')
         .map(k => Number(point[k])));
 };
-exports.getBarKeyRoundMaxValue = getBarKeyRoundMaxValue;

package/dist/cjs/charts/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./barChart"), exports);
-__exportStar(require("./lineChart"), exports);
-__exportStar(require("./pieChart/pieChart"), exports);
+export * from './barChart';
+export * from './lineChart';
+export * from './pieChart/pieChart';

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

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildLineContextValue = void 0;
-const position_enum_1 = require("../../../types/position.enum");
-const buildErrors_1 = require("../../../utils/buildErrors/buildErrors");
-const getCoordinates_1 = require("../../../utils/getCoordinates/getCoordinates");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const getTicks_1 = require("../../../utils/getTicks/getTicks");
-const getExtraSpacing_1 = require("../utils/getExtraSpacing");
+import { Positions } from '../../../types/position.enum';
+import { BuildError, 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 { getExtraSpacing } from '../utils/getExtraSpacing';
 /**
  * Builds the context value for the line chart.
  *
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let error = undefined;
     /**
      * Get the extra spacings for the line chart.
      */
-    const { extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, lineChartXPosition, lineChartYPosition, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = (0, getExtraSpacing_1.getExtraSpacing)({
+    const { extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, lineChartXPosition, lineChartYPosition, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
         ajustedX,
         ajustedY,
         canvasHeight,
@@ -31,9 +28,9 @@ const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
     /**
      * Calculate the tick values for the X Axis.
      */
-    const crossXAxis = lineChartXPosition !== position_enum_1.Positions.TOP && lineChartXPosition !== position_enum_1.Positions.BOTTOM;
+    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
     const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
-    const xTickValues = (0, getTicks_1.getXTicks)({
+    const xTickValues = getXTicks({
         initPos: extraSpaceLeftX,
         maxSpaceAvailable: canvasWidth,
         otherAxisSpace: yAxisSpace,
@@ -42,15 +39,15 @@ const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
     });
     if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
         error = {
-            error: (0, buildErrors_1.buildError)(buildErrors_1.BuildError.INVALID_X_TICK),
+            error: buildError(BuildError.INVALID_X_TICK),
         };
     }
     /**
      * Calculate the tick values for the Y Axis.
      */
-    const crossYAxis = lineChartYPosition !== position_enum_1.Positions.LEFT && lineChartYPosition !== position_enum_1.Positions.RIGHT;
+    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
     const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
-    const yTickValues = (0, getTicks_1.getYTicks)({
+    const yTickValues = getYTicks({
         initPos: canvasHeight - extraSpaceBottomY,
         maxSpaceAvailable: canvasHeight,
         otherAxisSpace,
@@ -60,12 +57,12 @@ const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
     /**
      * Calculate the custom breakAxis for the X and Y Axis.
      */
-    const customBreakXAxis = crossXAxis ? (0, getPoints_1.getPoints)(yTickValues || [], [String(xBreakAxis)])[0] : 0;
-    const customBreakYAxis = crossYAxis ? (0, getPoints_1.getPoints)(xTickValues || [], [String(yBreakAxis)])[0] : 0;
+    const customBreakXAxis = crossXAxis ? getPoints(yTickValues || [], [String(xBreakAxis)])[0] : 0;
+    const customBreakYAxis = crossYAxis ? getPoints(xTickValues || [], [String(yBreakAxis)])[0] : 0;
     /**
      * Calculate the X coordinates for the line chart.
      */
-    const xCoordinates = (0, getCoordinates_1.getXCoordinates)({
+    const xCoordinates = getXCoordinates({
         canvasHeight,
         canvasWidth,
         customBreakAxis: Number(customBreakXAxis),
@@ -79,7 +76,7 @@ const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
     /**
      * Calculate the Y coordinates for the line chart.
      */
-    const yCoordinates = (0, getCoordinates_1.getYCoordinates)({
+    const yCoordinates = getYCoordinates({
         canvasHeight,
         canvasWidth,
         customBreakAxis: Number(customBreakYAxis),
@@ -135,4 +132,3 @@ const buildLineContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
         yAxisText,
     };
 };
-exports.buildLineContextValue = buildLineContextValue;

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

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartContext = exports.buildLineContextValue = void 0;
-var buildLineContextValue_1 = require("./buildLineContextValue");
-Object.defineProperty(exports, "buildLineContextValue", { enumerable: true, get: function () { return buildLineContextValue_1.buildLineContextValue; } });
-var lineChartContext_1 = require("./lineChartContext");
-Object.defineProperty(exports, "LineChartContext", { enumerable: true, get: function () { return lineChartContext_1.LineChartContext; } });
+export { buildLineContextValue } from './buildLineContextValue';
+export { LineChartContext } from './lineChartContext';

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

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartContext = void 0;
-const react_1 = require("react");
-exports.LineChartContext = (0, react_1.createContext)({});
+import { createContext } from 'react';
+export const LineChartContext = createContext({});

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CONTEXT = void 0;
-exports.CONTEXT = {
+export const CONTEXT = {
     canvasExtraSpace: 0,
     canvasHeight: 500,
     canvasWidth: 500,

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

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CONTEXT = void 0;
-var contextData_1 = require("./contextData");
-Object.defineProperty(exports, "CONTEXT", { enumerable: true, get: function () { return contextData_1.CONTEXT; } });
+export { CONTEXT } from './contextData';

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

@@ -1,11 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartYAxis = exports.LineChartXAxis = exports.LineChartSeparator = exports.LineChartPath = void 0;
-var lineChartPath_1 = require("./lineChartPath");
-Object.defineProperty(exports, "LineChartPath", { enumerable: true, get: function () { return lineChartPath_1.LineChartPath; } });
-var lineChartSeparator_1 = require("./lineChartSeparator");
-Object.defineProperty(exports, "LineChartSeparator", { enumerable: true, get: function () { return lineChartSeparator_1.LineChartSeparator; } });
-var lineChartXAxis_1 = require("./lineChartXAxis");
-Object.defineProperty(exports, "LineChartXAxis", { enumerable: true, get: function () { return lineChartXAxis_1.LineChartXAxis; } });
-var lineChartYAxis_1 = require("./lineChartYAxis");
-Object.defineProperty(exports, "LineChartYAxis", { enumerable: true, get: function () { return lineChartYAxis_1.LineChartYAxis; } });
+export { LineChartPath } from './lineChartPath';
+export { LineChartSeparator } from './lineChartSeparator';
+export { LineChartXAxis } from './lineChartXAxis';
+export { LineChartYAxis } from './lineChartYAxis';

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

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartPath = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const line_1 = require("../../../components/line/line");
-const node_1 = require("../../../components/node/node");
-const path_1 = require("../../../components/path/path");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
-const lineChartContext_1 = require("../context/lineChartContext");
-const useIndicator_1 = require("../hook/useIndicator");
-const findSurroundingNumber_1 = require("../utils/findSurroundingNumber");
-const getPathData_1 = require("../utils/getPathData");
-const handleNodesFocus_1 = require("../utils/handleNodesFocus");
-require("./lineChartPath.css");
-const lineChartProjection_1 = require("./lineChartProjection");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef } from 'react';
+import { Line } from '../../../components/line/line';
+import { Node } from '../../../components/node/node';
+import { Path } from '../../../components/path/path';
+import { getPoints } from '../../../utils/getPoints/getPoints';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { LineChartContext } from '../context/lineChartContext';
+import { useIndicator } from '../hook/useIndicator';
+import { findClosestNumber, findSurroundingNumber } from '../utils/findSurroundingNumber';
+import { getPathData } from '../utils/getPathData';
+import { handleNodesFocus } from '../utils/handleNodesFocus';
+import './lineChartPath.css';
+import { LineChartProjection } from './lineChartProjection';
 const getAxisData = (data, key) => {
     return data.map(dt => dt[key]);
 };
-const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getNodesCoords, indicatorConfig, lineProjection, onClick, ...props }) => {
+export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getNodesCoords, indicatorConfig, lineProjection, onClick, ...props }) => {
     // recovery the context values
-    const { xAxisCoordinates, yAxisCoordinates, ...context } = (0, react_1.useContext)(lineChartContext_1.LineChartContext);
+    const { xAxisCoordinates, yAxisCoordinates, ...context } = useContext(LineChartContext);
     // the node indicator logic
-    const { indicatorRef, pathRef } = (0, useIndicator_1.useIndicator)(context.xCursor, !!indicatorConfig);
+    const { indicatorRef, pathRef } = useIndicator(context.xCursor, !!indicatorConfig);
     const showIndicator = !!indicatorConfig && context.xCursor !== -Infinity;
-    const innerRefs = (0, react_1.useRef)(null);
-    const pressedRef = (0, react_1.useRef)(null);
+    const innerRefs = useRef(null);
+    const pressedRef = useRef(null);
     // the projection line logic
     const { autoClick, lineIndicator, ...nodeIndicatorConfig } = indicatorConfig || {};
     // line indicator <Y> coordinates
@@ -36,24 +33,24 @@ const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getN
     const { tickValues: yTickValues } = yAxisCoordinates;
     const xData = getAxisData(context.data, context.xKey);
     const yData = getAxisData(context.data, props.dataKey);
-    const xPoints = (0, getPoints_1.getPoints)(xTickValues, xData, true);
-    const yPoints = (0, getPoints_1.getPoints)(yTickValues, yData);
+    const xPoints = getPoints(xTickValues, xData, true);
+    const yPoints = getPoints(yTickValues, yData);
     const points = xPoints.map((x, i) => [x, yPoints[i]]);
     // the path data
-    const dataOnlyLine = (0, getPathData_1.getPathData)({
+    const dataOnlyLine = getPathData({
         curved,
         extendToBottom: false,
         points,
         svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
     });
-    const dataFill = (0, getPathData_1.getPathData)({
+    const dataFill = getPathData({
         curved,
         extendToBottom: !!props.fill || !!props.gradient,
         points,
         svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
     });
     // the ref to the path and handler the nodes focus
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!innerRefs.current?.path) {
             return;
         }
@@ -61,15 +58,15 @@ const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getN
         const main = innerRefs.current.main;
         const nodes = innerRefs.current.node;
         const data = xData.map((d, i) => ({ x: d, y: yData[i] }));
-        const { mount, unmount } = (0, handleNodesFocus_1.handleNodesFocus)({ data, getNodeFocusInfo, nodes, ref: main });
+        const { mount, unmount } = handleNodesFocus({ data, getNodeFocusInfo, nodes, ref: main });
         mount();
         // eslint-disable-next-line consistent-return
         return () => unmount();
     }, []);
     //  the auto click logic
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (props.nodeConfig && showIndicator && autoClick) {
-            const { idx, match } = (0, findSurroundingNumber_1.findSurroundingNumber)(xPoints, context.xCursor);
+            const { idx, match } = findSurroundingNumber(xPoints, context.xCursor);
             if (match && idx !== pressedRef.current) {
                 pressedRef.current = idx;
                 const evt = new MouseEvent('click', { bubbles: true });
@@ -83,27 +80,26 @@ const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInfo, getN
         }
     }, [context.xCursor]);
     // Return the nodes coordinates
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         getNodesCoords?.(points);
     }, [points]);
     // the click handler
     const handleClick = (data) => {
         onClick?.(data);
         if (closestClick) {
-            const closest = (0, findSurroundingNumber_1.findClosestNumber)(xPoints, context.xCursor);
+            const closest = findClosestNumber(xPoints, context.xCursor);
             const evt = new MouseEvent('click', { bubbles: true });
             evt.autoClick = false;
             innerRefs.current?.node?.[closest]?.dispatchEvent(evt);
         }
     };
     // Extract custom attributes (aria-*, data-*) and handle deprecated ariaLabel
-    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
+    const customAttributes = pickCustomAttributes(props);
     const mergedProps = {
         ...props,
         ...customAttributes,
         // Handle deprecated ariaLabel - give precedence to ariaLabel for backward compatibility
         ...(ariaLabel && { 'aria-label': ariaLabel }),
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(path_1.Path, { ref: innerRefs, d: dataOnlyLine, dFill: dataFill, dataTestId: `${context.dataTestId}path`, dataValue: context.data, points: points, xKey: context.xKey, onClick: handleClick, ...mergedProps }), lineProjection && ((0, jsx_runtime_1.jsx)(lineChartProjection_1.LineChartProjection, { curved: curved, dataKey: props.dataKey, lineProjection: lineProjection, points: points, svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY })), showIndicator && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!lineIndicator && ((0, jsx_runtime_1.jsx)(line_1.Line, { ...lineIndicator, className: "pointer-events-none", x1: context.xCursor, x2: context.xCursor, y1: y1, y2: y2 })), (0, jsx_runtime_1.jsx)("g", { ref: indicatorRef, className: "pointer-events-none", children: (0, jsx_runtime_1.jsx)(node_1.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: Number(context.canvasHeight) - context.extraSpaceBottomY })), showIndicator && (_jsxs(_Fragment, { children: [!!lineIndicator && (_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 }) })] }))] }));
 };
-exports.LineChartPath = LineChartPath;

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

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartProjection = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const getProjection_1 = require("../utils/getProjection");
-require("./lineChartPath.css");
-const LineChartProjection = ({ curved, lineProjection, points, svgHeight, }) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getProjection } from '../utils/getProjection';
+import './lineChartPath.css';
+export const LineChartProjection = ({ curved, lineProjection, points, svgHeight, }) => {
     const { lower, shapeColor, upper } = lineProjection;
     const { xProjection: xUp, yProjection: yUp, ...upperProps } = upper || {};
     const { xProjection: xDw, yProjection: yDw, ...lowerProps } = lower || {};
     const upperProjection = xUp || yUp ? { x: xUp, y: yUp } : undefined;
     const lowerProjection = xDw || yDw ? { x: xDw, y: yDw } : undefined;
-    const { downPath, shapePath, upPath } = (0, getProjection_1.getProjection)({
+    const { downPath, shapePath, upPath } = getProjection({
         curved,
         lowerProjection,
         points,
         svgHeight,
         upperProjection,
     });
-    return ((0, jsx_runtime_1.jsxs)("g", { className: "pointer-events-none", children: [(0, jsx_runtime_1.jsx)("path", { d: shapePath, fill: shapeColor, stroke: "transparent", strokeWidth: "0.1" }), ";", upPath && (0, jsx_runtime_1.jsx)("path", { d: upPath, ...upperProps }), downPath && (0, jsx_runtime_1.jsx)("path", { d: downPath, ...lowerProps })] }));
+    return (_jsxs("g", { className: "pointer-events-none", children: [_jsx("path", { d: shapePath, fill: shapeColor, stroke: "transparent", strokeWidth: "0.1" }), ";", upPath && _jsx("path", { d: upPath, ...upperProps }), downPath && _jsx("path", { d: downPath, ...lowerProps })] }));
 };
-exports.LineChartProjection = LineChartProjection;

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

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartSeparator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const lineChartContext_1 = require("../context/lineChartContext");
-const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
-    const { crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = (0, react_1.useContext)(lineChartContext_1.LineChartContext);
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { getPoints } from '../../../utils/getPoints/getPoints';
+import { LineChartContext } from '../context/lineChartContext';
+export const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
+    const { crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(LineChartContext);
     if (!topSeparator && !rightSeparator && !areaSeparator) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        return _jsx(_Fragment, {});
     }
-    const customXEnd = xBreakAxis && (0, getPoints_1.getPoints)(xAxisCoordinates.tickValues, [xBreakAxis], true)[0];
-    const customYEnd = yBreakAxis && (0, getPoints_1.getPoints)(yAxisCoordinates.tickValues, [yBreakAxis])[0];
+    const customXEnd = xBreakAxis && getPoints(xAxisCoordinates.tickValues, [xBreakAxis], true)[0];
+    const customYEnd = yBreakAxis && getPoints(yAxisCoordinates.tickValues, [yBreakAxis])[0];
     const autoXEnd = crossYAxis ? yAxisCoordinates.coordinates.x1 : xAxisCoordinates.coordinates.x2;
     const autoYEnd = crossXAxis ? xAxisCoordinates.coordinates.y1 : yAxisCoordinates.coordinates.y1;
     const xStart = xAxisCoordinates.coordinates.x1;
@@ -21,6 +18,5 @@ const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSepa
     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}`;
-    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: squarePath, "data-testid": `${dataTestId}Area`, ...areaSeparator }), (0, jsx_runtime_1.jsx)("path", { d: lineTop, "data-testid": `${dataTestId}Top`, ...topSeparator }), (0, jsx_runtime_1.jsx)("path", { d: lineRight, "data-testid": `${dataTestId}Right`, ...rightSeparator })] }));
+    return (_jsxs("g", { children: [_jsx("path", { d: squarePath, "data-testid": `${dataTestId}Area`, ...areaSeparator }), _jsx("path", { d: lineTop, "data-testid": `${dataTestId}Top`, ...topSeparator }), _jsx("path", { d: lineRight, "data-testid": `${dataTestId}Right`, ...rightSeparator })] }));
 };
-exports.LineChartSeparator = LineChartSeparator;

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

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartXAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const xAxis_1 = require("../../../components/axisChart/xAxis/xAxis");
-const tick_types_1 = require("../../../components/tick/tick.types");
-const position_enum_1 = require("../../../types/position.enum");
-const getTickTextCoordinates_1 = require("../../../utils/getTickTextCoordinate/getTickTextCoordinates");
-const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
-const lineChartContext_1 = require("../context/lineChartContext");
-const LineChartXAxis = ({ ariaLabel, position = position_enum_1.Positions.BOTTOM, tickLine, tickText, valueFormatter = (value) => value, ...props }) => {
-    const { xAxisCoordinates: { coordinates, tickValues: contextTickValues }, xCursor, ...context } = (0, react_1.useContext)(lineChartContext_1.LineChartContext);
-    const tickTextY = (0, getTickTextCoordinates_1.getTickTextYCoordinate)(position, coordinates.y1, Number(tickText?.fontSize), tickText?.top ?? 0);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { XAxis } from '../../../components/axisChart/xAxis/xAxis';
+import { TickDataUtils } from '../../../components/tick/tick.types';
+import { Positions } from '../../../types/position.enum';
+import { getTickTextYCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+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
-        ? tick_types_1.TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
+        ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
     // Extract custom attributes (aria-*, data-*) and handle deprecated ariaLabel
-    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
+    const customAttributes = pickCustomAttributes(props);
     const finalAriaLabel = ariaLabel || props['aria-label'];
     // Merge all props including custom attributes and ariaLabel precedence
     const mergedProps = {
@@ -26,7 +23,7 @@ const LineChartXAxis = ({ ariaLabel, position = position_enum_1.Positions.BOTTOM
         ...customAttributes,
         ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
     };
-    return ((0, jsx_runtime_1.jsx)(xAxis_1.XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, extraSpace: {
+    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: {
@@ -38,4 +35,3 @@ const LineChartXAxis = ({ ariaLabel, position = position_enum_1.Positions.BOTTOM
             y: tickTextY,
         }, tickValues: tickValues }));
 };
-exports.LineChartXAxis = LineChartXAxis;

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

@@ -1,34 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartYAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const yAxis_1 = require("../../../components/axisChart/yAxis/yAxis");
-const tick_types_1 = require("../../../components/tick/tick.types");
-const position_enum_1 = require("../../../types/position.enum");
-const ajustedTextSpace_1 = require("../../../utils/ajustedTextSpace/ajustedTextSpace");
-const getTickTextCoordinates_1 = require("../../../utils/getTickTextCoordinate/getTickTextCoordinates");
-const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
-const lineChartContext_1 = require("../context/lineChartContext");
-const LineChartYAxis = ({ ariaLabel, position = position_enum_1.Positions.LEFT, tickLine, tickText, valueFormatter = (value) => value, 
+import { jsx as _jsx } from "react/jsx-runtime";
+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';
+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 }) => {
-    const { yAxisCoordinates: { coordinates, tickValues: contextTickValues }, yCursor, ...context } = (0, react_1.useContext)(lineChartContext_1.LineChartContext);
+    const { yAxisCoordinates: { coordinates, tickValues: contextTickValues }, yCursor, ...context } = useContext(LineChartContext);
     // TODO: Currently ignoring props.tickValues and using contextTickValues instead
     // This means custom tickValues prop has no effect. Implementation needed to:
     // 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 === position_enum_1.Positions.RIGHT ? tickText?.right : tickText?.left;
+    const addSpace = position === Positions.RIGHT ? tickText?.right : tickText?.left;
     const ajustedSpace = addSpace ?? 0;
-    const ajustedText = (0, ajustedTextSpace_1.ajustedTextSpace)(textAnchor, context.yAxisText, ajustedSpace);
-    const xTickText = (0, getTickTextCoordinates_1.getTickTextXCoordinate)(position, coordinates.x1, ajustedText);
+    const ajustedText = ajustedTextSpace(textAnchor, context.yAxisText, ajustedSpace);
+    const xTickText = getTickTextXCoordinate(position, coordinates.x1, ajustedText);
     const tickValues = tickText
-        ? tick_types_1.TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
+        ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
     // Extract custom attributes (aria-*, data-*) and handle deprecated ariaLabel
-    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
+    const customAttributes = pickCustomAttributes(props);
     const finalAriaLabel = ariaLabel || props['aria-label'];
     // Merge all props including custom attributes and ariaLabel precedence
     const mergedProps = {
@@ -36,10 +33,9 @@ const LineChartYAxis = ({ ariaLabel, position = position_enum_1.Positions.LEFT,
         ...customAttributes,
         ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
     };
-    return ((0, jsx_runtime_1.jsx)(yAxis_1.YAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: yCursor, dataTestId: `${context.dataTestId}yAxis`, 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,
         }, tickText: { ...tickText, x: xTickText }, tickValues: tickValues }));
 };
-exports.LineChartYAxis = LineChartYAxis;

package/dist/cjs/charts/lineChart/hook/index.js

@@ -1,9 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIndicator = exports.useHover = exports.useAutoClick = void 0;
-var useAutoClick_1 = require("./useAutoClick");
-Object.defineProperty(exports, "useAutoClick", { enumerable: true, get: function () { return useAutoClick_1.useAutoClick; } });
-var useHover_1 = require("./useHover");
-Object.defineProperty(exports, "useHover", { enumerable: true, get: function () { return useHover_1.useHover; } });
-var useIndicator_1 = require("./useIndicator");
-Object.defineProperty(exports, "useIndicator", { enumerable: true, get: function () { return useIndicator_1.useIndicator; } });
+export { useAutoClick } from './useAutoClick';
+export { useHover } from './useHover';
+export { useIndicator } from './useIndicator';

package/dist/cjs/charts/lineChart/hook/useAutoClick.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoClick = void 0;
-const react_1 = require("react");
-const useAutoClick = (ref) => {
-    const autoClick = (0, react_1.useRef)(false);
-    const innerRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => innerRef.current, []);
+import { useEffect, useImperativeHandle, useRef } from 'react';
+export const useAutoClick = (ref) => {
+    const autoClick = useRef(false);
+    const innerRef = useRef(null);
+    useImperativeHandle(ref, () => innerRef.current, []);
     const handleClick = (e) => {
         autoClick.current = !!e.autoClick;
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!innerRef.current) {
             return;
         }
@@ -20,4 +17,3 @@ const useAutoClick = (ref) => {
     }, []);
     return [innerRef, autoClick];
 };
-exports.useAutoClick = useAutoClick;

package/dist/cjs/charts/lineChart/hook/useHover.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = void 0;
-const react_1 = require("react");
+import { useCallback, useState } from 'react';
 const outRange = -Infinity;
-const useHover = ({ canvasHeight, canvasWidth }) => {
-    const [[xCursor, yCursor], setCursor] = (0, react_1.useState)([outRange, outRange]);
-    const getCursor = (0, react_1.useCallback)((e, node) => {
+export const useHover = ({ canvasHeight, canvasWidth }) => {
+    const [[xCursor, yCursor], setCursor] = useState([outRange, outRange]);
+    const getCursor = useCallback((e, node) => {
         const { height, left, top, width } = node.getBoundingClientRect();
         // get the x and y position of the mouse
         const x = e.clientX - left;
@@ -19,7 +16,7 @@ const useHover = ({ canvasHeight, canvasWidth }) => {
     const startTouch = (e) => {
         e.preventDefault();
     };
-    const svgRef = (0, react_1.useCallback)((node) => {
+    const svgRef = useCallback((node) => {
         if (node) {
             node.addEventListener('touchstart', startTouch);
             node.addEventListener('touchmove', e => getCursor(e.touches[0], node));
@@ -31,4 +28,3 @@ const useHover = ({ canvasHeight, canvasWidth }) => {
     }, [canvasHeight, canvasWidth]);
     return { svgRef, xCursor, yCursor };
 };
-exports.useHover = useHover;

package/dist/cjs/charts/lineChart/hook/useIndicator.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIndicator = void 0;
-const react_1 = require("react");
-const useIndicator = (xPosition, implement) => {
-    const pathRef = (0, react_1.useRef)(null);
-    const indicatorRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { useEffect, useRef } from 'react';
+export const useIndicator = (xPosition, implement) => {
+    const pathRef = useRef(null);
+    const indicatorRef = useRef(null);
+    useEffect(() => {
         if (!implement || !pathRef.current || !indicatorRef.current) {
             return;
         }
@@ -32,4 +29,3 @@ const useIndicator = (xPosition, implement) => {
     }, [xPosition]);
     return { indicatorRef, pathRef };
 };
-exports.useIndicator = useIndicator;