@kubit-ui-web/react-charts 0.1.0

package/dist/cjs/utils/shadowSvg/shadowSvg.types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Defines the structure for a feDropShadow.
+ *
+ * @property {number} dx - Controls the offset of the shadow in the horizontal direction.
+ * @property {number} dy - Controls the offset of the shadow in the vertical direction.
+ * @property {number} stdDeviation - Controls the amount of blur applied to the shadow.
+ * @property {string} floodColor - Controls the color of the shadow.
+ * @property {number} floodOpacity - Controls the opacity of the shadow.
+ */
+export interface ShadowSvgConfig {
+    dx?: number;
+    dy?: number;
+    stdDeviation?: number;
+    floodColor?: string;
+    floodOpacity?: number;
+}
+/**
+ * Defines the structure for apply shadow to svg.
+ *
+ * @property {string} id - The id of the shadow.
+ * @property {string | number} x - Define the x position of the filter effect region relative to the element to wich the filter is applied
+ * @property {string | number} y - Define the y position of the filter effect region relative to the element to wich the filter is applied
+ * @property {string | number} width - Define the width of the filter effect region.
+ * @property {string | number} height - Define the height of the filter effect region
+ * @property {ShadowSvgConfig} shadowSvgConfig - Properties for feDropShadow.
+ */
+export interface ShadowSvgProps {
+    id: string;
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+    shadowSvgConfig: ShadowSvgConfig;
+}
+//# sourceMappingURL=shadowSvg.types.d.ts.map

package/dist/cjs/utils/shadowSvg/shadowSvg.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowSvg.types.d.ts","sourceRoot":"","sources":["../../../../src/utils/shadowSvg/shadowSvg.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;CAClC"}

package/dist/cjs/utils/shadowSvg/shadowSvg.types.js

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

package/dist/cjs/utils/textBound/textBound.d.ts

@@ -0,0 +1,11 @@
+interface TextBoundProps {
+    data: string[];
+    bound: 'width' | 'height';
+    viewBox: string;
+    fontSize: string;
+    svgWidth: string;
+    svgHeight: string;
+}
+export declare const textBound: ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }: TextBoundProps) => number;
+export {};
+//# sourceMappingURL=textBound.d.ts.map

package/dist/cjs/utils/textBound/textBound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textBound.d.ts","sourceRoot":"","sources":["../../../../src/utils/textBound/textBound.ts"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,GAAI,0DAOvB,cAAc,KAAG,MA0BnB,CAAC"}

package/dist/cjs/utils/textBound/textBound.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textBound = void 0;
+const textBound = ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }) => {
+    if (!window || !document || !data.length) {
+        return 0;
+    }
+    const svgContainer = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svgContainer.setAttribute('style', 'position: absolute; visibility: hidden; top: -9999px; left: -9999px;');
+    svgContainer.setAttribute('viewBox', viewBox);
+    svgContainer.setAttribute('width', svgWidth);
+    svgContainer.setAttribute('height', svgHeight);
+    document.body.appendChild(svgContainer);
+    const sizes = data.map((d) => {
+        const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+        text.setAttribute('font-size', fontSize);
+        text.textContent = d;
+        svgContainer.appendChild(text);
+        const size = text.getBBox()[bound];
+        text.remove();
+        return size;
+    });
+    svgContainer.remove();
+    return Math.max(...sizes);
+};
+exports.textBound = textBound;

package/dist/esm/charts/barChart/barChart.d.ts

@@ -0,0 +1,9 @@
+declare const BarChart: import("react").FC<import("./barChart.type").BarChartProps> & {
+    Path: import("react").FC<import("./barChart.type").BarChartPathProps>;
+    Separator: import("react").FC<import("./barChart.type").BarChartSeparatorProps>;
+    XAxis: import("react").FC<import("./barChart.type").BarChartXAxisProps>;
+    YAxis: import("react").FC<import("./barChart.type").BarChartYAxisProps>;
+};
+export { BarChart };
+export * from './barChart.type';
+//# sourceMappingURL=barChart.d.ts.map

package/dist/esm/charts/barChart/barChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChart.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;CAKZ,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,cAAc,iBAAiB,CAAC"}

package/dist/esm/charts/barChart/barChart.js

@@ -0,0 +1,13 @@
+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,
+});
+export { BarChart };
+export * from './barChart.type';

package/dist/esm/charts/barChart/barChart.type.d.ts

@@ -0,0 +1,116 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { XAxisProps } from '../../components/axisChart/xAxis/xAxis.types';
+import type { YAxisProps } from '../../components/axisChart/yAxis/yAxis.types';
+import type { BarChartStyles, BarOrientation } from '../../components/bar/bar.type';
+import type { PathProps, StyleProps } from '../../components/path/path.types';
+import type { TickData } from '../../components/tick/tick.types';
+import type { CanvasConfig } from '../../types/canvas.type';
+import type { Positions } from '../../types/position.enum';
+export type BarChartChildrenType = ReactNode | ReactElement<PathProps | XAxisProps | YAxisProps>;
+export interface BarChartIDataPoint {
+    [key: string]: string | number;
+}
+export interface BarChartCoordinates {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+export interface BarChartCoordinatesData {
+    coordinates: BarChartCoordinates;
+    tickValues: TickData[];
+}
+export interface BarChartExtraSpacings {
+    extraSpaceBottomY: number;
+    extraSpaceTopY: number;
+    extraSpaceLeftX: number;
+    extraSpaceRightX: number;
+    securityXSpace: number;
+    securityYSpace: number;
+    barChartXPosition: (typeof Positions)[keyof typeof Positions];
+    barChartYPosition: (typeof Positions)[keyof typeof Positions];
+    xData: string[];
+    yData: string[];
+    xBreakAxis?: number;
+    yBreakAxis?: number;
+    xAxisText: number;
+    yAxisText: number;
+}
+type OmitLineProps = 'barChartXPosition' | 'barChartYPosition' | 'xData' | 'yData' | 'xBreakAxis' | 'yBreakAxis';
+export type BarChartContextType = Omit<BarChartExtraSpacings, OmitLineProps> & {
+    data: BarChartIDataPoint[];
+    pKey: string;
+    canvasWidth: string | number;
+    canvasHeight: string | number;
+    canvasExtraSpace: number | undefined;
+    dataTestId?: string;
+    xAxisCoordinates: BarChartCoordinatesData;
+    yAxisCoordinates: BarChartCoordinatesData;
+    crossYAxis: boolean;
+    crossXAxis: boolean;
+    barChildrenCount: number;
+    gapBetweenBars?: number;
+    orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
+};
+export interface BarChartProps {
+    children: BarChartChildrenType;
+    role?: string;
+    width?: string | number;
+    height?: string | number;
+    data: BarChartIDataPoint[];
+    pKey: string;
+    canvasConfig?: CanvasConfig;
+    dataTestId?: string;
+    caption?: string;
+    tabIndex?: number;
+    classNames?: string;
+    gapBetweenBars?: number;
+    orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
+    onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onDoubleClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onFocus?: (event: React.FocusEvent<SVGElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+}
+export interface BarChartTickNumeric {
+    max: number;
+    step: number;
+    min?: number;
+    breakAxis?: number;
+}
+export interface BarChartTickCustom {
+    values: string[];
+    breakAxis?: string;
+}
+export interface BarChartTickValuesAxisProps {
+    custom?: BarChartTickCustom;
+    numeric?: BarChartTickNumeric;
+}
+type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor';
+export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps> {
+    tickValues?: BarChartTickValuesAxisProps;
+}
+export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps> {
+    tickValues?: BarChartTickValuesAxisProps;
+}
+export interface BarChartSeparatorProps {
+    topSeparator?: StyleProps;
+    rightSeparator?: StyleProps;
+    areaSeparator?: StyleProps;
+    dataTestId?: string;
+    xBreakAxis?: string;
+    yBreakAxis?: string;
+}
+export interface BarChartPathProps {
+    dataKey: string;
+    order?: number;
+    barConfig: BarChartStyles;
+    dataIdx: number;
+    startRounded?: number;
+    endRounded?: number;
+}
+export {};
+//# sourceMappingURL=barChart.type.d.ts.map

package/dist/esm/charts/barChart/barChart.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.type.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export {};

package/dist/esm/charts/barChart/barChartStructure.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartProps } from './barChart.type';
+export declare const BarChartStructure: React.FC<BarChartProps>;
+//# sourceMappingURL=barChartStructure.d.ts.map

package/dist/esm/charts/barChart/barChartStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChartStructure.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyFrD,CAAC"}

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

@@ -0,0 +1,64 @@
+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 = parseStringToNumberPx(canvasWidth);
+    const parsedCanvasHeight = parseStringToNumberPx(canvasHeight);
+    const parsedCanvasExtraSpace = canvasExtraSpace
+        ? parseStringToNumberPx(canvasExtraSpace)
+        : undefined;
+    const viewBox = buildViewBox(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    // count how many of bar children exists
+    const barChildrenCount = countBarChildren(children);
+    const secureGap = gapBetweenBars * 2;
+    // Set the default axis for the chart
+    const defaultAxis = [
+        _jsx(BarChartXAxis, {}, "default-x-axis"),
+        _jsx(BarChartYAxis, {}, "default-y-axis"),
+    ];
+    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 = getDataFingerprint(data);
+    // Build the context value
+    const contextValue = useMemo(() => {
+        return buildBarContextValue({
+            ajustedX,
+            ajustedY,
+            canvasHeight: parsedCanvasHeight,
+            canvasWidth: parsedCanvasWidth,
+            children: chidrenWithDefaultAxis,
+            data,
+            gapBetweenBars: secureGap,
+            orientation,
+            pKey,
+            viewBox,
+        });
+    }, [canvasHeight, canvasWidth, dataFingerprint, pKey, orientation]);
+    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,
+                canvasHeight: parsedCanvasHeight,
+                canvasWidth: parsedCanvasWidth,
+                data,
+                dataTestId,
+                gapBetweenBars,
+                orientation,
+                pKey,
+            }, children: children }) }));
+};

package/dist/esm/charts/barChart/context/barChartContext.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartContextType } from '../barChart.type';
+export declare const BarChartContext: import("react").Context<BarChartContextType>;
+//# sourceMappingURL=barChartContext.d.ts.map

package/dist/esm/charts/barChart/context/barChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChartContext.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/context/barChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,eAAe,8CAA2C,CAAC"}

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

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const BarChartContext = createContext({});

package/dist/esm/charts/barChart/context/buildBarContextValues.d.ts

@@ -0,0 +1,24 @@
+import { BarOrientation } from '../../../components/bar/bar.type';
+import type { BarChartChildrenType, BarChartContextType, BarChartIDataPoint } from '../barChart.type';
+interface BuildContextValue {
+    children: BarChartChildrenType;
+    data: BarChartIDataPoint[];
+    pKey: string;
+    ajustedX: number;
+    ajustedY: number;
+    canvasHeight: number;
+    canvasWidth: number;
+    gapBetweenBars: number;
+    orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
+    viewBox: string;
+}
+type OmitProps = 'data' | 'pKey' | 'canvasHeight' | 'canvasWidth' | 'canvasExtraSpace' | 'xBreakAxis' | 'yBreakAxis' | 'xCursor' | 'yCursor' | 'barChildrenCount' | 'orientation';
+/**
+ * Builds the context value for the line chart.
+ *
+ * @param {BuildContextValue} options - The options for building the context value.
+ * @returns {LineContextValue} - The built context value.
+ */
+export declare const buildBarContextValue: ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, gapBetweenBars, orientation, pKey, viewBox, }: BuildContextValue) => Omit<BarChartContextType, OmitProps>;
+export {};
+//# sourceMappingURL=buildBarContextValues.d.ts.map

package/dist/esm/charts/barChart/context/buildBarContextValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildBarContextValues.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/context/buildBarContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAO3D,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAG1B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,SAAS,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,kBAAkB,GAClB,aAAa,CAAC;AAElB;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,gHAWlC,iBAAiB,KAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CA2GzD,CAAC"}

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

@@ -0,0 +1,101 @@
+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.
+ */
+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, } = getAxisExtraSpacing({
+        ajustedX,
+        ajustedY,
+        canvasHeight,
+        canvasWidth,
+        children,
+        data,
+        gapBetweenBars,
+        orientation,
+        pKey,
+        viewBox,
+    });
+    /**
+     * Calculate the tick values for the X Axis.
+     */
+    const crossXAxis = barChartXPosition !== Positions.TOP && barChartXPosition !== Positions.BOTTOM;
+    const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
+    const xTickValue = getXTicks({
+        initPos: extraSpaceLeftX,
+        maxSpaceAvailable: canvasWidth,
+        otherAxisSpace: yAxisSpace,
+        securitySpace: securityXSpace,
+        tickValues: xData,
+    });
+    /**
+     * Calculate the tick values for the Y Axis.
+     */
+    const crossYAxis = barChartYPosition !== Positions.LEFT && barChartYPosition !== Positions.RIGHT;
+    const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
+    const yTickValue = getYTicks({
+        initPos: canvasHeight - extraSpaceBottomY,
+        maxSpaceAvailable: canvasHeight,
+        needAjusted: orientation === BarOrientation.HORIZONTAL,
+        otherAxisSpace,
+        securitySpace: securityYSpace,
+        tickValues: yData,
+    });
+    /**
+     * Calculate the custom breakAxis for the X and Y Axis.
+     */
+    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 = getXCoordinates({
+        canvasHeight,
+        canvasWidth,
+        customBreakAxis: Number(customBreakXAxis),
+        extraSpaceBottomY,
+        extraSpaceLeftX,
+        extraSpaceRightX,
+        extraSpaceTopY,
+        position: barChartXPosition,
+        securityYSpace,
+    });
+    /**
+     * Calculate the Y coordinates for the line chart.
+     */
+    const yCoordinates = getYCoordinates({
+        canvasHeight,
+        canvasWidth,
+        customBreakAxis: Number(customBreakYAxis),
+        extraSpaceBottomY,
+        extraSpaceLeftX,
+        extraSpaceRightX,
+        extraSpaceTopY,
+        position: barChartYPosition,
+        securityYSpace,
+    });
+    return {
+        crossXAxis,
+        crossYAxis,
+        extraSpaceBottomY,
+        extraSpaceLeftX,
+        extraSpaceRightX,
+        extraSpaceTopY,
+        securityXSpace,
+        securityYSpace,
+        xAxisCoordinates: { coordinates: xCoordinates, tickValues: xTickValue },
+        xAxisText,
+        yAxisCoordinates: { coordinates: yCoordinates, tickValues: yTickValue },
+        yAxisText,
+    };
+};

package/dist/esm/charts/barChart/fragments/barChartPath.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartPathProps } from '../barChart.type';
+export declare const BarChartPath: React.FC<BarChartPathProps>;
+//# sourceMappingURL=barChartPath.d.ts.map

package/dist/esm/charts/barChart/fragments/barChartPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6CpD,CAAC"}

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

@@ -0,0 +1,32 @@
+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 === 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 = getPoints(xTickValues, [String(xData)], true)[0];
+    const yPoint = getPoints(yTickValues, [String(yData)])[0];
+    const points = isVertical
+        ? {
+            x1: xPoint,
+            x2: xPoint,
+            y1: xACoord.y1,
+            y2: yPoint,
+        }
+        : {
+            x1: yACoord.x1,
+            x2: xPoint,
+            y1: yPoint,
+            y2: yPoint,
+        };
+    return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, ...points, ...props }));
+};

package/dist/esm/charts/barChart/fragments/barChartSeparator.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { BarChartSeparatorProps } from '../barChart.type';
+export declare const BarChartSeparator: FC<BarChartSeparatorProps>;
+//# sourceMappingURL=barChartSeparator.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+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 _jsx(_Fragment, {});
+    }
+    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;
+    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 (_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 })] }));
+};

package/dist/esm/charts/barChart/fragments/barChartXAxis.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { BarChartXAxisProps } from '../barChart.type';
+export declare const BarChartXAxis: FC<BarChartXAxisProps>;
+//# sourceMappingURL=barChartXAxis.d.ts.map

package/dist/esm/charts/barChart/fragments/barChartXAxis.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+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 } = 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 (_jsx(XAxis, { ...coordinates, ...props, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), 
+        // cursor={xCursor}
+        dataTestId: `${context.dataTestId}xAxis`, extraSpace: {
+            left: context.extraSpaceLeftX,
+            right: context.extraSpaceRightX,
+        }, tickLine: {
+            ...tickLine,
+            y1,
+            y2,
+        }, tickText: {
+            ...tickText,
+            y: tickTextY,
+        }, tickValues: tickText ? tickValues : undefined }));
+};

package/dist/esm/charts/barChart/fragments/barChartYAxis.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { BarChartYAxisProps } from '../barChart.type';
+export declare const BarChartYAxis: FC<BarChartYAxisProps>;
+//# sourceMappingURL=barChartYAxis.d.ts.map

package/dist/esm/charts/barChart/fragments/barChartYAxis.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+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 === Positions.RIGHT ? tickText?.right : tickText?.left;
+    const ajustedSpace = addSpace ?? 0;
+    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 }));
+};

package/dist/esm/charts/barChart/fragments/fixture/barContextData.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartContextType } from '../../barChart.type';
+export declare const CONTEXT: BarChartContextType;
+//# sourceMappingURL=barContextData.d.ts.map

package/dist/esm/charts/barChart/fragments/fixture/barContextData.d.ts.map

@@ -0,0 +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"}