@kubit-ui-web/react-charts 1.10.0 → 1.11.1

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

@@ -0,0 +1 @@
+const e=(0,require(`react`).createContext)({});exports.CustomBackgroundChartContext=e;

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

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

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

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

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

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

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

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

@@ -1,32 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { XAxis } from '../../../components/axisChart/xAxis/xAxis';
-import { TickDataUtils } from '../../../components/tick/tick.types';
-import { Positions } from '../../../types/position.enum';
-import { getTickTextYCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
-import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
-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 tickValues = tickText
-        ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
-        : undefined;
-    // Extract custom attributes (aria-*, data-*) and handle deprecated ariaLabel
-    const customAttributes = pickCustomAttributes(props);
-    const finalAriaLabel = ariaLabel || props['aria-label'];
-    // Merge all props including custom attributes and ariaLabel precedence
-    const mergedProps = {
-        ...props,
-        ...customAttributes,
-        ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
-    };
-    return (_jsx(XAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: xCursor, dataTestId: `${context.dataTestId}xAxis`, tickLine: {
-            ...tickLine,
-            y1: context.yAxisCoordinates.coordinates.y1,
-            y2: context.yAxisCoordinates.coordinates.y2,
-        }, tickText: {
-            ...tickText,
-            y: tickTextY,
-        }, tickValues: tickValues }));
-};
+const e=require(`../../../types/position.enum.js`),t=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),n=require(`../../../components/axisChart/xAxis/xAxis.js`),r=require(`../../../utils/getTickTextCoordinate/getTickTextCoordinates.js`),i=require(`../context/lineChartContext.js`),a=require(`../../../components/tick/tick.types.js`);let o=require(`react`),s=require(`react/jsx-runtime`);exports.LineChartXAxis=({ariaLabel:c,position:l=e.Positions.BOTTOM,tickLine:u,tickText:d,valueFormatter:f=e=>e,...p})=>{let{xAxisCoordinates:{coordinates:m,tickValues:h},xCursor:g,..._}=(0,o.useContext)(i.LineChartContext),v=r.getTickTextYCoordinate(l,m.y1,Number(d?.fontSize),d?.top??0),y=d?a.TickDataUtils.formatTicksValues(h,f):void 0,b=t.pickCustomAttributes(p),x=c||p[`aria-label`],S={...p,...b,...x&&{"aria-label":x}};return(0,s.jsx)(n.XAxis,{...m,...S,canvasHeight:Number(_.canvasHeight),canvasWidth:Number(_.canvasWidth),cursor:g,dataTestId:`${_.dataTestId}xAxis`,tickLine:{...u,y1:_.yAxisCoordinates.coordinates.y1,y2:_.yAxisCoordinates.coordinates.y2},tickText:{...d,y:v},tickValues:y})};

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

@@ -1,41 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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 { 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 }) => {
-    const { yAxisCoordinates: { coordinates, tickValues: contextTickValues }, yCursor, ...context } = useContext(LineChartContext);
-    // TODO: Currently ignoring props.tickValues and using contextTickValues instead
-    // This means custom tickValues prop has no effect. Implementation needed to:
-    // 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 xTickText = getYAxisTextXCoordinate({
-        tickText,
-        yAxisPosition: position,
-        textWidth: context.yAxisText,
-        yAxisX1: coordinates.x1,
-    });
-    const tickValues = tickText
-        ? TickDataUtils.formatTicksValues(contextTickValues, valueFormatter)
-        : undefined;
-    // Extract custom attributes (aria-*, data-*) and handle deprecated ariaLabel
-    const customAttributes = pickCustomAttributes(props);
-    const finalAriaLabel = ariaLabel || props['aria-label'];
-    // Merge all props including custom attributes and ariaLabel precedence
-    const mergedProps = {
-        ...props,
-        ...customAttributes,
-        ...(finalAriaLabel && { 'aria-label': finalAriaLabel }),
-    };
-    return (_jsx(YAxis, { ...coordinates, ...mergedProps, canvasHeight: Number(context.canvasHeight), canvasWidth: Number(context.canvasWidth), cursor: yCursor, dataTestId: `${context.dataTestId}yAxis`, tickLine: {
-            ...tickLine,
-            x1: context.xAxisCoordinates.coordinates.x1,
-            x2: context.xAxisCoordinates.coordinates.x2,
-        }, tickText: { ...tickText, x: xTickText }, tickValues: tickValues }));
-};
+const e=require(`../../../types/position.enum.js`),t=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),n=require(`../../../components/axisChart/yAxis/yAxis.js`),r=require(`../context/lineChartContext.js`),i=require(`../../../components/tick/tick.types.js`),a=require(`../utils/tickTextPosition.js`);let o=require(`react`),s=require(`react/jsx-runtime`);exports.LineChartYAxis=({ariaLabel:c,position:l=e.Positions.LEFT,tickLine:u,tickText:d,valueFormatter:f=e=>e,...p})=>{let{yAxisCoordinates:{coordinates:m,tickValues:h},yCursor:g,..._}=(0,o.useContext)(r.LineChartContext),v=a.getYAxisTextXCoordinate({tickText:d,yAxisPosition:l,textWidth:_.yAxisText,yAxisX1:m.x1}),y=d?i.TickDataUtils.formatTicksValues(h,f):void 0,b=t.pickCustomAttributes(p),x=c||p[`aria-label`],S={...p,...b,...x&&{"aria-label":x}};return(0,s.jsx)(n.YAxis,{...m,...S,canvasHeight:Number(_.canvasHeight),canvasWidth:Number(_.canvasWidth),cursor:g,dataTestId:`${_.dataTestId}yAxis`,tickLine:{...u,x1:_.xAxisCoordinates.coordinates.x1,x2:_.xAxisCoordinates.coordinates.x2},tickText:{...d,x:v},tickValues:y})};

package/dist/cjs/charts/lineChart/hook/useAutoClick.js

@@ -1,19 +1 @@
-import { useEffect, useImperativeHandle, useRef } from 'react';
-export const useAutoClick = (ref) => {
-    const autoClick = useRef(false);
-    const innerRef = useRef(null);
-    useImperativeHandle(ref, () => innerRef.current, []);
-    const handleClick = (e) => {
-        autoClick.current = !!e.autoClick;
-    };
-    useEffect(() => {
-        if (!innerRef.current) {
-            return;
-        }
-        const element = innerRef.current;
-        element.addEventListener('click', handleClick);
-        // eslint-disable-next-line consistent-return
-        return () => element.removeEventListener('click', handleClick);
-    }, []);
-    return [innerRef, autoClick];
-};
+let e=require(`react`);exports.useAutoClick=t=>{let n=(0,e.useRef)(!1),r=(0,e.useRef)(null);(0,e.useImperativeHandle)(t,()=>r.current,[]);let i=e=>{n.current=!!e.autoClick};return(0,e.useEffect)(()=>{if(!r.current)return;let e=r.current;return e.addEventListener(`click`,i),()=>e.removeEventListener(`click`,i)},[]),[r,n]};

package/dist/cjs/charts/lineChart/hook/useHover.js

@@ -1,30 +1 @@
-import { useCallback, useState } from 'react';
-const outRange = -Infinity;
-export const useHover = ({ canvasHeight, canvasWidth }) => {
-    const [[xCursor, yCursor], setCursor] = useState([outRange, outRange]);
-    const getCursor = useCallback((e, node) => {
-        const { height, left, top, width } = node.getBoundingClientRect();
-        // get the x and y position of the mouse
-        const x = e.clientX - left;
-        const y = e.clientY - top;
-        // scale the x and y to the canvas size
-        const xPosition = (x * canvasWidth) / width;
-        const yPosition = (y * canvasHeight) / height;
-        // save the positions
-        setCursor([xPosition, yPosition]);
-    }, [canvasWidth, canvasHeight]);
-    const startTouch = (e) => {
-        e.preventDefault();
-    };
-    const svgRef = useCallback((node) => {
-        if (node) {
-            node.addEventListener('touchstart', startTouch);
-            node.addEventListener('touchmove', e => getCursor(e.touches[0], node));
-            node.addEventListener('mousemove', e => getCursor(e, node));
-        }
-        node?.removeEventListener('touchstart', startTouch);
-        node?.removeEventListener('touchmove', e => getCursor(e.touches[0], node));
-        node?.removeEventListener('mousemove', e => getCursor(e, node));
-    }, [canvasHeight, canvasWidth]);
-    return { svgRef, xCursor, yCursor };
-};
+let e=require(`react`);var t=-1/0;exports.useHover=({canvasHeight:n,canvasWidth:r})=>{let[[i,a],o]=(0,e.useState)([t,t]),s=(0,e.useCallback)((e,t)=>{let{height:i,left:a,top:s,width:c}=t.getBoundingClientRect(),l=e.clientX-a,u=e.clientY-s;o([l*r/c,u*n/i])},[r,n]),c=e=>{e.preventDefault()};return{svgRef:(0,e.useCallback)(e=>{e&&(e.addEventListener(`touchstart`,c),e.addEventListener(`touchmove`,t=>s(t.touches[0],e)),e.addEventListener(`mousemove`,t=>s(t,e))),e?.removeEventListener(`touchstart`,c),e?.removeEventListener(`touchmove`,t=>s(t.touches[0],e)),e?.removeEventListener(`mousemove`,t=>s(t,e))},[n,r]),xCursor:i,yCursor:a}};