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

package/README.md

@@ -45,6 +45,8 @@
 
 # For Library Users
 
+> 💡 **Cross-platform**: Kubit Charts is also available for [Android](https://github.com/kubit-ui/kubit-android-charts) and [iOS](https://github.com/kubit-ui/kubit-ios-charts) platforms, enabling consistent chart experiences across all your applications.
+
 ## Features
 
 **Composable**: Modular architecture where each chart is composed of specialized elements  

package/dist/cjs/charts/barChart/barChart.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.BarChart = void 0;
-const barChartStructure_1 = require("./barChartStructure");
-const barChartPath_1 = require("./fragments/barChartPath");
-const barChartSeparator_1 = require("./fragments/barChartSeparator");
-const barChartXAxis_1 = require("./fragments/barChartXAxis");
-const barChartYAxis_1 = require("./fragments/barChartYAxis");
-const BarChart = Object.assign(barChartStructure_1.BarChartStructure, {
-    Path: barChartPath_1.BarChartPath,
-    Separator: barChartSeparator_1.BarChartSeparator,
-    XAxis: barChartXAxis_1.BarChartXAxis,
-    YAxis: barChartYAxis_1.BarChartYAxis,
+import { BarChartStructure } from './barChartStructure';
+import { BarChartPath } from './fragments/barChartPath';
+import { BarChartSeparator } from './fragments/barChartSeparator';
+import { BarChartXAxis } from './fragments/barChartXAxis';
+import { BarChartYAxis } from './fragments/barChartYAxis';
+const BarChart = Object.assign(BarChartStructure, {
+    Path: BarChartPath,
+    Separator: BarChartSeparator,
+    XAxis: BarChartXAxis,
+    YAxis: BarChartYAxis,
 });
-exports.BarChart = BarChart;
-__exportStar(require("./barChart.type"), exports);
+export { BarChart };
+export * from './barChart.type';

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

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

package/dist/cjs/charts/barChart/barChartStructure.js

@@ -1,45 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartStructure = 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 getDataFingerprint_1 = require("../../utils/getDataFingerprint/getDataFingerprint");
-const parseStringToNumberPx_1 = require("../../utils/parseStringToNumberPx.ts/parseStringToNumberPx");
-const barChartContext_1 = require("./context/barChartContext");
-const buildBarContextValues_1 = require("./context/buildBarContextValues");
-const barChartXAxis_1 = require("./fragments/barChartXAxis");
-const barChartYAxis_1 = require("./fragments/barChartYAxis");
-const countBarChildren_1 = require("./utils/countBarChildren");
-const BarChartStructure = ({ canvasConfig = canvas_type_1.DefaultCanvasConfig, caption, children, classNames, data, dataTestId, gapBetweenBars = 0, height = '100%', orientation, pKey, role, tabIndex, width = '100%', ...props }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, useMemo } from 'react';
+import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
+import { DefaultCanvasConfig } from '../../types/canvas.type';
+import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
+import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { BarChartContext } from './context/barChartContext';
+import { buildBarContextValue } from './context/buildBarContextValues';
+import { BarChartXAxis } from './fragments/barChartXAxis';
+import { BarChartYAxis } from './fragments/barChartYAxis';
+import { countBarChildren } from './utils/countBarChildren';
+export const BarChartStructure = ({ canvasConfig = DefaultCanvasConfig, caption, children, classNames, data, dataTestId, gapBetweenBars = 0, height = '100%', orientation, pKey, role, tabIndex, width = '100%', ...props }) => {
     // Extracts and sets default values for canvas configuration
     const { extraSpace: canvasExtraSpace, height: canvasHeight, width: canvasWidth } = canvasConfig;
-    const parsedCanvasWidth = (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasWidth);
-    const parsedCanvasHeight = (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasHeight);
+    const parsedCanvasWidth = parseStringToNumberPx(canvasWidth);
+    const parsedCanvasHeight = parseStringToNumberPx(canvasHeight);
     const parsedCanvasExtraSpace = canvasExtraSpace
-        ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasExtraSpace)
+        ? parseStringToNumberPx(canvasExtraSpace)
         : undefined;
-    const viewBox = (0, buildViewBox_1.buildViewBox)(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    const viewBox = buildViewBox(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
     // count how many of bar children exists
-    const barChildrenCount = (0, countBarChildren_1.countBarChildren)(children);
+    const barChildrenCount = countBarChildren(children);
     const secureGap = gapBetweenBars * 2;
     // Set the default axis for the chart
     const defaultAxis = [
-        (0, jsx_runtime_1.jsx)(barChartXAxis_1.BarChartXAxis, {}, "default-x-axis"),
-        (0, jsx_runtime_1.jsx)(barChartYAxis_1.BarChartYAxis, {}, "default-y-axis"),
+        _jsx(BarChartXAxis, {}, "default-x-axis"),
+        _jsx(BarChartYAxis, {}, "default-y-axis"),
     ];
-    const arrayChildren = (react_1.Children.toArray(children) || []);
+    const arrayChildren = (Children.toArray(children) || []);
     const chidrenWithDefaultAxis = defaultAxis.concat(arrayChildren);
     const maxValue = Math.max(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace ?? 0);
     const ajustedX = parsedCanvasWidth / maxValue;
     const ajustedY = parsedCanvasHeight / maxValue;
     // 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, buildBarContextValues_1.buildBarContextValue)({
+    const contextValue = useMemo(() => {
+        return buildBarContextValue({
             ajustedX,
             ajustedY,
             canvasHeight: parsedCanvasHeight,
@@ -52,7 +49,7 @@ const BarChartStructure = ({ canvasConfig = canvas_type_1.DefaultCanvasConfig, c
             viewBox,
         });
     }, [canvasHeight, canvasWidth, dataFingerprint, pKey, orientation]);
-    return ((0, jsx_runtime_1.jsx)(svgContainer_1.SvgContainer, { caption: caption, className: classNames, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: (0, jsx_runtime_1.jsx)(barChartContext_1.BarChartContext.Provider, { value: {
+    return (_jsx(SvgContainer, { caption: caption, className: classNames, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: _jsx(BarChartContext.Provider, { value: {
                 ...contextValue,
                 barChildrenCount,
                 canvasExtraSpace: parsedCanvasExtraSpace,
@@ -65,4 +62,3 @@ const BarChartStructure = ({ canvasConfig = canvas_type_1.DefaultCanvasConfig, c
                 pKey,
             }, children: children }) }));
 };
-exports.BarChartStructure = BarChartStructure;

package/dist/cjs/charts/barChart/context/barChartContext.js

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

package/dist/cjs/charts/barChart/context/buildBarContextValues.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildBarContextValue = void 0;
-const bar_type_1 = require("../../../components/bar/bar.type");
-const position_enum_1 = require("../../../types/position.enum");
-const getCoordinates_1 = require("../../../utils/getCoordinates/getCoordinates");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const getTicks_1 = require("../../../utils/getTicks/getTicks");
-const getAxisExtraSpacing_1 = require("../utils/getAxisExtraSpacing");
+import { BarOrientation } from '../../../components/bar/bar.type';
+import { Positions } from '../../../types/position.enum';
+import { getXCoordinates, getYCoordinates } from '../../../utils/getCoordinates/getCoordinates';
+import { getPoints } from '../../../utils/getPoints/getPoints';
+import { getXTicks, getYTicks } from '../../../utils/getTicks/getTicks';
+import { getAxisExtraSpacing } from '../utils/getAxisExtraSpacing';
 /**
  * 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 buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }) => {
+export const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }) => {
     /**
      * Get the extra spacings for the line chart.
      */
-    const { barChartXPosition, barChartYPosition, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = (0, getAxisExtraSpacing_1.getAxisExtraSpacing)({
+    const { barChartXPosition, barChartYPosition, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getAxisExtraSpacing({
         ajustedX,
         ajustedY,
         canvasHeight,
@@ -32,9 +29,9 @@ const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, c
     /**
      * Calculate the tick values for the X Axis.
      */
-    const crossXAxis = barChartXPosition !== position_enum_1.Positions.TOP && barChartXPosition !== position_enum_1.Positions.BOTTOM;
+    const crossXAxis = barChartXPosition !== Positions.TOP && barChartXPosition !== Positions.BOTTOM;
     const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
-    const xTickValue = (0, getTicks_1.getXTicks)({
+    const xTickValue = getXTicks({
         initPos: extraSpaceLeftX,
         maxSpaceAvailable: canvasWidth,
         otherAxisSpace: yAxisSpace,
@@ -44,12 +41,12 @@ const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, c
     /**
      * Calculate the tick values for the Y Axis.
      */
-    const crossYAxis = barChartYPosition !== position_enum_1.Positions.LEFT && barChartYPosition !== position_enum_1.Positions.RIGHT;
+    const crossYAxis = barChartYPosition !== Positions.LEFT && barChartYPosition !== Positions.RIGHT;
     const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
-    const yTickValue = (0, getTicks_1.getYTicks)({
+    const yTickValue = getYTicks({
         initPos: canvasHeight - extraSpaceBottomY,
         maxSpaceAvailable: canvasHeight,
-        needAjusted: orientation === bar_type_1.BarOrientation.HORIZONTAL,
+        needAjusted: orientation === BarOrientation.HORIZONTAL,
         otherAxisSpace,
         securitySpace: securityYSpace,
         tickValues: yData,
@@ -57,12 +54,12 @@ const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, c
     /**
      * Calculate the custom breakAxis for the X and Y Axis.
      */
-    const customBreakXAxis = crossXAxis ? (0, getPoints_1.getPoints)(yTickValue || [], [String(xBreakAxis)])[0] : 0;
-    const customBreakYAxis = crossYAxis ? (0, getPoints_1.getPoints)(xTickValue || [], [String(yBreakAxis)])[0] : 0;
+    const customBreakXAxis = crossXAxis ? getPoints(yTickValue || [], [String(xBreakAxis)])[0] : 0;
+    const customBreakYAxis = crossYAxis ? getPoints(xTickValue || [], [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),
@@ -76,7 +73,7 @@ const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, c
     /**
      * Calculate the Y coordinates for the line chart.
      */
-    const yCoordinates = (0, getCoordinates_1.getYCoordinates)({
+    const yCoordinates = getYCoordinates({
         canvasHeight,
         canvasWidth,
         customBreakAxis: Number(customBreakYAxis),
@@ -102,4 +99,3 @@ const buildBarContextValue = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, c
         yAxisText,
     };
 };
-exports.buildBarContextValue = buildBarContextValue;

package/dist/cjs/charts/barChart/fragments/barChartPath.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartPath = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bar_1 = require("../../../components/bar/bar");
-const bar_type_1 = require("../../../components/bar/bar.type");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const barChartContext_1 = require("../context/barChartContext");
-const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) => {
-    const { xAxisCoordinates, yAxisCoordinates, ...context } = (0, react_1.useContext)(barChartContext_1.BarChartContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { Bar } from '../../../components/bar/bar';
+import { BarOrientation } from '../../../components/bar/bar.type';
+import { getPoints } from '../../../utils/getPoints/getPoints';
+import { BarChartContext } from '../context/barChartContext';
+export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) => {
+    const { xAxisCoordinates, yAxisCoordinates, ...context } = useContext(BarChartContext);
     const { coordinates: xACoord, tickValues: xTickValues } = xAxisCoordinates;
     const { coordinates: yACoord, tickValues: yTickValues } = yAxisCoordinates;
-    const isVertical = context.orientation === bar_type_1.BarOrientation.VERTICAL;
+    const isVertical = context.orientation === BarOrientation.VERTICAL;
     const xKey = isVertical ? context.pKey : dataKey;
     const yKey = isVertical ? dataKey : context.pKey;
     const xData = context.data[dataIdx][xKey];
     const yData = context.data[dataIdx][yKey];
-    const xPoint = (0, getPoints_1.getPoints)(xTickValues, [String(xData)], true)[0];
-    const yPoint = (0, getPoints_1.getPoints)(yTickValues, [String(yData)])[0];
+    const xPoint = getPoints(xTickValues, [String(xData)], true)[0];
+    const yPoint = getPoints(yTickValues, [String(yData)])[0];
     const points = isVertical
         ? {
             x1: xPoint,
@@ -31,6 +28,5 @@ const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) => {
             y1: yPoint,
             y2: yPoint,
         };
-    return ((0, jsx_runtime_1.jsx)(bar_1.Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, ...points, ...props }));
+    return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, ...points, ...props }));
 };
-exports.BarChartPath = BarChartPath;

package/dist/cjs/charts/barChart/fragments/barChartSeparator.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartSeparator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const getPoints_1 = require("../../../utils/getPoints/getPoints");
-const barChartContext_1 = require("../context/barChartContext");
-const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
-    const { crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = (0, react_1.useContext)(barChartContext_1.BarChartContext);
+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 { BarChartContext } from '../context/barChartContext';
+export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
+    const { crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(BarChartContext);
     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 BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSepar
     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.BarChartSeparator = BarChartSeparator;

package/dist/cjs/charts/barChart/fragments/barChartXAxis.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartXAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const xAxis_1 = require("../../../components/axisChart/xAxis/xAxis");
-const position_enum_1 = require("../../../types/position.enum");
-const getTickTextCoordinates_1 = require("../../../utils/getTickTextCoordinate/getTickTextCoordinates");
-const barChartContext_1 = require("../context/barChartContext");
-const BarChartXAxis = ({ position = position_enum_1.Positions.BOTTOM, tickLine, tickText, ...props }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { XAxis } from '../../../components/axisChart/xAxis/xAxis';
+import { Positions } from '../../../types/position.enum';
+import { getTickTextYCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
+import { BarChartContext } from '../context/barChartContext';
+export const BarChartXAxis = ({ position = Positions.BOTTOM, tickLine, tickText, ...props }) => {
     const { xAxisCoordinates: { coordinates, tickValues }, 
     // xCursor,
-    ...context } = (0, react_1.useContext)(barChartContext_1.BarChartContext);
-    const tickTextY = (0, getTickTextCoordinates_1.getTickTextYCoordinate)(position, coordinates.y1, Number(tickText?.fontSize), tickText?.top ?? 0);
+    ...context } = useContext(BarChartContext);
+    const tickTextY = getTickTextYCoordinate(position, coordinates.y1, Number(tickText?.fontSize), tickText?.top ?? 0);
     const y1 = context.extraSpaceTopY;
     const y2 = Number(context.canvasHeight) - context.extraSpaceBottomY;
-    return ((0, jsx_runtime_1.jsx)(xAxis_1.XAxis, { ...coordinates, ...props, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), 
+    return (_jsx(XAxis, { ...coordinates, ...props, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), 
         // cursor={xCursor}
         dataTestId: `${context.dataTestId}xAxis`, extraSpace: {
             left: context.extraSpaceLeftX,
@@ -28,4 +25,3 @@ const BarChartXAxis = ({ position = position_enum_1.Positions.BOTTOM, tickLine,
             y: tickTextY,
         }, tickValues: tickText ? tickValues : undefined }));
 };
-exports.BarChartXAxis = BarChartXAxis;

package/dist/cjs/charts/barChart/fragments/barChartYAxis.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartYAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const yAxis_1 = require("../../../components/axisChart/yAxis/yAxis");
-const position_enum_1 = require("../../../types/position.enum");
-const ajustedTextSpace_1 = require("../../../utils/ajustedTextSpace/ajustedTextSpace");
-const getTickTextCoordinates_1 = require("../../../utils/getTickTextCoordinate/getTickTextCoordinates");
-const barChartContext_1 = require("../context/barChartContext");
-const BarChartYAxis = ({ position = position_enum_1.Positions.LEFT, tickLine, tickText, ...props }) => {
-    const { yAxisCoordinates: { coordinates, tickValues }, ...context } = (0, react_1.useContext)(barChartContext_1.BarChartContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { YAxis } from '../../../components/axisChart/yAxis/yAxis';
+import { Positions } from '../../../types/position.enum';
+import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
+import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
+import { BarChartContext } from '../context/barChartContext';
+export const BarChartYAxis = ({ position = Positions.LEFT, tickLine, tickText, ...props }) => {
+    const { yAxisCoordinates: { coordinates, tickValues }, ...context } = useContext(BarChartContext);
     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);
-    return ((0, jsx_runtime_1.jsx)(yAxis_1.YAxis, { ...coordinates, ...props, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), dataTestId: `${context.dataTestId}yAxis`, tickLine: {
+    const ajustedText = ajustedTextSpace(textAnchor, context.yAxisText, ajustedSpace);
+    const xTickText = getTickTextXCoordinate(position, coordinates.x1, ajustedText);
+    return (_jsx(YAxis, { ...coordinates, ...props, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), dataTestId: `${context.dataTestId}yAxis`, tickLine: {
             ...tickLine,
             x1: context.extraSpaceLeftX,
             x2: Number(context.canvasWidth) - context.extraSpaceRightX,
         }, tickText: { ...tickText, x: xTickText }, tickValues: tickText ? tickValues : undefined }));
 };
-exports.BarChartYAxis = BarChartYAxis;

package/dist/cjs/charts/barChart/fragments/fixture/barContextData.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CONTEXT = void 0;
-const bar_type_1 = require("../../../../components/bar/bar.type");
-exports.CONTEXT = {
+import { BarOrientation } from '../../../../components/bar/bar.type';
+export const CONTEXT = {
     barChildrenCount: 3,
     canvasExtraSpace: 0,
     canvasHeight: 500,
@@ -19,7 +16,7 @@ exports.CONTEXT = {
     extraSpaceLeftX: 0,
     extraSpaceRightX: 0,
     extraSpaceTopY: 0,
-    orientation: bar_type_1.BarOrientation.HORIZONTAL,
+    orientation: BarOrientation.HORIZONTAL,
     pKey: 'pKey',
     securityXSpace: 0,
     securityYSpace: 0,

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

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

package/dist/cjs/charts/barChart/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("./barChart"), exports);
+export * from './barChart';

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countBarChildren = void 0;
-const react_1 = require("react");
-const barChartPath_1 = require("../fragments/barChartPath");
-const countBarChildren = (children) => {
+import { Children, isValidElement } from 'react';
+import { BarChartPath } from '../fragments/barChartPath';
+export const countBarChildren = (children) => {
     let higherOrder = 0;
-    react_1.Children.toArray(children).forEach(child => {
-        if ((0, react_1.isValidElement)(child) && child.type === barChartPath_1.BarChartPath && child.props.order > higherOrder) {
+    Children.toArray(children).forEach(child => {
+        if (isValidElement(child) && child.type === BarChartPath && child.props.order > higherOrder) {
             higherOrder = child.props.order;
         }
     });
     return higherOrder;
 };
-exports.countBarChildren = countBarChildren;

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;