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

package/dist/cjs/charts/barChart/fragments/barChartSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoCxD,CAAC"}
+{"version":3,"file":"barChartSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAY1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0FxD,CAAC"}

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

@@ -1,26 +1,72 @@
-"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, useEffect } from 'react';
+import { BuildError, buildError, buildSeparatorXBreakAxisError, buildSeparatorXOutOfRangeError, buildSeparatorYBreakAxisError, buildSeparatorYOutOfRangeError, } from '../../../utils/buildErrors/buildErrors';
+import { getPoints } from '../../../utils/getPoints/getPoints';
+import { BarChartContext } from '../context/barChartContext';
+export const BarChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
+    const { addError, crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(BarChartContext);
+    // Separator error validations
+    useEffect(() => {
+        // xBreakAxis validation
+        if (xBreakAxis !== undefined) {
+            const xValues = xAxisCoordinates.tickValues.map(tick => tick.value);
+            const xBreakNumeric = typeof xBreakAxis === 'string' ? parseFloat(xBreakAxis) : xBreakAxis;
+            if (isNaN(xBreakNumeric)) {
+                addError?.('BAR_CHART_SEPARATOR_ERROR', {
+                    error: buildSeparatorXBreakAxisError(xBreakAxis),
+                });
+            }
+            else {
+                const minX = Math.min(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                const maxX = Math.max(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                if (xBreakNumeric < minX || xBreakNumeric > maxX) {
+                    addError?.('BAR_CHART_SEPARATOR_ERROR', {
+                        error: buildSeparatorXOutOfRangeError(xBreakNumeric, minX, maxX),
+                    });
+                }
+            }
+        }
+        // yBreakAxis validation
+        if (yBreakAxis !== undefined) {
+            const yValues = yAxisCoordinates.tickValues.map(tick => tick.value);
+            const yBreakNumeric = typeof yBreakAxis === 'string' ? parseFloat(yBreakAxis) : yBreakAxis;
+            if (isNaN(yBreakNumeric)) {
+                addError?.('BAR_CHART_SEPARATOR_ERROR', {
+                    error: buildSeparatorYBreakAxisError(yBreakAxis),
+                });
+            }
+            else {
+                const minY = Math.min(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                const maxY = Math.max(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
+                if (yBreakNumeric < minY || yBreakNumeric > maxY) {
+                    addError?.('BAR_CHART_SEPARATOR_ERROR', {
+                        error: buildSeparatorYOutOfRangeError(yBreakNumeric, minY, maxY),
+                    });
+                }
+            }
+        }
+    }, [xBreakAxis, yBreakAxis, xAxisCoordinates.tickValues, yAxisCoordinates.tickValues, addError]);
     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;
     const xEnd = customXEnd ?? autoXEnd;
     const yStart = yAxisCoordinates.coordinates.y2;
     const yEnd = customYEnd ?? autoYEnd;
+    // Separator positioning validation
+    useEffect(() => {
+        if (xStart === xEnd && yStart === yEnd) {
+            addError?.('BAR_CHART_SEPARATOR_ERROR', {
+                error: buildError(BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES),
+            });
+        }
+    }, [xStart, xEnd, yStart, yEnd, addError]);
     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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAM/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8ChD,CAAC"}
+{"version":3,"file":"barChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAO/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8ChD,CAAC"}

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

@@ -1,20 +1,18 @@
-"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 { CHART_SPACING_DEFAULTS } from '../../constants/chartDefaults';
+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 ?? CHART_SPACING_DEFAULTS.DEFAULT_SPACE);
     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 +26,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartYAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAO/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsChD,CAAC"}
+{"version":3,"file":"barChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartYAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAQ/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsChD,CAAC"}

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

@@ -1,24 +1,21 @@
-"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 { CHART_SPACING_DEFAULTS } from '../../constants/chartDefaults';
+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 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 addSpace = position === Positions.RIGHT ? tickText?.right : tickText?.left;
+    const ajustedSpace = addSpace ?? CHART_SPACING_DEFAULTS.DEFAULT_SPACE;
+    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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barContextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/barChart/fragments/fixture/barContextData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,eAAO,MAAM,OAAO,EAAE,mBAuCrB,CAAC"}
+{"version":3,"file":"barContextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/barChart/fragments/fixture/barContextData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,eAAO,MAAM,OAAO,EAAE,mBAwCrB,CAAC"}

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

@@ -1,8 +1,6 @@
-"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 = {
+    addError: undefined,
     barChildrenCount: 3,
     canvasExtraSpace: 0,
     canvasHeight: 500,
@@ -19,7 +17,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBarDataValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/utils/getBarDataValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,2BAA2B,KAAG,MAAM,EAAE,GAAG,SAa/E,CAAC"}
+{"version":3,"file":"getBarDataValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/utils/getBarDataValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,2BAA2B,KAAG,MAAM,EAAE,GAAG,SAkB/E,CAAC"}

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

@@ -1,17 +1,19 @@
-"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;
     }
     if (data.numeric) {
         const { max, min = 0, step } = data.numeric;
+        // Verify if the step is larger or equal than the range
+        const range = Math.abs(max - min);
+        if (step >= range || step <= 0) {
+            return [min.toString()];
+        }
         const stepper = [];
         for (let i = min; i <= max; i += step) {
             stepper.push(i.toString());
@@ -20,4 +22,3 @@ const getBarDataValues = (data) => {
     }
     return undefined;
 };
-exports.getBarDataValues = getBarDataValues;

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

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

package/dist/cjs/charts/constants/chartDefaults.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Shared default configuration constants for chart components.
+ *
+ * These constants provide standardized default values that are common across
+ * different chart types, as well as type-specific constants with clear naming.
+ */
+/**
+ * Default canvas dimensions used as fallback when invalid dimensions are provided
+ */
+export declare const CHART_CANVAS_DEFAULTS: {
+    /** Default canvas height when invalid height is provided */
+    readonly SAFE_HEIGHT: 100;
+    /** Default canvas width when invalid width is provided */
+    readonly SAFE_WIDTH: 100;
+};
+/**
+ * Axis validation constants for tick values and positioning
+ */
+export declare const AXIS_VALIDATION: {
+    /** Minimum number of tick values required for a valid axis */
+    readonly MIN_TICK_COUNT: 2;
+    /** Number used to detect when all tick values are identical */
+    readonly UNIQUE_VALUE_THRESHOLD: 1;
+};
+/**
+ * Default spacing and positioning values
+ */
+export declare const CHART_SPACING_DEFAULTS: {
+    /** Default spacing value when no spacing is specified */
+    readonly DEFAULT_SPACE: 0;
+};
+/**
+ * Break axis default values
+ */
+export declare const BREAK_AXIS_DEFAULTS: {
+    /** Default value when no custom break axis is specified */
+    readonly DEFAULT_BREAK_VALUE: 0;
+};
+/**
+ * Shared fallback data points used across different chart types
+ */
+export declare const SHARED_FALLBACK_DATA: {
+    /** First fallback primary key value (used for axis labels) */
+    readonly FALLBACK_PKEY_FIRST: "0";
+    /** Second fallback primary key value (used for axis labels) */
+    readonly FALLBACK_PKEY_SECOND: "1";
+};
+/**
+ * Bar Chart specific default configuration values
+ */
+export declare const BAR_CHART_DEFAULTS: {
+    /** Default width for bar elements when not specified */
+    readonly BAR_WIDTH: 20;
+};
+/**
+ * Bar Chart specific fallback data points used when bar chart data is invalid or empty
+ */
+export declare const BAR_CHART_FALLBACK_DATA: {
+    /** Default x value for fallback data points */
+    readonly DEFAULT_X_VALUE: 0;
+    /** Generic secondary key for fallback data when dataKey is needed */
+    readonly FALLBACK_SECONDARY_KEY: "fallbackData";
+};
+/**
+ * Line Chart specific fallback data points used when line chart data is invalid or empty
+ */
+export declare const LINE_CHART_FALLBACK_DATA: {
+    /** First X value for line chart fallback data */
+    readonly FALLBACK_X_FIRST: "0";
+    /** Second X value for line chart fallback data */
+    readonly FALLBACK_X_SECOND: "1";
+    /** First Y value for line chart fallback data */
+    readonly FALLBACK_Y_FIRST: 0;
+    /** Second Y value for line chart fallback data */
+    readonly FALLBACK_Y_SECOND: 1;
+};
+//# sourceMappingURL=chartDefaults.d.ts.map

package/dist/cjs/charts/constants/chartDefaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartDefaults.d.ts","sourceRoot":"","sources":["../../../../src/charts/constants/chartDefaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB;IAChC,4DAA4D;;IAE5D,0DAA0D;;CAElD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;IACjC,yDAAyD;;CAEjD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2DAA2D;;CAEnD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB;IAC/B,8DAA8D;;IAE9D,+DAA+D;;CAEvD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B,wDAAwD;;CAEhD,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,uBAAuB;IAClC,+CAA+C;;IAE/C,qEAAqE;;CAE7D,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,wBAAwB;IACnC,iDAAiD;;IAEjD,kDAAkD;;IAElD,iDAAiD;;IAEjD,kDAAkD;;CAE1C,CAAC"}

package/dist/cjs/charts/constants/chartDefaults.js

@@ -0,0 +1,76 @@
+/**
+ * Shared default configuration constants for chart components.
+ *
+ * These constants provide standardized default values that are common across
+ * different chart types, as well as type-specific constants with clear naming.
+ */
+/**
+ * Default canvas dimensions used as fallback when invalid dimensions are provided
+ */
+export const CHART_CANVAS_DEFAULTS = {
+    /** Default canvas height when invalid height is provided */
+    SAFE_HEIGHT: 100,
+    /** Default canvas width when invalid width is provided */
+    SAFE_WIDTH: 100,
+};
+/**
+ * Axis validation constants for tick values and positioning
+ */
+export const AXIS_VALIDATION = {
+    /** Minimum number of tick values required for a valid axis */
+    MIN_TICK_COUNT: 2,
+    /** Number used to detect when all tick values are identical */
+    UNIQUE_VALUE_THRESHOLD: 1,
+};
+/**
+ * Default spacing and positioning values
+ */
+export const CHART_SPACING_DEFAULTS = {
+    /** Default spacing value when no spacing is specified */
+    DEFAULT_SPACE: 0,
+};
+/**
+ * Break axis default values
+ */
+export const BREAK_AXIS_DEFAULTS = {
+    /** Default value when no custom break axis is specified */
+    DEFAULT_BREAK_VALUE: 0,
+};
+/**
+ * Shared fallback data points used across different chart types
+ */
+export const SHARED_FALLBACK_DATA = {
+    /** First fallback primary key value (used for axis labels) */
+    FALLBACK_PKEY_FIRST: '0',
+    /** Second fallback primary key value (used for axis labels) */
+    FALLBACK_PKEY_SECOND: '1',
+};
+/**
+ * Bar Chart specific default configuration values
+ */
+export const BAR_CHART_DEFAULTS = {
+    /** Default width for bar elements when not specified */
+    BAR_WIDTH: 20,
+};
+/**
+ * Bar Chart specific fallback data points used when bar chart data is invalid or empty
+ */
+export const BAR_CHART_FALLBACK_DATA = {
+    /** Default x value for fallback data points */
+    DEFAULT_X_VALUE: 0,
+    /** Generic secondary key for fallback data when dataKey is needed */
+    FALLBACK_SECONDARY_KEY: 'fallbackData',
+};
+/**
+ * Line Chart specific fallback data points used when line chart data is invalid or empty
+ */
+export const LINE_CHART_FALLBACK_DATA = {
+    /** First X value for line chart fallback data */
+    FALLBACK_X_FIRST: '0',
+    /** Second X value for line chart fallback data */
+    FALLBACK_X_SECOND: '1',
+    /** First Y value for line chart fallback data */
+    FALLBACK_Y_FIRST: 0,
+    /** Second Y value for line chart fallback data */
+    FALLBACK_Y_SECOND: 1,
+};

package/dist/cjs/charts/index.js

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