@kubit-ui-web/react-charts 1.11.0 → 1.11.2

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

@@ -1,11 +1 @@
-/**
- * Returns an array of rounded maximum values for each yKey in the given data.
- * @param data - The array of data points.
- * @param xKey - The xKey used for filtering the data.
- * @returns An array of rounded maximum values.
- */
-export const getBarKeyRoundMaxValue = (data, Key) => {
-    return data.flatMap(point => Object.keys(point)
-        .filter(k => k !== Key && typeof point[k] === 'number')
-        .map(k => Number(point[k])));
-};
+exports.getBarKeyRoundMaxValue=(e,t)=>e.flatMap(e=>Object.keys(e).filter(n=>n!==t&&typeof e[n]==`number`).map(t=>Number(e[t])));

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

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

package/dist/cjs/charts/customBackgroundChart/context/customBackgroundChartContext.js

@@ -1,3 +1 @@
-import { createContext } from 'react';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const CustomBackgroundChartContext = createContext({});
+const e=(0,require(`react`).createContext)({});exports.CustomBackgroundChartContext=e;

package/dist/cjs/charts/customBackgroundChart/customBackgroundChart.js

@@ -1,7 +1 @@
-import { CustomBackgroundChartStructure } from './customBackgroundChartStructure';
-import { CustomBackgroundChartPlot } from './fragments/customBackgroundChartPlot';
-const CustomBackgroundChart = Object.assign(CustomBackgroundChartStructure, {
-    Plot: CustomBackgroundChartPlot,
-});
-export { CustomBackgroundChart };
-export * from './customBackgroundChart.type';
+const e=require(`./customBackgroundChartStructure.js`),t=require(`./fragments/customBackgroundChartPlot.js`);var n=Object.assign(e.CustomBackgroundChartStructure,{Plot:t.CustomBackgroundChartPlot});exports.CustomBackgroundChart=n;

package/dist/cjs/charts/customBackgroundChart/customBackgroundChartStructure.js

@@ -1,41 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from 'react';
-import { SvgContainer } from '../../components/svgContainer/svgContainer';
-import { useId } from '../../hooks/useId/useId';
-import { createErrorAccumulator } from '../../utils/createErrorAccumulator';
-import { CustomBackgroundChartContext } from './context/customBackgroundChartContext';
-export const CustomBackgroundChartStructure = ({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp = 'custom-background-chart', height = '100%', onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role = 'img', tabIndex, viewBox, width = '100%', ...props }) => {
-    const dataTestId = useId(dataTestIdProp);
-    // Build viewBox string for SVG
-    const viewBoxString = `0 0 ${viewBox.width} ${viewBox.height}`;
-    // Error accumulator (existing pattern)
-    const errorAccumulator = useMemo(() => createErrorAccumulator(onErrors), [onErrors]);
-    // Validate props
-    useEffect(() => {
-        if (Object.keys(data).length === 0) {
-            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
-                error: new Error('Data object is empty. At least one data point is required.'),
-            });
-        }
-        if (!backgroundUrl || backgroundUrl.trim() === '') {
-            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
-                error: new Error('backgroundUrl is required and cannot be empty.'),
-            });
-        }
-        if (viewBox.width <= 0 || viewBox.height <= 0) {
-            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
-                error: new Error(`Invalid viewBox dimensions: width=${viewBox.width}, height=${viewBox.height} (both must be > 0)`),
-            });
-        }
-    }, [data, backgroundUrl, viewBox, errorAccumulator]);
-    // Context value
-    const contextValue = useMemo(() => ({
-        addError: (errorType, error) => {
-            errorAccumulator.addError(errorType, error);
-        },
-        data,
-        dataTestId,
-        viewBox,
-    }), [viewBox, data, dataTestId, errorAccumulator]);
-    return (_jsx(SvgContainer, { ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: className, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBoxString, width: width, onBlur: onBlur, onClick: onClick, onDoubleClick: onDoubleClick, onFocus: onFocus, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...props, children: _jsxs(CustomBackgroundChartContext.Provider, { value: contextValue, children: [_jsx("image", { "data-testid": `${dataTestId}-background`, height: viewBox.height, href: backgroundUrl, preserveAspectRatio: "xMidYMid meet", width: viewBox.width, x: 0, y: 0 }), _jsx("g", { "data-testid": `${dataTestId}-plots`, children: children })] }) }));
-};
+const e=require(`../../components/svgContainer/svgContainer.js`),t=require(`../../hooks/useId/useId.js`),n=require(`../../utils/createErrorAccumulator/createErrorAccumulator.js`),r=require(`./context/customBackgroundChartContext.js`);let i=require(`react`),a=require(`react/jsx-runtime`);exports.CustomBackgroundChartStructure=({ariaHidden:o,ariaLabel:s,backgroundUrl:c,caption:l,children:u,className:d,data:f,dataTestId:p=`custom-background-chart`,height:m=`100%`,onBlur:h,onClick:g,onDoubleClick:_,onErrors:v,onFocus:y,onKeyDown:b,onKeyUp:x,onMouseEnter:S,onMouseLeave:C,role:w=`img`,tabIndex:T,viewBox:E,width:D=`100%`,...O})=>{let k=t.useId(p),A=`0 0 ${E.width} ${E.height}`,j=(0,i.useMemo)(()=>n.createErrorAccumulator(v),[v]);(0,i.useEffect)(()=>{Object.keys(f).length===0&&j.addError(`CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR`,{error:Error(`Data object is empty. At least one data point is required.`)}),(!c||c.trim()===``)&&j.addError(`CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR`,{error:Error(`backgroundUrl is required and cannot be empty.`)}),(E.width<=0||E.height<=0)&&j.addError(`CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR`,{error:Error(`Invalid viewBox dimensions: width=${E.width}, height=${E.height} (both must be > 0)`)})},[f,c,E,j]);let M=(0,i.useMemo)(()=>({addError:(e,t)=>{j.addError(e,t)},data:f,dataTestId:k,viewBox:E}),[E,f,k,j]);return(0,a.jsx)(e.SvgContainer,{ariaHidden:o,ariaLabel:s,caption:l,className:d,dataTestId:k,height:m,role:w,tabIndex:T,viewBox:A,width:D,onBlur:h,onClick:g,onDoubleClick:_,onFocus:y,onKeyDown:b,onKeyUp:x,onMouseEnter:S,onMouseLeave:C,...O,children:(0,a.jsxs)(r.CustomBackgroundChartContext.Provider,{value:M,children:[(0,a.jsx)(`image`,{"data-testid":`${k}-background`,height:E.height,href:c,preserveAspectRatio:`xMidYMid meet`,width:E.width,x:0,y:0}),(0,a.jsx)(`g`,{"data-testid":`${k}-plots`,children:u})]})})};

package/dist/cjs/charts/customBackgroundChart/fragments/customBackgroundChartPlot.js

@@ -1,49 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useMemo } from 'react';
-import { Plot } from '../../../components/plot/plot';
-import { CustomBackgroundChartContext } from '../context/customBackgroundChartContext';
-import { buildAriaLabel, formatValue } from '../utils/accessibility';
-export const CustomBackgroundChartPlot = ({ ariaLabel, dataKey, formatAriaValue, ...props }) => {
-    const { addError, data, dataTestId: parentTestId, viewBox, } = useContext(CustomBackgroundChartContext);
-    // Access data point by dataKey (PieChart pattern)
-    const dataPoint = useMemo(() => data[dataKey], [data, dataKey]);
-    // Validate dataKey and coordinates
-    useEffect(() => {
-        if (!dataPoint) {
-            addError?.('CUSTOM_BACKGROUND_CHART_PLOT_ERROR', {
-                error: new Error(`dataKey "${dataKey}" not found in data object.`),
-            });
-            return;
-        }
-        const { x, y } = dataPoint;
-        if (x < 0 || x > viewBox.width || y < 0 || y > viewBox.height) {
-            addError?.('CUSTOM_BACKGROUND_CHART_PLOT_ERROR', {
-                error: new Error(`Plot "${dataKey}" coordinates (${x}, ${y}) are outside viewBox bounds (0-${viewBox.width}, 0-${viewBox.height})`),
-            });
-        }
-    }, [dataPoint, dataKey, addError, viewBox.width, viewBox.height]);
-    // Generate accessible label using template system
-    const accessibleLabel = useMemo(() => {
-        if (!dataPoint) {
-            return dataKey;
-        }
-        // Format the value using custom formatter or default
-        const formattedValue = formatAriaValue
-            ? formatAriaValue(dataPoint.value)
-            : formatValue(dataPoint.value);
-        // Build label from template (uses default template if ariaLabel not provided)
-        return buildAriaLabel({
-            ariaLabel,
-            dataKey,
-            formattedValue,
-            name: dataPoint.name,
-            x: dataPoint.x,
-            y: dataPoint.y,
-        });
-    }, [ariaLabel, dataPoint, dataKey, formatAriaValue]);
-    const position = useMemo(() => ({ x: dataPoint?.x ?? 0, y: dataPoint?.y ?? 0 }), [dataPoint?.x, dataPoint?.y]);
-    if (!dataPoint) {
-        return null;
-    }
-    return (_jsx(Plot, { ...props, data: { value: dataPoint.value }, dataTestId: `${parentTestId}-plot-${dataKey}`, label: accessibleLabel, position: position }));
-};
+const e=require(`../context/customBackgroundChartContext.js`),t=require(`../../../components/plot/plot2.js`),n=require(`../utils/accessibility.js`);let r=require(`react`),i=require(`react/jsx-runtime`);exports.CustomBackgroundChartPlot=({ariaLabel:a,dataKey:o,formatAriaValue:s,...c})=>{let{addError:l,data:u,dataTestId:d,viewBox:f}=(0,r.useContext)(e.CustomBackgroundChartContext),p=(0,r.useMemo)(()=>u[o],[u,o]);(0,r.useEffect)(()=>{if(!p){l?.(`CUSTOM_BACKGROUND_CHART_PLOT_ERROR`,{error:Error(`dataKey "${o}" not found in data object.`)});return}let{x:e,y:t}=p;(e<0||e>f.width||t<0||t>f.height)&&l?.(`CUSTOM_BACKGROUND_CHART_PLOT_ERROR`,{error:Error(`Plot "${o}" coordinates (${e}, ${t}) are outside viewBox bounds (0-${f.width}, 0-${f.height})`)})},[p,o,l,f.width,f.height]);let m=(0,r.useMemo)(()=>p?n.buildAriaLabel({ariaLabel:a,dataKey:o,formattedValue:s?s(p.value):n.formatValue(p.value),name:p.name,x:p.x,y:p.y}):o,[a,p,o,s]),h=(0,r.useMemo)(()=>({x:p?.x??0,y:p?.y??0}),[p?.x,p?.y]);return p?(0,i.jsx)(t.Plot,{...c,data:{value:p.value},dataTestId:`${d}-plot-${o}`,label:m,position:h}):null};

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

@@ -1 +1 @@
-export * from './customBackgroundChart';
+module.exports = { ...module.exports, ...require('./customBackgroundChart.js') };

package/dist/cjs/charts/customBackgroundChart/utils/accessibility.js

@@ -1,32 +1 @@
-export const PLOT_TEMPLATE_KEYS = {
-    DATA_KEY: '{{dataKey}}',
-    NAME: '{{name}}',
-    VALUE: '{{value}}',
-    X: '{{x}}',
-    Y: '{{y}}',
-};
-export const DEFAULT_ARIA_LABEL_TEMPLATE = `${PLOT_TEMPLATE_KEYS.NAME}, ${PLOT_TEMPLATE_KEYS.VALUE}`;
-const DATA_KEY_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.DATA_KEY, 'g');
-const NAME_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.NAME, 'g');
-const VALUE_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.VALUE, 'g');
-const X_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.X, 'g');
-const Y_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.Y, 'g');
-export const buildAriaLabel = ({ ariaLabel, dataKey, name, formattedValue, x, y, }) => {
-    const template = ariaLabel ?? DEFAULT_ARIA_LABEL_TEMPLATE;
-    const displayName = name ?? dataKey;
-    return template
-        .replace(DATA_KEY_REGEXP, dataKey)
-        .replace(NAME_REGEXP, displayName)
-        .replace(VALUE_REGEXP, formattedValue)
-        .replace(X_REGEXP, String(x))
-        .replace(Y_REGEXP, String(y));
-};
-export const formatValue = (value) => {
-    if (typeof value === 'number') {
-        return value.toLocaleString();
-    }
-    if (typeof value === 'string') {
-        return value;
-    }
-    return JSON.stringify(value);
-};
+const e={DATA_KEY:`{{dataKey}}`,NAME:`{{name}}`,VALUE:`{{value}}`,X:`{{x}}`,Y:`{{y}}`},t=`${e.NAME}, ${e.VALUE}`;var n=new RegExp(e.DATA_KEY,`g`),r=new RegExp(e.NAME,`g`),i=new RegExp(e.VALUE,`g`),a=new RegExp(e.X,`g`),o=new RegExp(e.Y,`g`);exports.buildAriaLabel=({ariaLabel:e,dataKey:s,name:c,formattedValue:l,x:u,y:d})=>{let f=e??t,p=c??s;return f.replace(n,s).replace(r,p).replace(i,l).replace(a,String(u)).replace(o,String(d))},exports.formatValue=e=>typeof e==`number`?e.toLocaleString():typeof e==`string`?e:JSON.stringify(e);

package/dist/cjs/charts/lineChart/context/buildLineContextValue.js

@@ -1,186 +1 @@
-import { ErrorType } from '../../../types/errors.type';
-import { Positions } from '../../../types/position.enum';
-import { getPoints } from '../../../utils/getPoints/getPoints';
-import { BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, LINE_CHART_FALLBACK_DATA, SHARED_FALLBACK_DATA, } from '../../constants/chartDefaults';
-import { getXCoordinates, getYCoordinates } from '../utils/getCoordinates';
-import { getExtraSpacing } from '../utils/getExtraSpacing';
-import { getXTicks, getYTicks } from '../utils/getTicks';
-import { validateCanvasDimensions, validateData, validateXCoordinates, validateXTickValues, validateYCoordinates, validateYTickValues, } from '../utils/validations';
-/**
- * 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 buildLineContextValue = ({ addError, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
-    let error = undefined;
-    const { error: dataError } = validateData({ data, addError });
-    if (dataError) {
-        error = dataError;
-    }
-    const { error: canvasError } = validateCanvasDimensions({
-        canvasWidth,
-        canvasHeight,
-        addError,
-    });
-    if (canvasError) {
-        error = canvasError;
-    }
-    // Use safe defaults for data processing if there are critical errors
-    const safeData = data && data.length > 0
-        ? data
-        : [
-            {
-                [xKey]: LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST,
-                y: LINE_CHART_FALLBACK_DATA.FALLBACK_Y_FIRST,
-            },
-            {
-                [xKey]: LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND,
-                y: LINE_CHART_FALLBACK_DATA.FALLBACK_Y_SECOND,
-            },
-        ];
-    const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : CHART_CANVAS_DEFAULTS.SAFE_WIDTH;
-    const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT;
-    /**
-     * Get the extra spacings for the line chart.
-     */
-    const { xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, lineChartXPosition, lineChartYPosition, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
-        canvasHeight: safeCanvasHeight,
-        canvasWidth: safeCanvasWidth,
-        children,
-        data: safeData,
-        viewBox,
-        xKey,
-    });
-    const xTickValues = getXTicks({
-        tickValues: xData,
-        maxSpaceAvailable: safeCanvasWidth,
-        xAxisLeftSpacing,
-        xAxisRightSpacing,
-        yAxisLeftSpacing,
-        yAxisRightSpacing,
-    });
-    const { error: xTickError } = validateXTickValues({ xTickValues, addError });
-    if (!error && xTickError) {
-        error = xTickError;
-    }
-    /**
-     * Calculate the tick values for the Y Axis.
-     */
-    const yTickValues = getYTicks({
-        maxSpaceAvailable: safeCanvasHeight,
-        tickValues: yData,
-        xAxisTopSpacing,
-        xAxisBottomSpacing,
-        yAxisTopSpacing,
-        yAxisBottomSpacing,
-    });
-    const { error: yTickError } = validateYTickValues({ yTickValues, addError });
-    if (!error && yTickError) {
-        error = yTickError;
-    }
-    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
-    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
-    /**
-     * Calculate the custom breakAxis for the X and Y Axis.
-     */
-    const customBreakXAxis = crossXAxis
-        ? getPoints(yTickValues || [], [String(xBreakAxis)])[0]
-        : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE;
-    const customBreakYAxis = crossYAxis
-        ? getPoints(xTickValues || [], [String(yBreakAxis)])[0]
-        : BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE;
-    /**
-     * Calculate the X coordinates for the line chart.
-     */
-    const xCoordinates = getXCoordinates({
-        canvasHeight: safeCanvasHeight,
-        canvasWidth: safeCanvasWidth,
-        customBreakAxis: Number(customBreakXAxis),
-        lineChartXPosition,
-        lineChartYPosition,
-        xAxisLeftSpacing,
-        xAxisTopSpacing,
-        xAxisRightSpacing,
-        xAxisBottomSpacing,
-        yAxisLeftSpacing,
-        yAxisTopSpacing,
-        yAxisRightSpacing,
-        yAxisBottomSpacing,
-    });
-    /**
-     * Calculate the Y coordinates for the line chart.
-     */
-    const yCoordinates = getYCoordinates({
-        canvasHeight: safeCanvasHeight,
-        canvasWidth: safeCanvasWidth,
-        customBreakAxis: Number(customBreakYAxis),
-        lineChartXPosition,
-        lineChartYPosition,
-        xAxisLeftSpacing,
-        xAxisTopSpacing,
-        xAxisRightSpacing,
-        xAxisBottomSpacing,
-        yAxisLeftSpacing,
-        yAxisTopSpacing,
-        yAxisRightSpacing,
-        yAxisBottomSpacing,
-    });
-    const { error: xCoordinatesError } = validateXCoordinates({ xCoordinates, addError });
-    if (!error && xCoordinatesError) {
-        error = xCoordinatesError;
-    }
-    const { error: yCoordinatesError } = validateYCoordinates({ yCoordinates, addError });
-    if (!error && yCoordinatesError) {
-        error = yCoordinatesError;
-    }
-    const baseContext = {
-        addError,
-        crossXAxis,
-        crossYAxis,
-        xAxisLeftSpacing,
-        xAxisTopSpacing,
-        xAxisRightSpacing,
-        xAxisBottomSpacing,
-        yAxisLeftSpacing,
-        yAxisTopSpacing,
-        yAxisRightSpacing,
-        yAxisBottomSpacing,
-        xAxisCoordinates: {
-            coordinates: xCoordinates,
-            tickValues: xTickValues ||
-                (error
-                    ? [
-                        {
-                            position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
-                            value: LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST,
-                        },
-                        { position: safeCanvasWidth, value: LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND },
-                    ]
-                    : []),
-        },
-        xAxisText,
-        yAxisCoordinates: {
-            coordinates: yCoordinates,
-            tickValues: yTickValues ||
-                (error
-                    ? [
-                        { position: safeCanvasHeight, value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST },
-                        {
-                            position: BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,
-                            value: SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND,
-                        },
-                    ]
-                    : []),
-        },
-        yAxisText,
-    };
-    // Add error only if it exists
-    if (error) {
-        return {
-            ...baseContext,
-            error: { ...error, type: ErrorType.LINE_CHART_CONTEXT_ERROR },
-        };
-    }
-    return baseContext;
-};
+const e=require(`../../../types/errors.type.js`),t=require(`../../../types/position.enum.js`),n=require(`../../../utils/getPoints/getPoints.js`),r=require(`../../constants/chartDefaults.js`),i=require(`../utils/getCoordinates.js`),a=require(`../utils/getExtraSpacing.js`),o=require(`../utils/getTicks.js`),s=require(`../utils/validations.js`);exports.buildLineContextValue=({addError:c,canvasHeight:l,canvasWidth:u,children:d,data:f,viewBox:p,xKey:m})=>{let h,{error:g}=s.validateData({data:f,addError:c});g&&(h=g);let{error:_}=s.validateCanvasDimensions({canvasWidth:u,canvasHeight:l,addError:c});_&&(h=_);let v=f&&f.length>0?f:[{[m]:r.LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST,y:r.LINE_CHART_FALLBACK_DATA.FALLBACK_Y_FIRST},{[m]:r.LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND,y:r.LINE_CHART_FALLBACK_DATA.FALLBACK_Y_SECOND}],y=u>0?u:r.CHART_CANVAS_DEFAULTS.SAFE_WIDTH,b=l>0?l:r.CHART_CANVAS_DEFAULTS.SAFE_HEIGHT,{xAxisLeftSpacing:x,xAxisTopSpacing:S,xAxisRightSpacing:C,xAxisBottomSpacing:w,yAxisLeftSpacing:T,yAxisTopSpacing:E,yAxisRightSpacing:D,yAxisBottomSpacing:O,lineChartXPosition:k,lineChartYPosition:A,xAxisText:j,xBreakAxis:M,xData:N,yAxisText:P,yBreakAxis:F,yData:I}=a.getExtraSpacing({canvasHeight:b,canvasWidth:y,children:d,data:v,viewBox:p,xKey:m}),L=o.getXTicks({tickValues:N,maxSpaceAvailable:y,xAxisLeftSpacing:x,xAxisRightSpacing:C,yAxisLeftSpacing:T,yAxisRightSpacing:D}),{error:R}=s.validateXTickValues({xTickValues:L,addError:c});!h&&R&&(h=R);let z=o.getYTicks({maxSpaceAvailable:b,tickValues:I,xAxisTopSpacing:S,xAxisBottomSpacing:w,yAxisTopSpacing:E,yAxisBottomSpacing:O}),{error:B}=s.validateYTickValues({yTickValues:z,addError:c});!h&&B&&(h=B);let V=k!==t.Positions.TOP&&k!==t.Positions.BOTTOM,H=A!==t.Positions.LEFT&&A!==t.Positions.RIGHT,U=V?n.getPoints(z||[],[String(M)])[0]:r.BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,W=H?n.getPoints(L||[],[String(F)])[0]:r.BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,G=i.getXCoordinates({canvasHeight:b,canvasWidth:y,customBreakAxis:Number(U),lineChartXPosition:k,lineChartYPosition:A,xAxisLeftSpacing:x,xAxisTopSpacing:S,xAxisRightSpacing:C,xAxisBottomSpacing:w,yAxisLeftSpacing:T,yAxisTopSpacing:E,yAxisRightSpacing:D,yAxisBottomSpacing:O}),K=i.getYCoordinates({canvasHeight:b,canvasWidth:y,customBreakAxis:Number(W),lineChartXPosition:k,lineChartYPosition:A,xAxisLeftSpacing:x,xAxisTopSpacing:S,xAxisRightSpacing:C,xAxisBottomSpacing:w,yAxisLeftSpacing:T,yAxisTopSpacing:E,yAxisRightSpacing:D,yAxisBottomSpacing:O}),{error:q}=s.validateXCoordinates({xCoordinates:G,addError:c});!h&&q&&(h=q);let{error:J}=s.validateYCoordinates({yCoordinates:K,addError:c});!h&&J&&(h=J);let Y={addError:c,crossXAxis:V,crossYAxis:H,xAxisLeftSpacing:x,xAxisTopSpacing:S,xAxisRightSpacing:C,xAxisBottomSpacing:w,yAxisLeftSpacing:T,yAxisTopSpacing:E,yAxisRightSpacing:D,yAxisBottomSpacing:O,xAxisCoordinates:{coordinates:G,tickValues:L||(h?[{position:r.BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,value:r.LINE_CHART_FALLBACK_DATA.FALLBACK_X_FIRST},{position:y,value:r.LINE_CHART_FALLBACK_DATA.FALLBACK_X_SECOND}]:[])},xAxisText:j,yAxisCoordinates:{coordinates:K,tickValues:z||(h?[{position:b,value:r.SHARED_FALLBACK_DATA.FALLBACK_PKEY_FIRST},{position:r.BREAK_AXIS_DEFAULTS.DEFAULT_BREAK_VALUE,value:r.SHARED_FALLBACK_DATA.FALLBACK_PKEY_SECOND}]:[])},yAxisText:P};return h?{...Y,error:{...h,type:e.ErrorType.LINE_CHART_CONTEXT_ERROR}}:Y};

package/dist/cjs/charts/lineChart/context/lineChartContext.js

@@ -1,2 +1 @@
-import { createContext } from 'react';
-export const LineChartContext = createContext({});
+const e=(0,require(`react`).createContext)({});exports.LineChartContext=e;

package/dist/cjs/charts/lineChart/fragments/lineChartPath2.js

@@ -0,0 +1 @@
+const e=require(`../../../utils/buildErrors/buildErrors.js`),t=require(`../../../utils/getPoints/getPoints.js`),n=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),r=require(`../hook/useIndicator.js`),i=require(`../../../components/node/node.js`),a=require(`../../../components/path/path2.js`),o=require(`../../../components/line/line.js`),s=require(`../context/lineChartContext.js`),c=require(`../utils/findSurroundingNumber.js`),l=require(`../utils/getPathData.js`),u=require(`../utils/handleNodesFocus.js`);;/* empty css               */const d=require(`./lineChartProjection.js`);let f=require(`react`),p=require(`react/jsx-runtime`);var m=(e,t)=>e.map(e=>e[t]);exports.LineChartPath=({ariaLabel:h,closestClick:g,curved:_,getNodeFocusInfo:v,getNodesCoords:y,indicatorConfig:b,lineProjection:x,onClick:S,...C})=>{let{addError:w,xAxisCoordinates:T,yAxisCoordinates:E,...D}=(0,f.useContext)(s.LineChartContext),O=C.dataKey,k=D.data.length>0,A=D.data[0],j=A?Object.prototype.hasOwnProperty.call(A,O):!1,M=D.data.length;(0,f.useEffect)(()=>{if(!O||typeof O!=`string`){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_INVALID_DATAKEY)});return}if(k&&!j){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildDataKeyNotFoundError(O)});return}if(_&&M<2){w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_INSUFFICIENT_POINTS)});return}let t=m(D.data,O);t.length>0&&t.every(e=>e==null)&&w?.(`LINE_CHART_PATH_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_PATH_ALL_VALUES_NULL)})},[w,_,O,M,k,j,D.data]);let{indicatorRef:N,pathRef:P}=r.useIndicator(D.xCursor,!!b),F=!!b&&D.xCursor!==-1/0,I=(0,f.useRef)(null),L=(0,f.useRef)(null),{autoClick:R,lineIndicator:z,...B}=b||{},{y1:V,y2:H}=E.coordinates,{x1:U,x2:W}=T.coordinates,G=D.xCursor>=U&&D.xCursor<=W,{tickValues:K}=T,{tickValues:q}=E,J=m(D.data,D.xKey),Y=m(D.data,O),X=t.getPoints(K,J,!0),Z=t.getPoints(q,Y),Q=X.map((e,t)=>[e,Z[t]]),$=l.getPathData({curved:_,extendToBottom:!1,points:Q,svgHeight:E.coordinates.y2}),ee=l.getPathData({curved:_,extendToBottom:!!C.fill||!!C.gradient,points:Q,svgHeight:E.coordinates.y2});(0,f.useEffect)(()=>{if(!I.current?.path)return;P.current=I.current.path;let e=I.current.main,t=I.current.node,{mount:n,unmount:r}=u.handleNodesFocus({data:J.map((e,t)=>({x:e,y:Y[t]})),getNodeFocusInfo:v,nodes:t,ref:e});return n(),()=>r()},[]),(0,f.useEffect)(()=>{if(C.nodeConfig&&F&&R){let{idx:e,match:t}=c.findSurroundingNumber(X,D.xCursor);if(t&&e!==L.current){L.current=e;let t=new MouseEvent(`click`,{bubbles:!0});t.autoClick=!0,I.current?.node?.[e]?.dispatchEvent(t),navigator?.vibrate?.(200)}else L.current=null}},[D.xCursor]),(0,f.useEffect)(()=>{y?.(Q)},[Q]);let te=e=>{if(S?.(e),g){let e=c.findClosestNumber(X,D.xCursor),t=new MouseEvent(`click`,{bubbles:!0});t.autoClick=!1,I.current?.node?.[e]?.dispatchEvent(t)}},ne=n.pickCustomAttributes(C),re={...C,...ne,...h&&{"aria-label":h}};return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.Path,{ref:I,d:$,dFill:ee,dataTestId:`${D.dataTestId}path`,dataValue:D.data,points:Q,xKey:D.xKey,onClick:te,...re}),x&&(0,p.jsx)(d.LineChartProjection,{curved:_,dataKey:C.dataKey,lineProjection:x,points:Q,svgHeight:E.coordinates.y2}),F&&(0,p.jsxs)(p.Fragment,{children:[!!z&&G&&(0,p.jsx)(o.Line,{...z,className:`pointer-events-none`,x1:D.xCursor,x2:D.xCursor,y1:V,y2:H}),(0,p.jsx)(`g`,{ref:N,className:`pointer-events-none`,children:(0,p.jsx)(i.Node,{...B})})]})]})};

package/dist/cjs/charts/lineChart/fragments/lineChartProjection.js

@@ -1,65 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect } from 'react';
-import { buildProjectionBoundsError, buildProjectionXOutOfRangeError, buildProjectionYOutOfRangeError, } from '../../../utils/buildErrors/charts/buildLineChartErrors';
-import { LineChartContext } from '../context/lineChartContext';
-import { getProjection } from '../utils/getProjection';
-import './lineChartPath.css';
-export const LineChartProjection = ({ curved, lineProjection, points, svgHeight, }) => {
-    const { addError } = useContext(LineChartContext);
-    const { lower, shapeColor, upper } = lineProjection;
-    const { xProjection: xUp, yProjection: yUp, ...upperProps } = upper || {};
-    const { xProjection: xDw, yProjection: yDw, ...lowerProps } = lower || {};
-    const upperProjection = xUp || yUp ? { x: xUp, y: yUp } : undefined;
-    const lowerProjection = xDw || yDw ? { x: xDw, y: yDw } : undefined;
-    // Extract values for stable dependencies
-    const upperY = upperProjection?.y;
-    const lowerY = lowerProjection?.y;
-    const upperX = upperProjection?.x;
-    const lowerX = lowerProjection?.x;
-    // Projection error validations
-    useEffect(() => {
-        // Invalid projection bounds - upper/lower overlap
-        if (upperProjection && lowerProjection) {
-            const upperYVal = upperY || 0;
-            const lowerYVal = lowerY || 0;
-            if (upperYVal >= lowerYVal) {
-                addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionBoundsError(upperYVal, lowerYVal),
-                });
-            }
-        }
-        // Projection coordinates outside chart area
-        if (upperProjection) {
-            if (upperX !== undefined && (upperX < 0 || upperX > 100)) {
-                addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionXOutOfRangeError(upperX, true),
-                });
-            }
-            if (upperY !== undefined && (upperY < 0 || upperY > svgHeight)) {
-                addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionYOutOfRangeError(upperY, svgHeight, true),
-                });
-            }
-        }
-        if (lowerProjection) {
-            if (lowerX !== undefined && (lowerX < 0 || lowerX > 100)) {
-                addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionXOutOfRangeError(lowerX, false),
-                });
-            }
-            if (lowerY !== undefined && (lowerY < 0 || lowerY > svgHeight)) {
-                addError?.('LINE_CHART_PROJECTION_ERROR', {
-                    error: buildProjectionYOutOfRangeError(lowerY, svgHeight, false),
-                });
-            }
-        }
-    }, [lowerProjection, lowerX, lowerY, svgHeight, upperProjection, upperX, upperY]);
-    const { downPath, shapePath, upPath } = getProjection({
-        curved,
-        lowerProjection,
-        points,
-        svgHeight,
-        upperProjection,
-    });
-    return (_jsxs("g", { className: "pointer-events-none", children: [_jsx("path", { d: shapePath, fill: shapeColor, stroke: "transparent", strokeWidth: "0.1" }), ";", upPath && _jsx("path", { d: upPath, ...upperProps }), downPath && _jsx("path", { d: downPath, ...lowerProps })] }));
-};
+const e=require(`../context/lineChartContext.js`);;/* empty css               */const t=require(`../../../utils/buildErrors/charts/buildLineChartErrors.js`),n=require(`../utils/getProjection.js`);let r=require(`react`),i=require(`react/jsx-runtime`);exports.LineChartProjection=({curved:a,lineProjection:o,points:s,svgHeight:c})=>{let{addError:l}=(0,r.useContext)(e.LineChartContext),{lower:u,shapeColor:d,upper:f}=o,{xProjection:p,yProjection:m,...h}=f||{},{xProjection:g,yProjection:_,...v}=u||{},y=p||m?{x:p,y:m}:void 0,b=g||_?{x:g,y:_}:void 0,x=y?.y,S=b?.y,C=y?.x,w=b?.x;(0,r.useEffect)(()=>{if(y&&b){let e=x||0,n=S||0;e>=n&&l?.(`LINE_CHART_PROJECTION_ERROR`,{error:t.buildProjectionBoundsError(e,n)})}y&&(C!==void 0&&(C<0||C>100)&&l?.(`LINE_CHART_PROJECTION_ERROR`,{error:t.buildProjectionXOutOfRangeError(C,!0)}),x!==void 0&&(x<0||x>c)&&l?.(`LINE_CHART_PROJECTION_ERROR`,{error:t.buildProjectionYOutOfRangeError(x,c,!0)})),b&&(w!==void 0&&(w<0||w>100)&&l?.(`LINE_CHART_PROJECTION_ERROR`,{error:t.buildProjectionXOutOfRangeError(w,!1)}),S!==void 0&&(S<0||S>c)&&l?.(`LINE_CHART_PROJECTION_ERROR`,{error:t.buildProjectionYOutOfRangeError(S,c,!1)}))},[b,w,S,c,y,C,x]);let{downPath:T,shapePath:E,upPath:D}=n.getProjection({curved:a,lowerProjection:b,points:s,svgHeight:c,upperProjection:y});return(0,i.jsxs)(`g`,{className:`pointer-events-none`,children:[(0,i.jsx)(`path`,{d:E,fill:d,stroke:`transparent`,strokeWidth:`0.1`}),`;`,D&&(0,i.jsx)(`path`,{d:D,...h}),T&&(0,i.jsx)(`path`,{d:T,...v})]})};

package/dist/cjs/charts/lineChart/fragments/lineChartSeparator.js

@@ -1,84 +1 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect } from 'react';
-import { BuildError, buildError, buildSeparatorXBreakAxisError, buildSeparatorXOutOfRangeError, buildSeparatorYBreakAxisError, buildSeparatorYOutOfRangeError, } from '../../../utils/buildErrors/buildErrors';
-import { getPoints } from '../../../utils/getPoints/getPoints';
-import { LineChartContext } from '../context/lineChartContext';
-export const LineChartSeparator = ({ areaSeparator, dataTestId, rightSeparator, topSeparator, xBreakAxis, yBreakAxis, }) => {
-    const { addError, crossXAxis, crossYAxis, xAxisCoordinates, yAxisCoordinates } = useContext(LineChartContext);
-    // Extract tick values for stable dependencies
-    const xTickValues = xAxisCoordinates.tickValues;
-    const yTickValues = yAxisCoordinates.tickValues;
-    // Pre-calculate numeric values for dependencies
-    const xBreakNumeric = xBreakAxis !== undefined
-        ? typeof xBreakAxis === 'string'
-            ? parseFloat(xBreakAxis)
-            : xBreakAxis
-        : undefined;
-    const yBreakNumeric = yBreakAxis !== undefined
-        ? typeof yBreakAxis === 'string'
-            ? parseFloat(yBreakAxis)
-            : yBreakAxis
-        : undefined;
-    // Separator error validations
-    useEffect(() => {
-        // xBreakAxis validation
-        if (xBreakAxis !== undefined) {
-            const xValues = xTickValues.map(tick => tick.value);
-            if (xBreakNumeric === undefined || isNaN(xBreakNumeric)) {
-                addError?.('LINE_CHART_SEPARATOR_ERROR', {
-                    error: buildSeparatorXBreakAxisError(xBreakAxis),
-                });
-            }
-            else {
-                const minX = Math.min(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
-                const maxX = Math.max(...xValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
-                if (xBreakNumeric < minX || xBreakNumeric > maxX) {
-                    addError?.('LINE_CHART_SEPARATOR_ERROR', {
-                        error: buildSeparatorXOutOfRangeError(xBreakNumeric, minX, maxX),
-                    });
-                }
-            }
-        }
-        // yBreakAxis validation
-        if (yBreakAxis !== undefined) {
-            const yValues = yTickValues.map(tick => tick.value);
-            if (yBreakNumeric === undefined || isNaN(yBreakNumeric)) {
-                addError?.('LINE_CHART_SEPARATOR_ERROR', {
-                    error: buildSeparatorYBreakAxisError(yBreakAxis),
-                });
-            }
-            else {
-                const minY = Math.min(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
-                const maxY = Math.max(...yValues.map(v => (typeof v === 'string' ? parseFloat(v) : v)));
-                if (yBreakNumeric < minY || yBreakNumeric > maxY) {
-                    addError?.('LINE_CHART_SEPARATOR_ERROR', {
-                        error: buildSeparatorYOutOfRangeError(yBreakNumeric, minY, maxY),
-                    });
-                }
-            }
-        }
-    }, [xBreakAxis, xBreakNumeric, xTickValues, yBreakAxis, yBreakNumeric, yTickValues]);
-    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;
-    // Separator positioning validation
-    useEffect(() => {
-        if (xStart === xEnd && yStart === yEnd) {
-            addError?.('LINE_CHART_SEPARATOR_ERROR', {
-                error: buildError(BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES),
-            });
-        }
-    }, [xStart, xEnd, yStart, yEnd]);
-    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 })] }));
-};
+const e=require(`../../../utils/buildErrors/buildErrors.js`),t=require(`../../../utils/getPoints/getPoints.js`),n=require(`../context/lineChartContext.js`);let r=require(`react`),i=require(`react/jsx-runtime`);exports.LineChartSeparator=({areaSeparator:a,dataTestId:o,rightSeparator:s,topSeparator:c,xBreakAxis:l,yBreakAxis:u})=>{let{addError:d,crossXAxis:f,crossYAxis:p,xAxisCoordinates:m,yAxisCoordinates:h}=(0,r.useContext)(n.LineChartContext),g=m.tickValues,_=h.tickValues,v=l===void 0?void 0:typeof l==`string`?parseFloat(l):l,y=u===void 0?void 0:typeof u==`string`?parseFloat(u):u;if((0,r.useEffect)(()=>{if(l!==void 0){let t=g.map(e=>e.value);if(v===void 0||isNaN(v))d?.(`LINE_CHART_SEPARATOR_ERROR`,{error:e.buildSeparatorXBreakAxisError(l)});else{let n=Math.min(...t.map(e=>typeof e==`string`?parseFloat(e):e)),r=Math.max(...t.map(e=>typeof e==`string`?parseFloat(e):e));(v<n||v>r)&&d?.(`LINE_CHART_SEPARATOR_ERROR`,{error:e.buildSeparatorXOutOfRangeError(v,n,r)})}}if(u!==void 0){let t=_.map(e=>e.value);if(y===void 0||isNaN(y))d?.(`LINE_CHART_SEPARATOR_ERROR`,{error:e.buildSeparatorYBreakAxisError(u)});else{let n=Math.min(...t.map(e=>typeof e==`string`?parseFloat(e):e)),r=Math.max(...t.map(e=>typeof e==`string`?parseFloat(e):e));(y<n||y>r)&&d?.(`LINE_CHART_SEPARATOR_ERROR`,{error:e.buildSeparatorYOutOfRangeError(y,n,r)})}}},[l,v,g,u,y,_]),!c&&!s&&!a)return(0,i.jsx)(i.Fragment,{});let b=l&&t.getPoints(m.tickValues,[l],!0)[0],x=u&&t.getPoints(h.tickValues,[u])[0],S=p?h.coordinates.x1:m.coordinates.x2,C=f?m.coordinates.y1:h.coordinates.y1,w=m.coordinates.x1,T=b??S,E=h.coordinates.y2,D=x??C;(0,r.useEffect)(()=>{w===T&&E===D&&d?.(`LINE_CHART_SEPARATOR_ERROR`,{error:e.buildError(e.BuildError.LINE_CHART_SEPARATOR_INVALID_COORDINATES)})},[w,T,E,D]);let O=`M${w} ${E} H ${T} V ${D} H ${w} Z`,k=`M${w} ${D} H ${T}`,A=`M${T} ${E} V ${D}`;return(0,i.jsxs)(`g`,{children:[(0,i.jsx)(`path`,{d:O,"data-testid":`${o}Area`,...a}),(0,i.jsx)(`path`,{d:k,"data-testid":`${o}Top`,...c}),(0,i.jsx)(`path`,{d:A,"data-testid":`${o}Right`,...s})]})};