@kubit-ui-web/react-charts 0.1.0

package/dist/cjs/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/cjs/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/cjs/charts/barChart/barChart.type.js

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

package/dist/cjs/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/cjs/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/cjs/charts/barChart/barChartStructure.js

@@ -0,0 +1,68 @@
+"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 }) => {
+    // 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 parsedCanvasExtraSpace = canvasExtraSpace
+        ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasExtraSpace)
+        : undefined;
+    const viewBox = (0, buildViewBox_1.buildViewBox)(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    // count how many of bar children exists
+    const barChildrenCount = (0, countBarChildren_1.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"),
+    ];
+    const arrayChildren = (react_1.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);
+    // Build the context value
+    const contextValue = (0, react_1.useMemo)(() => {
+        return (0, buildBarContextValues_1.buildBarContextValue)({
+            ajustedX,
+            ajustedY,
+            canvasHeight: parsedCanvasHeight,
+            canvasWidth: parsedCanvasWidth,
+            children: chidrenWithDefaultAxis,
+            data,
+            gapBetweenBars: secureGap,
+            orientation,
+            pKey,
+            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: {
+                ...contextValue,
+                barChildrenCount,
+                canvasExtraSpace: parsedCanvasExtraSpace,
+                canvasHeight: parsedCanvasHeight,
+                canvasWidth: parsedCanvasWidth,
+                data,
+                dataTestId,
+                gapBetweenBars,
+                orientation,
+                pKey,
+            }, children: children }) }));
+};
+exports.BarChartStructure = BarChartStructure;

package/dist/cjs/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/cjs/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/cjs/charts/barChart/context/barChartContext.js

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

package/dist/cjs/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/cjs/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/cjs/charts/barChart/context/buildBarContextValues.js

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

package/dist/cjs/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/cjs/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/cjs/charts/barChart/fragments/barChartPath.js

@@ -0,0 +1,36 @@
+"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);
+    const { coordinates: xACoord, tickValues: xTickValues } = xAxisCoordinates;
+    const { coordinates: yACoord, tickValues: yTickValues } = yAxisCoordinates;
+    const isVertical = context.orientation === bar_type_1.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 points = isVertical
+        ? {
+            x1: xPoint,
+            x2: xPoint,
+            y1: xACoord.y1,
+            y2: yPoint,
+        }
+        : {
+            x1: yACoord.x1,
+            x2: xPoint,
+            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 }));
+};
+exports.BarChartPath = BarChartPath;

package/dist/cjs/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/cjs/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/cjs/charts/barChart/fragments/barChartSeparator.js

@@ -0,0 +1,26 @@
+"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);
+    if (!topSeparator && !rightSeparator && !areaSeparator) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.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 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 ((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 })] }));
+};
+exports.BarChartSeparator = BarChartSeparator;

package/dist/cjs/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/cjs/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/cjs/charts/barChart/fragments/barChartXAxis.js

@@ -0,0 +1,31 @@
+"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 }) => {
+    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);
+    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), 
+        // 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 }));
+};
+exports.BarChartXAxis = BarChartXAxis;

package/dist/cjs/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/cjs/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/cjs/charts/barChart/fragments/barChartYAxis.js

@@ -0,0 +1,24 @@
+"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);
+    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: {
+            ...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

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

package/dist/cjs/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"}

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTEXT = void 0;
+const bar_type_1 = require("../../../../components/bar/bar.type");
+exports.CONTEXT = {
+    barChildrenCount: 3,
+    canvasExtraSpace: 0,
+    canvasHeight: 500,
+    canvasWidth: 500,
+    crossXAxis: false,
+    crossYAxis: false,
+    data: [
+        { pKey: 1, testKey: 10 },
+        { pKey: 2, testKey: 20 },
+        { pKey: 3, testKey: 30 },
+    ],
+    dataTestId: 'test',
+    extraSpaceBottomY: 0,
+    extraSpaceLeftX: 0,
+    extraSpaceRightX: 0,
+    extraSpaceTopY: 0,
+    orientation: bar_type_1.BarOrientation.HORIZONTAL,
+    pKey: 'pKey',
+    securityXSpace: 0,
+    securityYSpace: 0,
+    xAxisCoordinates: {
+        coordinates: { x1: 0, x2: 100, y1: 0, y2: 0 },
+        tickValues: [
+            { position: '0', value: '1' },
+            { position: '33', value: '2' },
+            { position: '66', value: '3' },
+        ],
+    },
+    xAxisText: 0,
+    yAxisCoordinates: {
+        coordinates: { x1: 0, x2: 0, y1: 0, y2: 80 },
+        tickValues: [
+            { position: '0', value: '10' },
+            { position: '30', value: '20' },
+            { position: '60', value: '30' },
+        ],
+    },
+    yAxisText: 0,
+};

package/dist/cjs/charts/barChart/fragments/fixture/index.d.ts

@@ -0,0 +1,2 @@
+export { CONTEXT } from './barContextData';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/charts/barChart/fragments/fixture/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/barChart/fragments/fixture/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,5 @@
+"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; } });

package/dist/cjs/charts/barChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './barChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/charts/barChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,17 @@
+"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);

package/dist/cjs/charts/barChart/utils/countBarChildren.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartChildrenType } from '../barChart.type';
+export declare const countBarChildren: (children: BarChartChildrenType) => number;
+//# sourceMappingURL=countBarChildren.d.ts.map

package/dist/cjs/charts/barChart/utils/countBarChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countBarChildren.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/utils/countBarChildren.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,MAQjE,CAAC"}