@kubit-ui-web/react-charts 1.6.0 → 1.7.0

package/dist/esm/charts/lineChart/fragments/fixture/contextData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/lineChart/fragments/fixture/contextData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;oBAyBA,QAAQ,EAAE;;;;;;;;;;;;oBAWV,QAAQ,EAAE;;;;CAI7B,CAAC"}
+{"version":3,"file":"contextData.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/lineChart/fragments/fixture/contextData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,oBA0CrB,CAAC"}

package/dist/esm/charts/lineChart/fragments/fixture/contextData.js

@@ -11,12 +11,14 @@ export const CONTEXT = {
         { testKey: 30, xKey: 3 },
     ],
     dataTestId: 'test',
-    extraSpaceBottomY: 0,
-    extraSpaceLeftX: 0,
-    extraSpaceRightX: 0,
-    extraSpaceTopY: 0,
-    securityXSpace: 0,
-    securityYSpace: 0,
+    xAxisLeftSpacing: 0,
+    xAxisTopSpacing: 0,
+    xAxisRightSpacing: 0,
+    xAxisBottomSpacing: 0,
+    yAxisLeftSpacing: 0,
+    yAxisTopSpacing: 0,
+    yAxisRightSpacing: 0,
+    yAxisBottomSpacing: 0,
     xAxisCoordinates: {
         coordinates: { x1: 0, x2: 100, y1: 0, y2: 0 },
         tickValues: [

package/dist/esm/charts/lineChart/fragments/lineChartPath.js

@@ -85,13 +85,13 @@ export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInf
         curved,
         extendToBottom: false,
         points,
-        svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
+        svgHeight: yAxisCoordinates.coordinates.y2,
     });
     const dataFill = getPathData({
         curved,
         extendToBottom: !!props.fill || !!props.gradient,
         points,
-        svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY,
+        svgHeight: yAxisCoordinates.coordinates.y2,
     });
     // the ref to the path and handler the nodes focus
     useEffect(() => {
@@ -145,5 +145,5 @@ export const LineChartPath = ({ ariaLabel, closestClick, curved, getNodeFocusInf
         // Handle deprecated ariaLabel - give precedence to ariaLabel for backward compatibility
         ...(ariaLabel && { 'aria-label': ariaLabel }),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Path, { ref: innerRefs, d: dataOnlyLine, dFill: dataFill, dataTestId: `${context.dataTestId}path`, dataValue: context.data, points: points, xKey: context.xKey, onClick: handleClick, ...mergedProps }), lineProjection && (_jsx(LineChartProjection, { curved: curved, dataKey: props.dataKey, lineProjection: lineProjection, points: points, svgHeight: Number(context.canvasHeight) - context.extraSpaceBottomY })), showIndicator && (_jsxs(_Fragment, { children: [!!lineIndicator && isCursorWithinPathArea && (_jsx(Line, { ...lineIndicator, className: "pointer-events-none", x1: context.xCursor, x2: context.xCursor, y1: y1, y2: y2 })), _jsx("g", { ref: indicatorRef, className: "pointer-events-none", children: _jsx(Node, { ...nodeIndicatorConfig }) })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Path, { ref: innerRefs, d: dataOnlyLine, dFill: dataFill, dataTestId: `${context.dataTestId}path`, dataValue: context.data, points: points, xKey: context.xKey, onClick: handleClick, ...mergedProps }), lineProjection && (_jsx(LineChartProjection, { curved: curved, dataKey: props.dataKey, lineProjection: lineProjection, points: points, svgHeight: yAxisCoordinates.coordinates.y2 })), showIndicator && (_jsxs(_Fragment, { children: [!!lineIndicator && isCursorWithinPathArea && (_jsx(Line, { ...lineIndicator, className: "pointer-events-none", x1: context.xCursor, x2: context.xCursor, y1: y1, y2: y2 })), _jsx("g", { ref: indicatorRef, className: "pointer-events-none", children: _jsx(Node, { ...nodeIndicatorConfig }) })] }))] }));
 };

package/dist/esm/charts/lineChart/fragments/lineChartXAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAS/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+DlD,CAAC"}
+{"version":3,"file":"lineChartXAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAiC,MAAM,OAAO,CAAC;AAS/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwDlD,CAAC"}

package/dist/esm/charts/lineChart/fragments/lineChartXAxis.js

@@ -9,8 +9,6 @@ import { LineChartContext } from '../context/lineChartContext';
 export const LineChartXAxis = ({ ariaLabel, position = Positions.BOTTOM, tickLine, tickText, valueFormatter = (value) => value, ...props }) => {
     const { xAxisCoordinates: { coordinates, tickValues: contextTickValues }, xCursor, ...context } = useContext(LineChartContext);
     const tickTextY = getTickTextYCoordinate(position, coordinates.y1, Number(tickText?.fontSize), tickText?.top ?? 0);
-    const y1 = context.extraSpaceTopY;
-    const y2 = Number(context.canvasHeight) - context.extraSpaceBottomY;
     const tickValues = tickText
         ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
@@ -23,13 +21,10 @@ export const LineChartXAxis = ({ ariaLabel, position = Positions.BOTTOM, tickLin
         ...customAttributes,
         ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
     };
-    return (_jsx(XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, extraSpace: {
-            left: context.extraSpaceLeftX,
-            right: context.extraSpaceRightX,
-        }, tickLine: {
+    return (_jsx(XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, tickLine: {
             ...tickLine,
-            y1,
-            y2,
+            y1: context.yAxisCoordinates.coordinates.y1,
+            y2: context.yAxisCoordinates.coordinates.y2,
         }, tickText: {
             ...tickText,
             y: tickTextY,

package/dist/esm/charts/lineChart/fragments/lineChartYAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartYAxis.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgExD,CAAC"}
+{"version":3,"file":"lineChartYAxis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/fragments/lineChartYAxis.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4DxD,CAAC"}

package/dist/esm/charts/lineChart/fragments/lineChartYAxis.js

@@ -3,10 +3,9 @@ import { useContext } from 'react';
 import { YAxis } from '../../../components/axisChart/yAxis/yAxis';
 import { TickDataUtils } from '../../../components/tick/tick.types';
 import { Positions } from '../../../types/position.enum';
-import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
-import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
 import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
 import { LineChartContext } from '../context/lineChartContext';
+import { getYAxisTextXCoordinate } from '../utils/tickTextPosition';
 export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine, tickText, valueFormatter = (value) => value, 
 // NOTE: tickValues prop is destructured but NOT USED - see TODO in lineChart.type.ts
 ...props }) => {
@@ -16,11 +15,12 @@ export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine,
     // 1. Check if props.tickValues exists
     // 2. Use custom tick values instead of context values when provided
     // 3. Update buildLineContextValue to handle custom Y-axis tick values
-    const textAnchor = tickText?.textAnchor || 'middle';
-    const addSpace = position === Positions.RIGHT ? tickText?.right : tickText?.left;
-    const ajustedSpace = addSpace ?? 0;
-    const ajustedText = ajustedTextSpace(textAnchor, context.yAxisText, ajustedSpace);
-    const xTickText = getTickTextXCoordinate(position, coordinates.x1, ajustedText);
+    const xTickText = getYAxisTextXCoordinate({
+        tickText,
+        yAxisPosition: position,
+        textWidth: context.yAxisText,
+        yAxisX1: coordinates.x1,
+    });
     const tickValues = tickText
         ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
         : undefined;
@@ -35,7 +35,7 @@ export const LineChartYAxis = ({ ariaLabel, position = Positions.LEFT, tickLine,
     };
     return (_jsx(YAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: yCursor, dataTestId: `${context.dataTestId}yAxis`, tickLine: {
             ...tickLine,
-            x1: context.extraSpaceLeftX,
-            x2: Number(context.canvasWidth) - context.extraSpaceRightX,
+            x1: context.xAxisCoordinates.coordinates.x1,
+            x2: context.xAxisCoordinates.coordinates.x2,
         }, tickText: { ...tickText, x: xTickText }, tickValues: tickValues }));
 };

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

@@ -23,12 +23,14 @@ export interface LineChartCoordinatesData {
     tickValues: TickData[];
 }
 export interface LineChartExtraSpacings {
-    extraSpaceBottomY: number;
-    extraSpaceTopY: number;
-    extraSpaceLeftX: number;
-    extraSpaceRightX: number;
-    securityXSpace: number;
-    securityYSpace: number;
+    xAxisLeftSpacing: number;
+    xAxisTopSpacing: number;
+    xAxisRightSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisRightSpacing: number;
+    yAxisBottomSpacing: number;
     lineChartXPosition: (typeof Positions)[keyof typeof Positions];
     lineChartYPosition: (typeof Positions)[keyof typeof Positions];
     xData: string[];
@@ -104,13 +106,16 @@ export interface LineChartXAxisProps extends Omit<XAxisProps, OmitProps | 'ariaL
     ariaLabel?: string;
     [key: `data-${string}`]: string | number | boolean | undefined;
 }
-export interface LineChartYAxisProps extends Omit<YAxisProps, OmitProps | 'ariaLabel'>, React.AriaAttributes {
+export interface LineChartYAxisProps extends Omit<YAxisProps, OmitProps | 'ariaLabel' | 'tickText'>, React.AriaAttributes {
     /**
      * TODO: This prop is defined in the interface but NOT IMPLEMENTED in LineChartYAxis component.
      * The component currently ignores this prop and uses auto-generated tick values from context.
      * Implementation needed in lineChartYAxis.tsx to properly handle custom tick values.
      */
     tickValues?: TickValuesAxisProps;
+    tickText?: YAxisProps['tickText'] & {
+        useAxisAsOrigin?: boolean;
+    };
     valueFormatter?: ValueFormatter;
     /**
      * @deprecated Use aria-label instead for better accessibility standards

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

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

package/dist/esm/charts/lineChart/lineChartStructure.js

@@ -60,9 +60,6 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
     ];
     const arrayChildren = (Children.toArray(children) || []);
     const chidrenWithDefaultAxis = defaultAxis.concat(arrayChildren);
-    const maxValue = Math.max(parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace ?? 0);
-    const ajustedX = isNaN(parsedCanvas.width / maxValue) ? 0 : parsedCanvas.width / maxValue;
-    const ajustedY = isNaN(parsedCanvas.height / maxValue) ? 0 : parsedCanvas.height / maxValue;
     // watch the Y childs keys
     getChildrenAttr({
         attrName: 'dataKey',
@@ -79,8 +76,6 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
             addError: (errorType, error) => {
                 errorAccumulator.addError(errorType, error);
             },
-            ajustedX,
-            ajustedY,
             canvasHeight: parsedCanvas.height,
             canvasWidth: parsedCanvas.width,
             children: chidrenWithDefaultAxis,
@@ -117,12 +112,18 @@ export const LineChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = Defau
     }, [canvasWidth, canvasHeight]);
     useEffect(() => {
         getPathArea?.({
-            x1: contextValue.extraSpaceLeftX,
-            x2: parsedCanvas.width - contextValue.extraSpaceRightX,
-            y1: contextValue.extraSpaceTopY,
-            y2: parsedCanvas.height - contextValue.extraSpaceBottomY,
+            x1: contextValue.xAxisCoordinates.coordinates.x1,
+            y1: contextValue.yAxisCoordinates.coordinates.y1,
+            x2: contextValue.xAxisCoordinates.coordinates.x2,
+            y2: contextValue.yAxisCoordinates.coordinates.y2,
         });
-    }, [parsedCanvas.width, parsedCanvas.height]);
+    }, [
+        contextValue.xAxisCoordinates.coordinates.x1,
+        contextValue.yAxisCoordinates.coordinates.y1,
+        contextValue.xAxisCoordinates.coordinates.x2,
+        contextValue.yAxisCoordinates.coordinates.y2,
+        getPathArea,
+    ]);
     return (_jsx(SvgContainer, { ref: svgRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, "data-kbt-svg": true, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: _jsx(LineChartContext.Provider, { value: {
                 ...contextValue,
                 canvasExtraSpace: parsedCanvasExtraSpace,

package/dist/esm/charts/lineChart/utils/getCoordinates.d.ts

@@ -0,0 +1,25 @@
+import { Positions } from '../../../types/position.enum';
+type GetCoordinates = (params: {
+    lineChartXPosition: (typeof Positions)[keyof typeof Positions];
+    lineChartYPosition: (typeof Positions)[keyof typeof Positions];
+    canvasHeight: number;
+    canvasWidth: number;
+    customBreakAxis: number;
+    xAxisLeftSpacing: number;
+    xAxisTopSpacing: number;
+    xAxisRightSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisRightSpacing: number;
+    yAxisBottomSpacing: number;
+}) => {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+};
+export declare const getXCoordinates: GetCoordinates;
+export declare const getYCoordinates: GetCoordinates;
+export {};
+//# sourceMappingURL=getCoordinates.d.ts.map

package/dist/esm/charts/lineChart/utils/getCoordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCoordinates.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,kBAAkB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC/D,kBAAkB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,KAAK;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,cA2C7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAyC7B,CAAC"}

package/dist/esm/charts/lineChart/utils/getCoordinates.js

@@ -0,0 +1,55 @@
+import { Positions } from '../../../types/position.enum';
+export const getXCoordinates = ({ lineChartXPosition, lineChartYPosition, canvasHeight, canvasWidth, customBreakAxis, xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, }) => {
+    const x1 = lineChartYPosition === Positions.LEFT ? Math.max(yAxisLeftSpacing, xAxisLeftSpacing) : 0;
+    const x2 = lineChartYPosition === Positions.RIGHT
+        ? canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing)
+        : canvasWidth;
+    if (lineChartXPosition === Positions.TOP) {
+        return {
+            x1,
+            x2,
+            y1: Math.max(yAxisTopSpacing, xAxisTopSpacing),
+            y2: Math.max(yAxisTopSpacing, xAxisTopSpacing),
+        };
+    }
+    if (lineChartXPosition === Positions.CENTER) {
+        return { x1, x2, y1: canvasHeight / 2, y2: canvasHeight / 2 };
+    }
+    if (lineChartXPosition === Positions.CUSTOM) {
+        return { x1, x2, y1: customBreakAxis, y2: customBreakAxis };
+    }
+    // BOTTOM
+    return {
+        x1,
+        x2,
+        y1: canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing),
+        y2: canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing),
+    };
+};
+export const getYCoordinates = ({ lineChartXPosition, lineChartYPosition, canvasHeight, canvasWidth, customBreakAxis, xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, }) => {
+    const y1 = lineChartXPosition === Positions.TOP ? Math.max(yAxisTopSpacing, xAxisTopSpacing) : 0;
+    const y2 = lineChartXPosition === Positions.BOTTOM
+        ? canvasHeight - Math.max(yAxisBottomSpacing, xAxisBottomSpacing)
+        : canvasHeight;
+    if (lineChartYPosition === Positions.RIGHT) {
+        return {
+            x1: canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing),
+            x2: canvasWidth - Math.max(yAxisRightSpacing, xAxisRightSpacing),
+            y1,
+            y2,
+        };
+    }
+    if (lineChartYPosition === Positions.CENTER) {
+        return { x1: canvasWidth / 2, x2: canvasWidth / 2, y1, y2 };
+    }
+    if (lineChartYPosition === Positions.CUSTOM) {
+        return { x1: customBreakAxis, x2: customBreakAxis, y1, y2 };
+    }
+    // LEFT
+    return {
+        x1: Math.max(yAxisLeftSpacing, xAxisLeftSpacing),
+        x2: Math.max(yAxisLeftSpacing, xAxisLeftSpacing),
+        y1,
+        y2,
+    };
+};

package/dist/esm/charts/lineChart/utils/getExtraSpacing.d.ts

@@ -3,8 +3,6 @@ interface GetExtraSpacing {
     children: ChildrenType;
     data: IDataPoint[];
     xKey: string;
-    ajustedX: number;
-    ajustedY: number;
     viewBox: string;
     canvasHeight: number;
     canvasWidth: number;
@@ -14,6 +12,6 @@ interface GetExtraSpacing {
  * @param {GetExtraSpacing} options - The options for calculating extra spacing.
  * @returns {LineChartExtraSpacings} - The calculated extra spacings for the line chart.
  */
-export declare const getExtraSpacing: ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: GetExtraSpacing) => LineChartExtraSpacings;
+export declare const getExtraSpacing: ({ canvasHeight, canvasWidth, children, data, viewBox, xKey, }: GetExtraSpacing) => LineChartExtraSpacings;
 export {};
 //# sourceMappingURL=getExtraSpacing.d.ts.map

package/dist/esm/charts/lineChart/utils/getExtraSpacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getExtraSpacing.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getExtraSpacing.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAkH1F,UAAU,eAAe;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,mFAS7B,eAAe,KAAG,sBAmCpB,CAAC"}
+{"version":3,"file":"getExtraSpacing.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getExtraSpacing.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAiI1F,UAAU,eAAe;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,+DAO7B,eAAe,KAAG,sBAqCpB,CAAC"}

package/dist/esm/charts/lineChart/utils/getExtraSpacing.js

@@ -6,14 +6,20 @@ import { LineChartXAxis } from '../fragments/lineChartXAxis';
 import { LineChartYAxis } from '../fragments/lineChartYAxis';
 import { getDataValues } from './getDataValues';
 import { getYKeyRoundMaxValue } from './getRoundedMaxValue';
-const handleLineChartXAxis = (child, data, xKey, ajustedX, viewBox, canvasHeight, canvasWidth) => {
-    const { position, tickText, tickValues, valueFormatter } = child.props;
+import { getXAxisLeftTextSpacing, getXAxisRightTextSpacing, getYAxisLeftTextSpacing, getYAxisRightTextSpacing, } from './tickTextPosition';
+const getBreakAxis = ({ tickValues, tickText }) => {
+    if (tickValues?.numeric) {
+        return tickValues.numeric.breakAxis ?? 0;
+    }
+    return tickText?.custom?.breakAxis ?? 0;
+};
+const handleLineChartXAxis = (child, data, xKey, viewBox, canvasHeight, canvasWidth) => {
+    const { position = Positions.BOTTOM, tickText, tickValues, valueFormatter } = child.props;
     const fontSize = tickText?.fontSize ?? 0;
-    const spaceFontSize = fontSize * ajustedX;
     const xData = tickValues ? getDataValues(tickValues) : data.map(d => d[xKey]);
     // Apply the valueFormatter if provided to get the actual rendered text width
     const formattedXData = valueFormatter ? xData.map(valueFormatter) : xData;
-    const securityXSpace = textBound({
+    const textWidth = textBound({
         bound: 'width',
         data: formattedXData,
         fontSize,
@@ -21,31 +27,36 @@ const handleLineChartXAxis = (child, data, xKey, ajustedX, viewBox, canvasHeight
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const isBottomPosition = position === Positions.BOTTOM;
-    const isTopPosition = position === Positions.TOP;
-    const extraSpaceBottomY = isBottomPosition ? spaceFontSize + (tickText?.top ?? 0) : 0;
-    const extraSpaceTopY = isTopPosition ? spaceFontSize + (tickText?.bottom ?? 0) : 0;
-    const lineChartXPosition = (() => position || Positions.BOTTOM)();
-    const getBreakAxis = () => {
-        if (tickValues?.numeric) {
-            return tickValues.numeric.breakAxis ?? 0;
-        }
-        return tickText?.custom?.breakAxis ?? 0;
-    };
-    const xBreakAxis = getBreakAxis();
+    const textHeight = textBound({
+        bound: 'height',
+        data: formattedXData,
+        fontSize,
+        svgHeight: `${canvasHeight}`,
+        svgWidth: `${canvasWidth}`,
+        viewBox,
+    });
+    const xAxisBottomSpacing = position === Positions.BOTTOM ? textHeight + (tickText?.top ?? 0) : 0;
+    const xAxisTopSpacing = position === Positions.TOP ? textHeight + (tickText?.bottom ?? 0) : 0;
+    const xBreakAxis = getBreakAxis({ tickValues, tickText });
     return {
-        extraSpaceBottomY,
-        extraSpaceTopY,
-        lineChartXPosition,
-        securityXSpace,
+        xAxisLeftSpacing: getXAxisLeftTextSpacing({
+            textWidth,
+            tickText,
+        }),
+        xAxisTopSpacing,
+        xAxisRightSpacing: getXAxisRightTextSpacing({
+            textWidth,
+            tickText,
+        }),
+        xAxisBottomSpacing,
+        lineChartXPosition: position,
         xBreakAxis,
         xData,
     };
 };
-const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight, canvasWidth) => {
-    const { position, tickText, tickValues, valueFormatter } = child.props;
-    const fontSize = tickText?.fontSize ?? '0';
-    const spaceFontSize = fontSize * ajustedY;
+const handleLineChartYAxis = (child, data, xKey, viewBox, canvasHeight, canvasWidth) => {
+    const { position = Positions.LEFT, tickText, tickValues, valueFormatter } = child.props;
+    const fontSize = tickText?.fontSize ?? 0;
     const dataValues = tickValues ||
         buildTickValues([...new Set(getYKeyRoundMaxValue(data, xKey))]);
     const yData = getDataValues(dataValues);
@@ -59,26 +70,30 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
         svgWidth: `${canvasWidth}`,
         viewBox,
     });
-    const securityYSpace = spaceFontSize;
-    const isLeftPosition = position === Positions.LEFT;
-    const isRightPosition = position === Positions.RIGHT;
-    const extraSpaceLeftX = isLeftPosition ? yAxisText + (tickText?.right ?? 0) : 0;
-    const extraSpaceRightX = isRightPosition ? yAxisText + (tickText?.left ?? 0) : 0;
-    const lineChartYPosition = position || Positions.LEFT;
-    const getBreakAxis = () => {
-        if (tickValues?.numeric) {
-            return tickValues.numeric.breakAxis ?? 0;
-        }
-        return tickText?.custom?.breakAxis ?? 0;
-    };
-    const yBreakAxis = getBreakAxis();
+    const textHeight = textBound({
+        bound: 'height',
+        data: formattedYData,
+        fontSize,
+        svgHeight: `${canvasHeight}`,
+        svgWidth: `${canvasWidth}`,
+        viewBox,
+    });
     return {
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        lineChartYPosition,
-        securityYSpace,
+        yAxisLeftSpacing: getYAxisLeftTextSpacing({
+            tickText,
+            textWidth: yAxisText,
+            yAxisPosition: position,
+        }),
+        yAxisTopSpacing: textHeight,
+        yAxisRightSpacing: getYAxisRightTextSpacing({
+            tickText,
+            textWidth: yAxisText,
+            yAxisPosition: position,
+        }),
+        yAxisBottomSpacing: 0,
+        lineChartYPosition: position,
         yAxisText,
-        yBreakAxis,
+        yBreakAxis: getBreakAxis({ tickValues, tickText }),
         yData,
     };
 };
@@ -87,16 +102,18 @@ const handleLineChartYAxis = (child, data, xKey, ajustedY, viewBox, canvasHeight
  * @param {GetExtraSpacing} options - The options for calculating extra spacing.
  * @returns {LineChartExtraSpacings} - The calculated extra spacings for the line chart.
  */
-export const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const getExtraSpacing = ({ canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let result = {
-        extraSpaceBottomY: 0,
-        extraSpaceLeftX: 0,
-        extraSpaceRightX: 0,
-        extraSpaceTopY: 0,
+        xAxisLeftSpacing: 0,
+        xAxisTopSpacing: 0,
+        xAxisRightSpacing: 0,
+        xAxisBottomSpacing: 0,
+        yAxisLeftSpacing: 0,
+        yAxisTopSpacing: 0,
+        yAxisRightSpacing: 0,
+        yAxisBottomSpacing: 0,
         lineChartXPosition: Positions.BOTTOM,
         lineChartYPosition: Positions.LEFT,
-        securityXSpace: 0,
-        securityYSpace: 0,
         xAxisText: 0,
         xBreakAxis: 0,
         xData: [],
@@ -109,13 +126,13 @@ export const getExtraSpacing = ({ ajustedX, ajustedY, canvasHeight, canvasWidth,
             if (child.type === LineChartXAxis) {
                 result = {
                     ...result,
-                    ...handleLineChartXAxis(child, data, xKey, ajustedX, viewBox, canvasHeight, canvasWidth),
+                    ...handleLineChartXAxis(child, data, xKey, viewBox, canvasHeight, canvasWidth),
                 };
             }
             else if (child.type === LineChartYAxis) {
                 result = {
                     ...result,
-                    ...handleLineChartYAxis(child, data, xKey, ajustedY, viewBox, canvasHeight, canvasWidth),
+                    ...handleLineChartYAxis(child, data, xKey, viewBox, canvasHeight, canvasWidth),
                 };
             }
         }

package/dist/esm/charts/lineChart/utils/getTicks.d.ts

@@ -0,0 +1,21 @@
+import type { TickData } from '../../../components/tick/tick.types';
+interface GetXTickProps {
+    tickValues: string[];
+    maxSpaceAvailable: number;
+    xAxisLeftSpacing: number;
+    xAxisRightSpacing: number;
+    yAxisLeftSpacing: number;
+    yAxisRightSpacing: number;
+}
+export declare const getXTicks: ({ tickValues, maxSpaceAvailable, xAxisLeftSpacing, xAxisRightSpacing, yAxisLeftSpacing, yAxisRightSpacing, }: GetXTickProps) => TickData[];
+interface GetYTickProps {
+    tickValues: string[];
+    maxSpaceAvailable: number;
+    xAxisTopSpacing: number;
+    xAxisBottomSpacing: number;
+    yAxisTopSpacing: number;
+    yAxisBottomSpacing: number;
+}
+export declare const getYTicks: ({ maxSpaceAvailable, tickValues, xAxisTopSpacing, xAxisBottomSpacing, yAxisTopSpacing, yAxisBottomSpacing, }: GetYTickProps) => TickData[];
+export {};
+//# sourceMappingURL=getTicks.d.ts.map

package/dist/esm/charts/lineChart/utils/getTicks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTicks.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/getTicks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,GAAI,8GAOvB,aAAa,KAAG,QAAQ,EAkB1B,CAAC;AAEF,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,GAAI,8GAOvB,aAAa,KAAG,QAAQ,EAkB1B,CAAC"}

package/dist/esm/charts/lineChart/utils/getTicks.js

@@ -0,0 +1,36 @@
+export const getXTicks = ({ tickValues, maxSpaceAvailable, xAxisLeftSpacing, xAxisRightSpacing, yAxisLeftSpacing, yAxisRightSpacing, }) => {
+    const initPos = Math.max(yAxisLeftSpacing, xAxisLeftSpacing);
+    const endPos = maxSpaceAvailable - Math.max(xAxisRightSpacing, yAxisRightSpacing);
+    if (tickValues.length <= 1) {
+        return [
+            {
+                position: initPos,
+                value: tickValues[0],
+            },
+        ];
+    }
+    const step = (endPos - initPos) / (tickValues.length - 1);
+    const ticks = tickValues.map((value, idx) => {
+        const position = initPos + step * idx;
+        return { position, value };
+    });
+    return ticks;
+};
+export const getYTicks = ({ maxSpaceAvailable, tickValues, xAxisTopSpacing, xAxisBottomSpacing, yAxisTopSpacing, yAxisBottomSpacing, }) => {
+    const initPos = maxSpaceAvailable - Math.max(xAxisBottomSpacing, yAxisBottomSpacing);
+    const endPos = Math.max(yAxisTopSpacing, xAxisTopSpacing);
+    if (tickValues.length <= 1) {
+        return [
+            {
+                position: initPos,
+                value: tickValues[0],
+            },
+        ];
+    }
+    const step = (initPos - endPos) / (tickValues.length - 1);
+    const ticks = tickValues.map((value, idx) => {
+        const position = initPos - step * idx;
+        return { position, value };
+    });
+    return ticks;
+};

package/dist/esm/charts/lineChart/utils/handleNodesFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleNodesFocus.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/handleNodesFocus.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,GAAG,EAAE,UAAU,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,GAAI,yCAK9B,qBAAqB,KAAG,sBA8C1B,CAAC"}
+{"version":3,"file":"handleNodesFocus.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/handleNodesFocus.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,GAAG,EAAE,UAAU,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,gBAAgB,GAAI,yCAK9B,qBAAqB,KAAG,sBAoC1B,CAAC"}