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

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

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAxisExtraSpacing = void 0;
-const react_1 = require("react");
-const bar_type_1 = require("../../../components/bar/bar.type");
-const position_enum_1 = require("../../../types/position.enum");
-const buildTickValues_1 = require("../../../utils/buildTickValues/buildTickValues");
-const textBound_1 = require("../../../utils/textBound/textBound");
-const barChartPath_1 = require("../fragments/barChartPath");
-const barChartXAxis_1 = require("../fragments/barChartXAxis");
-const barChartYAxis_1 = require("../fragments/barChartYAxis");
-const getBarDataValue_1 = require("./getBarDataValue");
-const getRoundedBarMaxValue_1 = require("./getRoundedBarMaxValue");
+import { Children, isValidElement } from 'react';
+import { BarOrientation } from '../../../components/bar/bar.type';
+import { Positions } from '../../../types/position.enum';
+import { buildTickValues } from '../../../utils/buildTickValues/buildTickValues';
+import { textBound } from '../../../utils/textBound/textBound';
+import { BarChartPath } from '../fragments/barChartPath';
+import { BarChartXAxis } from '../fragments/barChartXAxis';
+import { BarChartYAxis } from '../fragments/barChartYAxis';
+import { getBarDataValues } from './getBarDataValue';
+import { getBarKeyRoundMaxValue } from './getRoundedBarMaxValue';
 const handleBarChartXAxis = (child, data, pKey, ajustedX, barsSpacing, viewBox, canvasHeight, canvasWidth) => {
     const { position, tickText, tickValues } = child.props;
     const fontSize = tickText?.fontSize ?? 0;
     const spaceFontSize = fontSize * ajustedX;
     const xData = tickValues
-        ? (0, getBarDataValue_1.getBarDataValues)(tickValues)
+        ? getBarDataValues(tickValues)
         : data.map(d => d[pKey]);
-    const fontSpacing = (0, textBound_1.textBound)({
+    const fontSpacing = textBound({
         bound: 'width',
         data: xData,
         fontSize,
@@ -27,9 +24,9 @@ const handleBarChartXAxis = (child, data, pKey, ajustedX, barsSpacing, viewBox,
         viewBox,
     });
     const securityXSpace = (() => (barsSpacing > fontSpacing ? barsSpacing : fontSpacing))();
-    const extraSpaceBottomY = position === position_enum_1.Positions.BOTTOM ? spaceFontSize + (tickText?.top ?? 0) : 0;
-    const extraSpaceTopY = position === position_enum_1.Positions.TOP ? spaceFontSize + (tickText?.bottom ?? 0) : 0;
-    const barChartXPosition = (() => position || position_enum_1.Positions.BOTTOM)();
+    const extraSpaceBottomY = position === Positions.BOTTOM ? spaceFontSize + (tickText?.top ?? 0) : 0;
+    const extraSpaceTopY = position === Positions.TOP ? spaceFontSize + (tickText?.bottom ?? 0) : 0;
+    const barChartXPosition = (() => position || Positions.BOTTOM)();
     const xBreakAxis = tickValues?.numeric
         ? (tickValues.numeric.breakAxis ?? 0)
         : (tickText?.custom?.breakAxis ?? 0);
@@ -47,10 +44,10 @@ const handleBarChartYAxis = (child, data, pKey, ajustedY, barSpacing, viewBox, c
     const fontSize = tickText?.fontSize ?? 0;
     const spaceFontSize = fontSize * ajustedY; //! review
     const dataValues = tickValues ||
-        (0, buildTickValues_1.buildTickValues)([...new Set((0, getRoundedBarMaxValue_1.getBarKeyRoundMaxValue)(data, pKey))]);
-    const yData = (0, getBarDataValue_1.getBarDataValues)(dataValues);
+        buildTickValues([...new Set(getBarKeyRoundMaxValue(data, pKey))]);
+    const yData = getBarDataValues(dataValues);
     const securityYSpace = (() => (barSpacing > spaceFontSize ? barSpacing : spaceFontSize))();
-    const textWidth = (0, textBound_1.textBound)({
+    const textWidth = textBound({
         bound: 'width',
         data: yData,
         fontSize,
@@ -58,9 +55,9 @@ const handleBarChartYAxis = (child, data, pKey, ajustedY, barSpacing, viewBox, c
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const extraSpaceLeftX = position === position_enum_1.Positions.LEFT ? textWidth + (tickText?.right ?? 0) : 0;
-    const extraSpaceRightX = position === position_enum_1.Positions.RIGHT ? textWidth + (tickText?.left ?? 0) : 0;
-    const barChartYPosition = (() => position || position_enum_1.Positions.LEFT)();
+    const extraSpaceLeftX = position === Positions.LEFT ? textWidth + (tickText?.right ?? 0) : 0;
+    const extraSpaceRightX = position === Positions.RIGHT ? textWidth + (tickText?.left ?? 0) : 0;
+    const barChartYPosition = (() => position || Positions.LEFT)();
     const yBreakAxis = tickValues?.numeric
         ? (tickValues.numeric.breakAxis ?? 0)
         : (tickText?.custom?.breakAxis ?? 0);
@@ -74,10 +71,10 @@ const handleBarChartYAxis = (child, data, pKey, ajustedY, barSpacing, viewBox, c
         yData,
     };
 };
-const getAxisExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }) => {
+export const getAxisExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }) => {
     let result = {
-        barChartXPosition: position_enum_1.Positions.BOTTOM,
-        barChartYPosition: position_enum_1.Positions.LEFT,
+        barChartXPosition: Positions.BOTTOM,
+        barChartYPosition: Positions.LEFT,
         extraSpaceBottomY: 0,
         extraSpaceLeftX: 0,
         extraSpaceRightX: 0,
@@ -93,21 +90,21 @@ const getAxisExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, ch
     };
     let barsSpacing = gapBetweenBars;
     const reviews = [];
-    react_1.Children.forEach(children, (child) => {
-        if ((0, react_1.isValidElement)(child)) {
-            if (child.type === barChartPath_1.BarChartPath && !reviews.includes(child.props.order)) {
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            if (child.type === BarChartPath && !reviews.includes(child.props.order)) {
                 reviews.push(child.props.order);
                 barsSpacing += child.props.barConfig.barWidth ?? 0;
             }
-            if (child.type === barChartXAxis_1.BarChartXAxis) {
-                const securitySpace = orientation === bar_type_1.BarOrientation.VERTICAL ? barsSpacing : 0;
+            if (child.type === BarChartXAxis) {
+                const securitySpace = orientation === BarOrientation.VERTICAL ? barsSpacing : 0;
                 result = {
                     ...result,
                     ...handleBarChartXAxis(child, data, pKey, ajustedX, securitySpace, viewBox, canvasHeight, canvasWidth),
                 };
             }
-            else if (child.type === barChartYAxis_1.BarChartYAxis) {
-                const securitySpace = orientation === bar_type_1.BarOrientation.HORIZONTAL ? barsSpacing : 0;
+            else if (child.type === BarChartYAxis) {
+                const securitySpace = orientation === BarOrientation.HORIZONTAL ? barsSpacing : 0;
                 result = {
                     ...result,
                     ...handleBarChartYAxis(child, data, pKey, ajustedY, securitySpace, viewBox, canvasHeight, canvasWidth),
@@ -117,4 +114,3 @@ const getAxisExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, ch
     });
     return result;
 };
-exports.getAxisExtraSpacing = getAxisExtraSpacing;

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

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBarDataValues = void 0;
 /**
  * Retrieves the data values from the given BarTickValuesAxisProps object.
  * @param data - The BarTickValuesAxisProps object containing the data values.
  * @returns An array of string values representing the data, or undefined if the data is invalid.
  */
-const getBarDataValues = (data) => {
+export const getBarDataValues = (data) => {
     if (data.custom) {
         return data.custom?.values;
     }
@@ -20,4 +17,3 @@ const getBarDataValues = (data) => {
     }
     return undefined;
 };
-exports.getBarDataValues = getBarDataValues;

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;