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

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;

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;