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

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

@@ -1,17 +1 @@
-"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("./lineChart"), exports);
+export * from './lineChart';

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

@@ -1,30 +1,13 @@
-"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 });
-exports.LineChart = void 0;
-const lineChartPath_1 = require("./fragments/lineChartPath");
-const lineChartSeparator_1 = require("./fragments/lineChartSeparator");
-const lineChartXAxis_1 = require("./fragments/lineChartXAxis");
-const lineChartYAxis_1 = require("./fragments/lineChartYAxis");
-const lineChartStructure_1 = require("./lineChartStructure");
-const LineChart = Object.assign(lineChartStructure_1.LineChartStructure, {
-    Path: lineChartPath_1.LineChartPath,
-    Separator: lineChartSeparator_1.LineChartSeparator,
-    XAxis: lineChartXAxis_1.LineChartXAxis,
-    YAxis: lineChartYAxis_1.LineChartYAxis,
+import { LineChartPath } from './fragments/lineChartPath';
+import { LineChartSeparator } from './fragments/lineChartSeparator';
+import { LineChartXAxis } from './fragments/lineChartXAxis';
+import { LineChartYAxis } from './fragments/lineChartYAxis';
+import { LineChartStructure } from './lineChartStructure';
+const LineChart = Object.assign(LineChartStructure, {
+    Path: LineChartPath,
+    Separator: LineChartSeparator,
+    XAxis: LineChartXAxis,
+    YAxis: LineChartYAxis,
 });
-exports.LineChart = LineChart;
-__exportStar(require("./lineChart.type"), exports);
+export { LineChart };
+export * from './lineChart.type';

package/dist/cjs/charts/lineChart/lineChart.type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/cjs/charts/lineChart/lineChartStructure.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChartStructure = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const svgContainer_1 = require("../../components/svgContainer/svgContainer");
-const buildViewBox_1 = require("../../components/svgContainer/utils/buildViewBox/buildViewBox");
-const canvas_type_1 = require("../../types/canvas.type");
-const errors_type_1 = require("../../types/errors.type");
-const getCanvasDimensions_1 = require("../../utils/getCanvasDimensions/getCanvasDimensions");
-const getChildrenAttr_1 = require("../../utils/getChildrenAttr/getChildrenAttr");
-const getDataFingerprint_1 = require("../../utils/getDataFingerprint/getDataFingerprint");
-const parseStringToNumberPx_1 = require("../../utils/parseStringToNumberPx.ts/parseStringToNumberPx");
-const buildLineContextValue_1 = require("./context/buildLineContextValue");
-const lineChartContext_1 = require("./context/lineChartContext");
-const lineChartXAxis_1 = require("./fragments/lineChartXAxis");
-const lineChartYAxis_1 = require("./fragments/lineChartYAxis");
-const useHover_1 = require("./hook/useHover");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, useEffect, useMemo, useState } from 'react';
+import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
+import { DefaultCanvasConfig } from '../../types/canvas.type';
+import { ErrorType } from '../../types/errors.type';
+import { getCanvasDimensions } from '../../utils/getCanvasDimensions/getCanvasDimensions';
+import { getChildrenAttr } from '../../utils/getChildrenAttr/getChildrenAttr';
+import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
+import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { buildLineContextValue } from './context/buildLineContextValue';
+import { LineChartContext } from './context/lineChartContext';
+import { LineChartXAxis } from './fragments/lineChartXAxis';
+import { LineChartYAxis } from './fragments/lineChartYAxis';
+import { useHover } from './hook/useHover';
 /**
  * Renders a line chart component.
  *
@@ -45,39 +42,39 @@ const useHover_1 = require("./hook/useHover");
  *
  * @returns The rendered LineChart component.
  */
-const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_1.DefaultCanvasConfig, caption, children, classNames, data, dataTestId = 'line-chart', getPathArea, height = '100%', onErrors, role, tabIndex, width = '100%', xKey, ...props }) => {
+export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = DefaultCanvasConfig, caption, children, classNames, data, dataTestId = 'line-chart', getPathArea, height = '100%', onErrors, role, tabIndex, width = '100%', xKey, ...props }) => {
     const { extraSpace: canvasExtraSpace, height: canvasHeight, width: canvasWidth } = canvasConfig;
-    const [childrenYKeys, setChildrenYKey] = (0, react_1.useState)('');
-    const [parsedCanvas, setParsedCanvas] = (0, react_1.useState)({
+    const [childrenYKeys, setChildrenYKey] = useState('');
+    const [parsedCanvas, setParsedCanvas] = useState({
         height: 0,
         width: 0,
     });
     const parsedCanvasExtraSpace = canvasExtraSpace
-        ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasExtraSpace)
+        ? parseStringToNumberPx(canvasExtraSpace)
         : undefined;
-    const viewBox = (0, buildViewBox_1.buildViewBox)(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace);
+    const viewBox = buildViewBox(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace);
     // Set the default axis for the chart
     const defaultAxis = [
-        (0, jsx_runtime_1.jsx)(lineChartXAxis_1.LineChartXAxis, {}, "default-x-axis"),
-        (0, jsx_runtime_1.jsx)(lineChartYAxis_1.LineChartYAxis, {}, "default-y-axis"),
+        _jsx(LineChartXAxis, {}, "default-x-axis"),
+        _jsx(LineChartYAxis, {}, "default-y-axis"),
     ];
-    const arrayChildren = (react_1.Children.toArray(children) || []);
+    const arrayChildren = (Children.toArray(children) || []);
     const chidrenWithDefaultAxis = defaultAxis.concat(arrayChildren);
     const maxValue = Math.max(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace ?? 0);
     const ajustedX = isNaN(parsedCanvas.width / maxValue) ? 0 : parsedCanvas.width / maxValue;
     const ajustedY = isNaN(parsedCanvas.height / maxValue) ? 0 : parsedCanvas.height / maxValue;
     // watch the Y childs keys
-    (0, getChildrenAttr_1.getChildrenAttr)({
+    getChildrenAttr({
         attrName: 'dataKey',
         children: chidrenWithDefaultAxis,
         originalValue: childrenYKeys,
         updateValue: setChildrenYKey,
     });
     // Create a fingerprint of the data to avoid unnecessary contextValue updates
-    const dataFingerprint = (0, getDataFingerprint_1.getDataFingerprint)(data);
+    const dataFingerprint = getDataFingerprint(data);
     // Build the context value
-    const contextValue = (0, react_1.useMemo)(() => {
-        return (0, buildLineContextValue_1.buildLineContextValue)({
+    const contextValue = useMemo(() => {
+        return buildLineContextValue({
             ajustedX,
             ajustedY,
             canvasHeight: parsedCanvas.height,
@@ -88,23 +85,23 @@ const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_
             xKey,
         });
     }, [parsedCanvas.width, parsedCanvas.height, dataFingerprint, xKey, childrenYKeys]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (contextValue.error && onErrors) {
             onErrors({
-                [errors_type_1.ErrorType.GENERIC]: contextValue.error,
+                [ErrorType.GENERIC]: contextValue.error,
             });
         }
     }, [contextValue.error, onErrors]);
-    const { svgRef, xCursor, yCursor } = (0, useHover_1.useHover)({
+    const { svgRef, xCursor, yCursor } = useHover({
         canvasHeight: parsedCanvas.height,
         canvasWidth: parsedCanvas.width,
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const svgElement = document.querySelector('[data-kbt-svg]');
         if (!svgElement) {
             return;
         }
-        const { parsedCanvasHeight, parsedCanvasWidth } = (0, getCanvasDimensions_1.getCanvasDimensions)({
+        const { parsedCanvasHeight, parsedCanvasWidth } = getCanvasDimensions({
             canvasHeight,
             canvasWidth,
             svgElement,
@@ -114,7 +111,7 @@ const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_
             width: parsedCanvasWidth,
         });
     }, [canvasWidth, canvasHeight]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         getPathArea?.({
             x1: contextValue.extraSpaceLeftX,
             x2: parsedCanvas.width - contextValue.extraSpaceRightX,
@@ -122,7 +119,7 @@ const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_
             y2: parsedCanvas.height - contextValue.extraSpaceBottomY,
         });
     }, [parsedCanvas.width, parsedCanvas.height]);
-    return ((0, jsx_runtime_1.jsx)(svgContainer_1.SvgContainer, { ref: svgRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, "data-kbt-svg": true, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: (0, jsx_runtime_1.jsx)(lineChartContext_1.LineChartContext.Provider, { value: {
+    return (_jsx(SvgContainer, { ref: svgRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, "data-kbt-svg": true, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: _jsx(LineChartContext.Provider, { value: {
                 ...contextValue,
                 canvasExtraSpace: parsedCanvasExtraSpace,
                 canvasHeight: parsedCanvas.height,
@@ -134,4 +131,3 @@ const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_
                 yCursor,
             }, children: children }) }));
 };
-exports.LineChartStructure = LineChartStructure;

package/dist/cjs/charts/lineChart/utils/accessibilityTemplateProcessor.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.processAccessibilityTemplate = exports.TEMPLATE_KEYS = void 0;
 // Template keys for accessibility labels
-exports.TEMPLATE_KEYS = {
+export const TEMPLATE_KEYS = {
     DATA_KEY: '{{dataKey}}',
     INDEX: '{{index}}',
     X_VALUE: '{{xValue}}',
@@ -34,17 +31,17 @@ const extractValuesFromDataPoint = (dataPoint, nodeData) => {
 const replaceTemplatePlaceholders = (template, nodeData, xValue, yValue) => {
     let result = template;
     if (nodeData.dataKey !== undefined) {
-        result = result.replace(new RegExp(exports.TEMPLATE_KEYS.DATA_KEY, 'g'), nodeData.dataKey);
+        result = result.replace(new RegExp(TEMPLATE_KEYS.DATA_KEY, 'g'), nodeData.dataKey);
     }
     // Always replace xValue and yValue placeholders, even with empty strings
-    result = result.replace(new RegExp(exports.TEMPLATE_KEYS.X_VALUE, 'g'), xValue);
-    result = result.replace(new RegExp(exports.TEMPLATE_KEYS.Y_VALUE, 'g'), yValue);
+    result = result.replace(new RegExp(TEMPLATE_KEYS.X_VALUE, 'g'), xValue);
+    result = result.replace(new RegExp(TEMPLATE_KEYS.Y_VALUE, 'g'), yValue);
     if (nodeData.index !== undefined) {
-        result = result.replace(new RegExp(exports.TEMPLATE_KEYS.INDEX, 'g'), (nodeData.index + 1).toString());
+        result = result.replace(new RegExp(TEMPLATE_KEYS.INDEX, 'g'), (nodeData.index + 1).toString());
     }
     return result;
 };
-const processAccessibilityTemplate = (template, nodeData, dataValue) => {
+export const processAccessibilityTemplate = (template, nodeData, dataValue) => {
     if (!template) {
         return undefined;
     }
@@ -57,4 +54,3 @@ const processAccessibilityTemplate = (template, nodeData, dataValue) => {
     // Replace template placeholders
     return replaceTemplatePlaceholders(template, nodeData, xValue, yValue);
 };
-exports.processAccessibilityTemplate = processAccessibilityTemplate;

package/dist/cjs/charts/lineChart/utils/findSurroundingNumber.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findClosestNumber = exports.findSurroundingNumber = void 0;
-const findSurroundingNumber = (points, xPosition) => {
+export const findSurroundingNumber = (points, xPosition) => {
     let idx = 0;
     let match = false;
     // TODO: performance the init and last point
@@ -14,8 +11,7 @@ const findSurroundingNumber = (points, xPosition) => {
     }
     return { idx, match };
 };
-exports.findSurroundingNumber = findSurroundingNumber;
-const findClosestNumber = (points, xPosition) => {
+export const findClosestNumber = (points, xPosition) => {
     let closest = 0;
     let minDiff = Math.abs(points[0] - xPosition);
     for (let i = 1; i < points.length; i++) {
@@ -27,4 +23,3 @@ const findClosestNumber = (points, xPosition) => {
     }
     return closest;
 };
-exports.findClosestNumber = findClosestNumber;

package/dist/cjs/charts/lineChart/utils/getDataValues.js

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

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

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getExtraSpacing = void 0;
-const react_1 = require("react");
-const position_enum_1 = require("../../../types/position.enum");
-const buildTickValues_1 = require("../../../utils/buildTickValues/buildTickValues");
-const textBound_1 = require("../../../utils/textBound/textBound");
-const lineChartXAxis_1 = require("../fragments/lineChartXAxis");
-const lineChartYAxis_1 = require("../fragments/lineChartYAxis");
-const getDataValues_1 = require("./getDataValues");
-const getRoundedMaxValue_1 = require("./getRoundedMaxValue");
+import { Children, isValidElement } from 'react';
+import { Positions } from '../../../types/position.enum';
+import { buildTickValues } from '../../../utils/buildTickValues/buildTickValues';
+import { textBound } from '../../../utils/textBound/textBound';
+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;
     const fontSize = tickText?.fontSize ?? 0;
     const spaceFontSize = fontSize * ajustedX;
-    const xData = tickValues ? (0, getDataValues_1.getDataValues)(tickValues) : data.map(d => d[xKey]);
+    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 = (0, textBound_1.textBound)({
+    const securityXSpace = textBound({
         bound: 'width',
         data: formattedXData,
         fontSize,
@@ -24,11 +21,11 @@ const handleLineChartXAxis = (child, data, xKey, ajustedX, viewBox, canvasHeight
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const isBottomPosition = position === position_enum_1.Positions.BOTTOM;
-    const isTopPosition = position === position_enum_1.Positions.TOP;
+    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 || position_enum_1.Positions.BOTTOM)();
+    const lineChartXPosition = (() => position || Positions.BOTTOM)();
     const getBreakAxis = () => {
         if (tickValues?.numeric) {
             return tickValues.numeric.breakAxis ?? 0;
@@ -50,11 +47,11 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
     const fontSize = tickText?.fontSize ?? '0';
     const spaceFontSize = fontSize * ajustedY;
     const dataValues = tickValues ||
-        (0, buildTickValues_1.buildTickValues)([...new Set((0, getRoundedMaxValue_1.getYKeyRoundMaxValue)(data, xKey))]);
-    const yData = (0, getDataValues_1.getDataValues)(dataValues);
+        buildTickValues([...new Set(getYKeyRoundMaxValue(data, xKey))]);
+    const yData = getDataValues(dataValues);
     // Apply the valueFormatter if provided to get the actual rendered text width
     const formattedYData = valueFormatter ? yData.map(valueFormatter) : yData;
-    const yAxisText = (0, textBound_1.textBound)({
+    const yAxisText = textBound({
         bound: 'width',
         data: formattedYData,
         fontSize: fontSize,
@@ -63,11 +60,11 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
         viewBox,
     });
     const securityYSpace = spaceFontSize;
-    const isLeftPosition = position === position_enum_1.Positions.LEFT;
-    const isRightPosition = position === position_enum_1.Positions.RIGHT;
+    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 || position_enum_1.Positions.LEFT;
+    const lineChartYPosition = position || Positions.LEFT;
     const getBreakAxis = () => {
         if (tickValues?.numeric) {
             return tickValues.numeric.breakAxis ?? 0;
@@ -90,14 +87,14 @@ 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.
  */
-const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let result = {
         extraSpaceBottomY: 0,
         extraSpaceLeftX: 0,
         extraSpaceRightX: 0,
         extraSpaceTopY: 0,
-        lineChartXPosition: position_enum_1.Positions.BOTTOM,
-        lineChartYPosition: position_enum_1.Positions.LEFT,
+        lineChartXPosition: Positions.BOTTOM,
+        lineChartYPosition: Positions.LEFT,
         securityXSpace: 0,
         securityYSpace: 0,
         xAxisText: 0,
@@ -107,15 +104,15 @@ const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, childr
         yBreakAxis: 0,
         yData: [],
     };
-    react_1.Children.forEach(children, (child) => {
-        if ((0, react_1.isValidElement)(child)) {
-            if (child.type === lineChartXAxis_1.LineChartXAxis) {
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            if (child.type === LineChartXAxis) {
                 result = {
                     ...result,
                     ...handleLineChartXAxis(child, data, xKey, ajustedX, viewBox, canvasHeight, canvasWidth),
                 };
             }
-            else if (child.type === lineChartYAxis_1.LineChartYAxis) {
+            else if (child.type === LineChartYAxis) {
                 result = {
                     ...result,
                     ...handleLineChartYAxis(child, data, xKey, ajustedY, viewBox, canvasHeight, canvasWidth),
@@ -125,4 +122,3 @@ const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, childr
     });
     return result;
 };
-exports.getExtraSpacing = getExtraSpacing;

package/dist/cjs/charts/lineChart/utils/getPathData.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPathData = void 0;
 /**
  * Generates SVG path data from an array of points.
  * @param points - An array of points, where each point is an array of two numbers representing the x and y coordinates.
@@ -10,7 +7,7 @@ exports.getPathData = void 0;
  * @param extendToBottom - A boolean indicating whether the path should extend to the bottom of the SVG container. Defaults to false.
  * @returns The SVG path data as a string.
  */
-const getPathData = ({ curved = false, extendToBottom = false, points, svgHeight, }) => {
+export const getPathData = ({ curved = false, extendToBottom = false, points, svgHeight, }) => {
     if (points.length === 0) {
         return '';
     }
@@ -34,4 +31,3 @@ const getPathData = ({ curved = false, extendToBottom = false, points, svgHeight
     }
     return pathData;
 };
-exports.getPathData = getPathData;

package/dist/cjs/charts/lineChart/utils/getProjection.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProjection = void 0;
 const addXProjection = (point, projection) => {
     if (!projection) {
         return point;
@@ -31,7 +28,7 @@ const addYProjection = (point, svgHeight, projection) => {
  * @param {ProjectionType} [params.lowerProjection] - The lower projection data.
  * @returns {GetProjectionReturnType} The generated SVG path data.
  */
-const getProjection = ({ curved, lowerProjection, points, svgHeight, upperProjection, }) => {
+export const getProjection = ({ curved, lowerProjection, points, svgHeight, upperProjection, }) => {
     const hasProjections = upperProjection || lowerProjection;
     if (points.length === 0 && !hasProjections) {
         return { shapePath: '' };
@@ -106,4 +103,3 @@ const getProjection = ({ curved, lowerProjection, points, svgHeight, upperProjec
     }
     return { downPath, shapePath, upPath };
 };
-exports.getProjection = getProjection;

package/dist/cjs/charts/lineChart/utils/getRoundedMaxValue.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getYKeyRoundMaxValue = exports.getRoundedMaxValue = void 0;
 /**
  * Extracts the maximum value from the data points that do not correspond to the provided key.
  * The maximum value is rounded up to the nearest multiple of 10.
@@ -8,23 +5,21 @@ exports.getYKeyRoundMaxValue = exports.getRoundedMaxValue = void 0;
  * @param key - The key to exclude in the data.
  * @returns The rounded maximum value.
  */
-const getRoundedMaxValue = (data, key) => {
+export const getRoundedMaxValue = (data, key) => {
     const values = data.flatMap(point => Object.keys(point)
         .filter(k => k !== key && typeof point[k] === 'number')
         .map(k => point[k]));
     const maxNumber = Math.max(...values);
     return Math.ceil(maxNumber / 10) * 10;
 };
-exports.getRoundedMaxValue = getRoundedMaxValue;
 /**
  * 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 getYKeyRoundMaxValue = (data, xKey) => {
+export const getYKeyRoundMaxValue = (data, xKey) => {
     return data.flatMap(point => Object.keys(point)
         .filter(k => k !== xKey && typeof point[k] === 'number')
         .map(k => point[k]));
 };
-exports.getYKeyRoundMaxValue = getYKeyRoundMaxValue;

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleNodesFocus = void 0;
-const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
+export const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
     let refFocused = false;
     let currentNode = undefined;
     const g = ref.querySelector('[data-draw]');
@@ -46,4 +43,3 @@ const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
     };
     return { mount, unmount };
 };
-exports.handleNodesFocus = handleNodesFocus;

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

@@ -1,17 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getYKeyRoundMaxValue = exports.getRoundedMaxValue = exports.getProjection = exports.getPathData = exports.getExtraSpacing = exports.getDataValues = exports.findClosestNumber = exports.findSurroundingNumber = void 0;
-var findSurroundingNumber_1 = require("./findSurroundingNumber");
-Object.defineProperty(exports, "findSurroundingNumber", { enumerable: true, get: function () { return findSurroundingNumber_1.findSurroundingNumber; } });
-Object.defineProperty(exports, "findClosestNumber", { enumerable: true, get: function () { return findSurroundingNumber_1.findClosestNumber; } });
-var getDataValues_1 = require("./getDataValues");
-Object.defineProperty(exports, "getDataValues", { enumerable: true, get: function () { return getDataValues_1.getDataValues; } });
-var getExtraSpacing_1 = require("./getExtraSpacing");
-Object.defineProperty(exports, "getExtraSpacing", { enumerable: true, get: function () { return getExtraSpacing_1.getExtraSpacing; } });
-var getPathData_1 = require("./getPathData");
-Object.defineProperty(exports, "getPathData", { enumerable: true, get: function () { return getPathData_1.getPathData; } });
-var getProjection_1 = require("./getProjection");
-Object.defineProperty(exports, "getProjection", { enumerable: true, get: function () { return getProjection_1.getProjection; } });
-var getRoundedMaxValue_1 = require("./getRoundedMaxValue");
-Object.defineProperty(exports, "getRoundedMaxValue", { enumerable: true, get: function () { return getRoundedMaxValue_1.getRoundedMaxValue; } });
-Object.defineProperty(exports, "getYKeyRoundMaxValue", { enumerable: true, get: function () { return getRoundedMaxValue_1.getYKeyRoundMaxValue; } });
+export { findSurroundingNumber, findClosestNumber } from './findSurroundingNumber';
+export { getDataValues } from './getDataValues';
+export { getExtraSpacing } from './getExtraSpacing';
+export { getPathData } from './getPathData';
+export { getProjection } from './getProjection';
+export { getRoundedMaxValue, getYKeyRoundMaxValue } from './getRoundedMaxValue';

package/dist/cjs/charts/pieChart/context/buildPieContextValue.js

@@ -1,29 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildPieContextValue = void 0;
-const react_1 = require("react");
-const parseStringToNumberPx_1 = require("../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx");
-const pieChartPath_1 = require("../fragments/pieChartPath");
+import { Children, isValidElement } from 'react';
+import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { PieChartPath } from '../fragments/pieChartPath';
 /**
  * Builds the context value for the PieChart component.
  *
  * @param {BuildPieContextValueProps} props - The props for building the context value.
  * @returns {Omit<PieChartContextType, 'canvasHeight' | 'canvasWidth' | 'data'>} The context value.
  */
-const buildPieContextValue = ({ canvasHeight, canvasWidth, children, halfChart, }) => {
+export const buildPieContextValue = ({ canvasHeight, canvasWidth, children, halfChart, }) => {
     // Use the min inner radious of the paths to calculate the size
     let minRadius = undefined;
     let foreignObjectSize = undefined;
-    react_1.Children.forEach(children, (child) => {
-        if (!(0, react_1.isValidElement)(child)) {
+    Children.forEach(children, (child) => {
+        if (!isValidElement(child)) {
             return;
         }
-        if (child.type === pieChartPath_1.PieChartPath) {
+        if (child.type === PieChartPath) {
             const { innerRadius } = child.props;
             if (!innerRadius) {
                 return;
             }
-            const parsedInnerRadius = (0, parseStringToNumberPx_1.parseStringToNumberPx)(innerRadius);
+            const parsedInnerRadius = parseStringToNumberPx(innerRadius);
             if (!minRadius || parsedInnerRadius < minRadius) {
                 minRadius = parsedInnerRadius;
             }
@@ -46,4 +43,3 @@ const buildPieContextValue = ({ canvasHeight, canvasWidth, children, halfChart,
         },
     };
 };
-exports.buildPieContextValue = buildPieContextValue;

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

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PieChartContext = exports.buildPieContextValue = void 0;
-var buildPieContextValue_1 = require("./buildPieContextValue");
-Object.defineProperty(exports, "buildPieContextValue", { enumerable: true, get: function () { return buildPieContextValue_1.buildPieContextValue; } });
-var pieChartContext_1 = require("./pieChartContext");
-Object.defineProperty(exports, "PieChartContext", { enumerable: true, get: function () { return pieChartContext_1.PieChartContext; } });
+export { buildPieContextValue } from './buildPieContextValue';
+export { PieChartContext } from './pieChartContext';

package/dist/cjs/charts/pieChart/context/pieChartContext.js

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

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

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PieChartPath = exports.PieChartForeign = void 0;
-var pieChartForeign_1 = require("./pieChartForeign");
-Object.defineProperty(exports, "PieChartForeign", { enumerable: true, get: function () { return pieChartForeign_1.PieChartForeign; } });
-var pieChartPath_1 = require("./pieChartPath");
-Object.defineProperty(exports, "PieChartPath", { enumerable: true, get: function () { return pieChartPath_1.PieChartPath; } });
+export { PieChartForeign } from './pieChartForeign';
+export { PieChartPath } from './pieChartPath';

package/dist/cjs/charts/pieChart/fragments/pieChartForeign.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PieChartForeign = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const foreignObject_1 = require("../../../components/foreignObject/foreignObject");
-const pieChartContext_1 = require("../context/pieChartContext");
-const PieChartForeign = ({ children, dataTestId: childDataTestId, height: childHeight, width: childWidth, x: childX, y: childY, ...props }) => {
-    const { dataTestId: canvasDataTestId, foreignObject } = (0, react_1.useContext)(pieChartContext_1.PieChartContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ForeignObject } from '../../../components/foreignObject/foreignObject';
+import { PieChartContext } from '../context/pieChartContext';
+export const PieChartForeign = ({ children, dataTestId: childDataTestId, height: childHeight, width: childWidth, x: childX, y: childY, ...props }) => {
+    const { dataTestId: canvasDataTestId, foreignObject } = useContext(PieChartContext);
     const width = !childWidth && foreignObject?.width ? foreignObject.width : childWidth;
     const height = !childHeight && foreignObject?.height ? foreignObject.height : childHeight;
     const x = !childX && foreignObject?.x ? foreignObject.x : childX;
     const y = !childY && foreignObject?.y ? foreignObject.y : childY;
     const dataTestId = !childDataTestId && canvasDataTestId ? `${canvasDataTestId}-foreign-object` : childDataTestId;
-    return ((0, jsx_runtime_1.jsx)(foreignObject_1.ForeignObject, { ...props, dataTestId: dataTestId, height: height, width: width, x: x, y: y, children: children }));
+    return (_jsx(ForeignObject, { ...props, dataTestId: dataTestId, height: height, width: width, x: x, y: y, children: children }));
 };
-exports.PieChartForeign = PieChartForeign;