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

package/dist/cjs/charts/lineChart/utils/getPathData.js

@@ -1,33 +1 @@
-/**
- * Generates SVG path data from an array of points.
- * @param points - An array of points, where each point is an array of two numbers representing the x and y coordinates.
- * @param curved - A boolean indicating whether the path should be a cubic Bezier curve (true) or a straight line (false). Defaults to false.
- * @param svgWidth - The width of the SVG container.
- * @param svgHeight - The height of the SVG container.
- * @param extendToBottom - A boolean indicating whether the path should extend to the bottom of the SVG container. Defaults to false.
- * @returns The SVG path data as a string.
- */
-export const getPathData = ({ curved = false, extendToBottom = false, points, svgHeight, }) => {
-    if (points.length === 0) {
-        return '';
-    }
-    const [firstPoint, ...remainingPoints] = points;
-    let pathData = `M ${firstPoint[0]} ${firstPoint[1]}`;
-    if (curved) {
-        pathData += remainingPoints.reduce((data, point, i) => {
-            const [x1, y1] = points[i];
-            const [x2, y2] = point;
-            const dx = (x2 - x1) * 0.3;
-            const controlPoint1 = [x1 + dx, y1];
-            const controlPoint2 = [x2 - dx, y2];
-            return `${data} C ${controlPoint1[0]} ${controlPoint1[1]}, ${controlPoint2[0]} ${controlPoint2[1]}, ${x2} ${y2}`;
-        }, '');
-    }
-    else {
-        pathData += remainingPoints.reduce((data, point) => `${data} L ${point[0]} ${point[1]}`, '');
-    }
-    if (extendToBottom) {
-        pathData += ` L ${remainingPoints[remainingPoints.length - 1][0]} ${svgHeight} L ${firstPoint[0]} ${svgHeight} Z`;
-    }
-    return pathData;
-};
+exports.getPathData=({curved:e=!1,extendToBottom:t=!1,points:n,svgHeight:r})=>{if(n.length===0)return``;let[i,...a]=n,o=`M ${i[0]} ${i[1]}`;return e?o+=a.reduce((e,t,r)=>{let[i,a]=n[r],[o,s]=t,c=(o-i)*.3,l=[i+c,a],u=[o-c,s];return`${e} C ${l[0]} ${l[1]}, ${u[0]} ${u[1]}, ${o} ${s}`},``):o+=a.reduce((e,t)=>`${e} L ${t[0]} ${t[1]}`,``),t&&(o+=` L ${a[a.length-1][0]} ${r} L ${i[0]} ${r} Z`),o};

package/dist/cjs/charts/lineChart/utils/getProjection.js

@@ -1,105 +1 @@
-const addXProjection = (point, projection) => {
-    if (!projection) {
-        return point;
-    }
-    const isNegative = projection < 0;
-    const diff = Math.abs(projection);
-    const pointDiff = (point * diff) / 100;
-    return isNegative ? point - pointDiff : point + pointDiff;
-};
-const addYProjection = (point, svgHeight, projection) => {
-    if (!projection) {
-        return point;
-    }
-    const isNegative = projection < 0;
-    const diff = Math.abs(projection);
-    const ref = point === 0 ? svgHeight : point;
-    const pointDiff = (ref * diff) / 100;
-    return isNegative ? point + pointDiff : point - pointDiff;
-};
-/**
- * Generates the SVG path data for a line chart with optional upper and lower projections.
- *
- * @param {Object} params - The parameters for generating the projection.
- * @param {PointType[]} params.points - The data points for the line chart.
- * @param {boolean} params.curved - Whether the line should be curved.
- * @param {number} params.svgHeight - The height of the SVG element.
- * @param {ProjectionType} [params.upperProjection] - The upper projection data.
- * @param {ProjectionType} [params.lowerProjection] - The lower projection data.
- * @returns {GetProjectionReturnType} The generated SVG path data.
- */
-export const getProjection = ({ curved, lowerProjection, points, svgHeight, upperProjection, }) => {
-    const hasProjections = upperProjection || lowerProjection;
-    if (points.length === 0 && !hasProjections) {
-        return { shapePath: '' };
-    }
-    const [firstPoint, ...remainingPoints] = points;
-    const startPath = `M ${firstPoint[0]} ${firstPoint[1]}`;
-    let shapePath = startPath;
-    let upPath = upperProjection ? startPath : undefined;
-    let downPath = lowerProjection ? startPath : undefined;
-    const upperData = [];
-    const lowerData = [];
-    remainingPoints.forEach(([x, y]) => {
-        const lineUp = upperProjection
-            ? [addXProjection(x, upperProjection.x), addYProjection(y, svgHeight, upperProjection.y)]
-            : [x, y];
-        const lineDown = lowerProjection
-            ? [
-                addXProjection(x, -(lowerProjection.x ?? 0)),
-                addYProjection(y, svgHeight, -(lowerProjection.y ?? 0)),
-            ]
-            : [x, y];
-        upperData.push(lineUp);
-        lowerData.push(lineDown);
-    });
-    const hasAllProjections = upperProjection && lowerProjection;
-    const combinedData = hasAllProjections
-        ? [...upperData, remainingPoints.at(-1), ...lowerData.reverse(), firstPoint]
-        : [...upperData, ...lowerData.reverse(), firstPoint];
-    if (curved) {
-        shapePath += combinedData.reduce((data, point, i) => {
-            const start = i === 0 ? firstPoint : combinedData[i - 1];
-            const [x1, y1] = start;
-            const [x2, y2] = point;
-            const dx = (x2 - x1) * 0.3;
-            const controlPoint1 = [x1 + dx, y1];
-            const controlPoint2 = [x2 - dx, y2];
-            return `${data} C ${controlPoint1[0]} ${controlPoint1[1]}, ${controlPoint2[0]} ${controlPoint2[1]}, ${x2} ${y2}`;
-        }, '');
-        if (upPath) {
-            upPath += upperData.reduce((data, point, i) => {
-                const start = i === 0 ? firstPoint : upperData[i - 1];
-                const [x1, y1] = start;
-                const [x2, y2] = point;
-                const dx = (x2 - x1) * 0.3;
-                const controlPoint1 = [x1 + dx, y1];
-                const controlPoint2 = [x2 - dx, y2];
-                return `${data} C ${controlPoint1[0]} ${controlPoint1[1]}, ${controlPoint2[0]} ${controlPoint2[1]}, ${x2} ${y2}`;
-            }, '');
-        }
-        if (downPath) {
-            downPath += lowerData.reverse().reduce((data, point, i) => {
-                const start = i === 0 ? firstPoint : lowerData[i - 1];
-                const [x1, y1] = start;
-                const [x2, y2] = point;
-                const dx = (x2 - x1) * 0.3;
-                const controlPoint1 = [x1 + dx, y1];
-                const controlPoint2 = [x2 - dx, y2];
-                return `${data} C ${controlPoint1[0]} ${controlPoint1[1]}, ${controlPoint2[0]} ${controlPoint2[1]}, ${x2} ${y2}`;
-            }, '');
-        }
-    }
-    else {
-        shapePath += combinedData.reduce((data, point) => `${data} L ${point?.[0]} ${point?.[1]}`, '');
-        if (upPath) {
-            upPath += upperData.reduce((data, point) => `${data} L ${point[0]} ${point[1]}`, '');
-        }
-        if (downPath) {
-            downPath += lowerData
-                .reverse()
-                .reduce((data, point) => `${data} L ${point[0]} ${point[1]}`, '');
-        }
-    }
-    return { downPath, shapePath, upPath };
-};
+var e=(e,t)=>{if(!t)return e;let n=t<0,r=e*Math.abs(t)/100;return n?e-r:e+r},t=(e,t,n)=>{if(!n)return e;let r=n<0,i=(e===0?t:e)*Math.abs(n)/100;return r?e+i:e-i};exports.getProjection=({curved:n,lowerProjection:r,points:i,svgHeight:a,upperProjection:o})=>{if(i.length===0&&!(o||r))return{shapePath:``};let[s,...c]=i,l=`M ${s[0]} ${s[1]}`,u=l,d=o?l:void 0,f=r?l:void 0,p=[],m=[];c.forEach(([n,i])=>{let s=o?[e(n,o.x),t(i,a,o.y)]:[n,i],c=r?[e(n,-(r.x??0)),t(i,a,-(r.y??0))]:[n,i];p.push(s),m.push(c)});let h=o&&r?[...p,c.at(-1),...m.reverse(),s]:[...p,...m.reverse(),s];return n?(u+=h.reduce((e,t,n)=>{let[r,i]=n===0?s:h[n-1],[a,o]=t,c=(a-r)*.3,l=[r+c,i],u=[a-c,o];return`${e} C ${l[0]} ${l[1]}, ${u[0]} ${u[1]}, ${a} ${o}`},``),d&&(d+=p.reduce((e,t,n)=>{let[r,i]=n===0?s:p[n-1],[a,o]=t,c=(a-r)*.3,l=[r+c,i],u=[a-c,o];return`${e} C ${l[0]} ${l[1]}, ${u[0]} ${u[1]}, ${a} ${o}`},``)),f&&(f+=m.reverse().reduce((e,t,n)=>{let[r,i]=n===0?s:m[n-1],[a,o]=t,c=(a-r)*.3,l=[r+c,i],u=[a-c,o];return`${e} C ${l[0]} ${l[1]}, ${u[0]} ${u[1]}, ${a} ${o}`},``))):(u+=h.reduce((e,t)=>`${e} L ${t?.[0]} ${t?.[1]}`,``),d&&(d+=p.reduce((e,t)=>`${e} L ${t[0]} ${t[1]}`,``)),f&&(f+=m.reverse().reduce((e,t)=>`${e} L ${t[0]} ${t[1]}`,``))),{downPath:f,shapePath:u,upPath:d}};

package/dist/cjs/charts/lineChart/utils/getRoundedMaxValue.js

@@ -1,25 +1 @@
-/**
- * Extracts the maximum value from the data points that do not correspond to the provided key.
- * The maximum value is rounded up to the nearest multiple of 10.
- * @param data - The data points.
- * @param key - The key to exclude in the data.
- * @returns The rounded maximum value.
- */
-export const getRoundedMaxValue = (data, key) => {
-    const values = data.flatMap(point => Object.keys(point)
-        .filter(k => k !== key && typeof point[k] === 'number')
-        .map(k => point[k]));
-    const maxNumber = Math.max(...values);
-    return Math.ceil(maxNumber / 10) * 10;
-};
-/**
- * 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 getYKeyRoundMaxValue = (data, xKey) => {
-    return data.flatMap(point => Object.keys(point)
-        .filter(k => k !== xKey && typeof point[k] === 'number')
-        .map(k => point[k]));
-};
+exports.getYKeyRoundMaxValue=(e,t)=>e.flatMap(e=>Object.keys(e).filter(n=>n!==t&&typeof e[n]==`number`).map(t=>e[t]));

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

@@ -1,36 +1 @@
-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;
-};
+exports.getXTicks=({tickValues:e,maxSpaceAvailable:t,xAxisLeftSpacing:n,xAxisRightSpacing:r,yAxisLeftSpacing:i,yAxisRightSpacing:a})=>{let o=Math.max(i,n),s=t-Math.max(r,a);if(e.length<=1)return[{position:o,value:e[0]}];let c=(s-o)/(e.length-1);return e.map((e,t)=>({position:o+c*t,value:e}))},exports.getYTicks=({maxSpaceAvailable:e,tickValues:t,xAxisTopSpacing:n,xAxisBottomSpacing:r,yAxisTopSpacing:i,yAxisBottomSpacing:a})=>{let o=e-Math.max(r,a),s=Math.max(i,n);if(t.length<=1)return[{position:o,value:t[0]}];let c=(o-s)/(t.length-1);return t.map((e,t)=>({position:o-c*t,value:e}))};

package/dist/cjs/charts/lineChart/utils/handleNodesFocus.js

@@ -1,34 +1 @@
-export const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
-    let currentNode = undefined;
-    const g = ref.querySelector('[data-draw]');
-    const handleKeyDown = (e) => {
-        let newCurrentNode = undefined;
-        if (e.key === 'ArrowRight') {
-            newCurrentNode =
-                currentNode === undefined || currentNode === nodes.length - 1 ? 0 : currentNode + 1;
-        }
-        else if (e.key === 'ArrowLeft') {
-            newCurrentNode =
-                currentNode === undefined || currentNode === 0 ? nodes.length - 1 : currentNode - 1;
-        }
-        if (newCurrentNode !== undefined) {
-            currentNode = newCurrentNode;
-            if (nodes[currentNode]) {
-                nodes[currentNode].focus();
-                getNodeFocusInfo?.(data[currentNode]);
-            }
-        }
-    };
-    const handleFocus = () => {
-        currentNode = undefined;
-    };
-    const mount = () => {
-        g?.addEventListener('focus', handleFocus);
-        ref.addEventListener('keydown', (e) => handleKeyDown(e));
-    };
-    const unmount = () => {
-        g?.removeEventListener('focus', handleFocus);
-        ref.removeEventListener('keydown', (e) => handleKeyDown(e));
-    };
-    return { mount, unmount };
-};
+exports.handleNodesFocus=({data:e,getNodeFocusInfo:t,nodes:n,ref:r})=>{let i,a=r.querySelector(`[data-draw]`),o=r=>{let a;r.key===`ArrowRight`?a=i===void 0||i===n.length-1?0:i+1:r.key===`ArrowLeft`&&(a=i===void 0||i===0?n.length-1:i-1),a!==void 0&&(i=a,n[i]&&(n[i].focus(),t?.(e[i])))},s=()=>{i=void 0};return{mount:()=>{a?.addEventListener(`focus`,s),r.addEventListener(`keydown`,e=>o(e))},unmount:()=>{a?.removeEventListener(`focus`,s),r.removeEventListener(`keydown`,e=>o(e))}}};

package/dist/cjs/charts/lineChart/utils/tickTextPosition.js

@@ -1,109 +1 @@
-import { Positions } from '../../../types/position.enum';
-import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
-import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
-export const getYAxisTextXCoordinate = ({ tickText, yAxisPosition, textWidth, yAxisX1, }) => {
-    if (tickText?.useAxisAsOrigin) {
-        let xTickText = yAxisX1;
-        xTickText += tickText.right ?? 0;
-        xTickText -= tickText.left ?? 0;
-        return xTickText;
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // Maybe it only makes sense when anchor is middle
-    // IMPORTANT: When changing or deleting this logic, review the getYAxisLeftTextSpacing and getYAxisRightTextSpacing functions
-    const textAnchor = tickText?.textAnchor || 'middle';
-    let ajustedSpace = 0;
-    if (yAxisPosition === Positions.RIGHT) {
-        ajustedSpace = tickText?.right ?? 0;
-    }
-    else if (yAxisPosition === Positions.LEFT) {
-        ajustedSpace = tickText?.left ?? 0;
-    }
-    const ajustedText = ajustedTextSpace(textAnchor, textWidth, ajustedSpace);
-    const xTickText = getTickTextXCoordinate(yAxisPosition, yAxisX1, ajustedText);
-    return xTickText;
-};
-export const getYAxisLeftTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.LEFT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = 0;
-        if (textAnchor === 'end') {
-            res = textWidth;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res += tickText.left ?? 0;
-        res -= tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This left spacing is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.left ?? 0;
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return 2 * textWidth + extraSpace;
-    }
-    return textWidth / 2 + extraSpace;
-};
-export const getYAxisRightTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.RIGHT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = textWidth;
-        if (textAnchor === 'end') {
-            res = 0;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res -= tickText.left ?? 0;
-        res += tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This size is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.right ?? 0;
-    if (textAnchor === 'start') {
-        return textWidth;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return textWidth + extraSpace;
-    }
-    return 2 * textWidth - textWidth / 2 + extraSpace;
-};
-export const getXAxisLeftTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
-};
-export const getXAxisRightTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'end') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
-};
+const e=require(`../../../types/position.enum.js`),t=require(`../../../utils/getTickTextCoordinate/getTickTextCoordinates.js`),n=require(`../../../utils/ajustedTextSpace/ajustedTextSpace.js`);exports.getXAxisLeftTextSpacing=({tickText:e,textWidth:t})=>{let n=e?.textAnchor??`start`;return n===`start`?0:n===`middle`?t/2:t},exports.getXAxisRightTextSpacing=({tickText:e,textWidth:t})=>{let n=e?.textAnchor??`start`;return n===`end`?0:n===`middle`?t/2:t},exports.getYAxisLeftTextSpacing=({tickText:t,textWidth:n,yAxisPosition:r})=>{if(r!==e.Positions.LEFT)return 0;if(t?.useAxisAsOrigin){let{textAnchor:e=`start`}=t,r=0;return e===`end`&&(r=n),e===`middle`&&(r=n/2),r+=t.left??0,r-=t.right??0,Math.max(0,r)}let i=t?.textAnchor,a=t?.left??0;return i===`start`?0:i===`middle`?n+a:i===`end`?2*n+a:n/2+a},exports.getYAxisRightTextSpacing=({tickText:t,textWidth:n,yAxisPosition:r})=>{if(r!==e.Positions.RIGHT)return 0;if(t?.useAxisAsOrigin){let{textAnchor:e=`start`}=t,r=n;return e===`end`&&(r=0),e===`middle`&&(r=n/2),r-=t.left??0,r+=t.right??0,Math.max(0,r)}let i=t?.textAnchor,a=t?.right??0;return i===`start`?n:i===`middle`||i===`end`?n+a:2*n-n/2+a},exports.getYAxisTextXCoordinate=({tickText:r,yAxisPosition:i,textWidth:a,yAxisX1:o})=>{if(r?.useAxisAsOrigin){let e=o;return e+=r.right??0,e-=r.left??0,e}let s=r?.textAnchor||`middle`,c=0;return i===e.Positions.RIGHT?c=r?.right??0:i===e.Positions.LEFT&&(c=r?.left??0),t.getTickTextXCoordinate(i,o,n.ajustedTextSpace(s,a,c))};

package/dist/cjs/charts/lineChart/utils/validations.js

@@ -1,117 +1 @@
-import { BuildError, buildCanvasDimensionsError, buildError, } from '../../../utils/buildErrors/buildErrors';
-import { AXIS_VALIDATION } from '../../constants/chartDefaults';
-export const validateData = ({ data, addError }) => {
-    let error = undefined;
-    if (!data || data.length === 0) {
-        const dataError = {
-            error: buildError(BuildError.LINE_CHART_NO_DATA),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', dataError);
-        error = dataError;
-    }
-    if (data && data.length === 1) {
-        const singlePointError = {
-            error: buildError(BuildError.LINE_CHART_SINGLE_POINT),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', singlePointError);
-        error = singlePointError;
-    }
-    return { error };
-};
-export const validateCanvasDimensions = ({ canvasWidth, canvasHeight, addError, }) => {
-    let error = undefined;
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        const canvasError = {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', canvasError);
-        error = canvasError;
-    }
-    return { error };
-};
-export const validateYTickValues = ({ yTickValues, addError }) => {
-    let error = undefined;
-    if (yTickValues) {
-        const hasInsufficientTicks = yTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = yTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(yTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXTickValues = ({ xTickValues, addError }) => {
-    let error = undefined;
-    // Validate X-axis tick values
-    if (xTickValues) {
-        if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-            const xTickError = {
-                error: buildError(BuildError.INVALID_X_TICK),
-            };
-            addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
-            error = xTickError;
-        }
-        const hasInsufficientTicks = xTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = xTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(xTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXCoordinates = ({ xCoordinates, addError }) => {
-    let error = undefined;
-    if (xCoordinates.x1 === xCoordinates.x2) {
-        const xAxisError = {
-            error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-        error = xAxisError;
-    }
-    return { error };
-};
-export const validateYCoordinates = ({ yCoordinates, addError }) => {
-    let error = undefined;
-    if (yCoordinates.y1 === yCoordinates.y2) {
-        const yAxisError = {
-            error: buildError(BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-        if (!error) {
-            error = yAxisError;
-        }
-    }
-    return { error };
-};
+const e=require(`../../../utils/buildErrors/buildErrors.js`),t=require(`../../constants/chartDefaults.js`);exports.validateCanvasDimensions=({canvasWidth:t,canvasHeight:n,addError:r})=>{let i;if(t<=0||n<=0){let a={error:e.buildCanvasDimensionsError(t,n)};r?.(`LINE_CHART_CONTEXT_ERROR`,a),i=a}return{error:i}},exports.validateData=({data:t,addError:n})=>{let r;if(!t||t.length===0){let t={error:e.buildError(e.BuildError.LINE_CHART_NO_DATA)};n?.(`LINE_CHART_CONTEXT_ERROR`,t),r=t}if(t&&t.length===1){let t={error:e.buildError(e.BuildError.LINE_CHART_SINGLE_POINT)};n?.(`LINE_CHART_CONTEXT_ERROR`,t),r=t}return{error:r}},exports.validateXCoordinates=({xCoordinates:t,addError:n})=>{let r;if(t.x1===t.x2){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH)};n?.(`LINE_CHART_X_AXIS_ERROR`,t),r=t}return{error:r}},exports.validateXTickValues=({xTickValues:n,addError:r})=>{let i;if(n){if((n??[]).some(({position:e})=>isNaN(e))){let t={error:e.buildError(e.BuildError.INVALID_X_TICK)};r?.(`LINE_CHART_CONTEXT_ERROR`,t),i=t}let a=n.length<t.AXIS_VALIDATION.MIN_TICK_COUNT,o=n.length>=t.AXIS_VALIDATION.MIN_TICK_COUNT&&new Set(n.map(e=>e.value)).size===t.AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;if(a){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS)};r?.(`LINE_CHART_X_AXIS_ERROR`,t),i||=t}if(o){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES)};r?.(`LINE_CHART_X_AXIS_ERROR`,t),i||=t}}return{error:i}},exports.validateYCoordinates=({yCoordinates:t,addError:n})=>{let r;if(t.y1===t.y2){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH)};n?.(`LINE_CHART_Y_AXIS_ERROR`,t),r||=t}return{error:r}},exports.validateYTickValues=({yTickValues:n,addError:r})=>{let i;if(n){let a=n.length<t.AXIS_VALIDATION.MIN_TICK_COUNT,o=n.length>=t.AXIS_VALIDATION.MIN_TICK_COUNT&&new Set(n.map(e=>e.value)).size===t.AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;if(a){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS)};r?.(`LINE_CHART_Y_AXIS_ERROR`,t),i||=t}if(o){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES)};r?.(`LINE_CHART_Y_AXIS_ERROR`,t),i||=t}}return{error:i}};

package/dist/cjs/charts/pieChart/context/buildPieContextValue.js

@@ -1,57 +1 @@
-import { Children, isValidElement } from 'react';
-import { buildCanvasDimensionsError } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { CHART_CANVAS_DEFAULTS } from '../../constants/chartDefaults';
-import { PieChartPath } from '../fragments/pieChartPath';
-/**
- * Builds the context value for the PieChart component.
- *
- * @param {BuildPieContextValueProps} props - The props for building the context value.
- * @returns {Omit<PieChartContextType, 'canvasHeight' | 'canvasWidth' | 'data'>} The context value.
- */
-export const buildPieContextValue = ({ addError, canvasHeight, canvasWidth, children, halfChart, }) => {
-    // Validate canvas dimensions
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        addError?.('PIE_CHART_CONTEXT_ERROR', {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        });
-    }
-    // Use safe canvas dimensions with defaults if invalid
-    const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : CHART_CANVAS_DEFAULTS.SAFE_WIDTH;
-    const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT;
-    // Use the min inner radious of the paths to calculate the size
-    let minRadius = undefined;
-    let foreignObjectSize = undefined;
-    Children.forEach(children, (child) => {
-        if (!isValidElement(child)) {
-            return;
-        }
-        if (child.type === PieChartPath) {
-            const { innerRadius } = child.props;
-            if (!innerRadius) {
-                return;
-            }
-            const parsedInnerRadius = parseStringToNumberPx(innerRadius);
-            if (!minRadius || parsedInnerRadius < minRadius) {
-                minRadius = parsedInnerRadius;
-            }
-        }
-    });
-    if (minRadius) {
-        foreignObjectSize = minRadius * 2;
-    }
-    const sizeFixed = foreignObjectSize ?? 0;
-    const height = halfChart ? sizeFixed / 2 : sizeFixed;
-    const width = sizeFixed;
-    const x = safeCanvasWidth / 2;
-    const y = halfChart ? safeCanvasHeight : safeCanvasHeight / 2;
-    return {
-        addError,
-        foreignObject: {
-            height,
-            width,
-            x: x - width / 2,
-            y: halfChart ? y - height : y - height / 2,
-        },
-    };
-};
+const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/buildErrors.js`),n=require(`../../constants/chartDefaults.js`),r=require(`../fragments/pieChartPath.js`);let i=require(`react`);exports.buildPieContextValue=({addError:a,canvasHeight:o,canvasWidth:s,children:c,halfChart:l})=>{(s<=0||o<=0)&&a?.(`PIE_CHART_CONTEXT_ERROR`,{error:t.buildCanvasDimensionsError(s,o)});let u=s>0?s:n.CHART_CANVAS_DEFAULTS.SAFE_WIDTH,d=o>0?o:n.CHART_CANVAS_DEFAULTS.SAFE_HEIGHT,f,p;i.Children.forEach(c,t=>{if((0,i.isValidElement)(t)&&t.type===r.PieChartPath){let{innerRadius:n}=t.props;if(!n)return;let r=e.parseStringToNumberPx(n);(!f||r<f)&&(f=r)}}),f&&(p=f*2);let m=p??0,h=l?m/2:m,g=m,_=u/2,v=l?d:d/2;return{addError:a,foreignObject:{height:h,width:g,x:_-g/2,y:l?v-h:v-h/2}}};

package/dist/cjs/charts/pieChart/context/pieChartContext.js

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

package/dist/cjs/charts/pieChart/fragments/pieChartForeign.js

@@ -1,13 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ForeignObject } from '../../../components/foreignObject/foreignObject';
-import { PieChartContext } from '../context/pieChartContext';
-export const PieChartForeign = ({ children, dataTestId: childDataTestId, height: childHeight, width: childWidth, x: childX, y: childY, ...props }) => {
-    const { dataTestId: canvasDataTestId, foreignObject } = useContext(PieChartContext);
-    const width = !childWidth && foreignObject?.width ? foreignObject.width : childWidth;
-    const height = !childHeight && foreignObject?.height ? foreignObject.height : childHeight;
-    const x = !childX && foreignObject?.x ? foreignObject.x : childX;
-    const y = !childY && foreignObject?.y ? foreignObject.y : childY;
-    const dataTestId = !childDataTestId && canvasDataTestId ? `${canvasDataTestId}-foreign-object` : childDataTestId;
-    return (_jsx(ForeignObject, { ...props, dataTestId: dataTestId, height: height, width: width, x: x, y: y, children: children }));
-};
+const e=require(`../../../components/foreignObject/foreignObject.js`),t=require(`../context/pieChartContext.js`);let n=require(`react`),r=require(`react/jsx-runtime`);exports.PieChartForeign=({children:i,dataTestId:a,height:o,width:s,x:c,y:l,...u})=>{let{dataTestId:d,foreignObject:f}=(0,n.useContext)(t.PieChartContext),p=!s&&f?.width?f.width:s,m=!o&&f?.height?f.height:o,h=!c&&f?.x?f.x:c,g=!l&&f?.y?f.y:l,_=!a&&d?`${d}-foreign-object`:a;return(0,r.jsx)(e.ForeignObject,{...u,dataTestId:_,height:m,width:p,x:h,y:g,children:i})};

package/dist/cjs/charts/pieChart/fragments/pieChartPath.js

@@ -1,63 +1 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { useContext, useEffect, useRef } from 'react';
-import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError, } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { PieChartContext } from '../context/pieChartContext';
-import { buildAriaLabel } from '../utils/accessibility';
-import { PieChartSegment } from './pieChartSegment';
-/**
- * Renders the path for a pie chart.
- *
- * @component
- * @param {PathProps} props - The props for the PieChartPath component.
- * @param {string} props.dataKey - The key for the data to be rendered.
- * @param {number} props.innerRadius - The inner radius of the pie chart.
- * @param {number} props.gap - The gap between segments in the pie chart.
- * @param {number} props.radius - The radius of the pie chart.
- * @returns {ReactElement} The rendered PieChartPath component.
- */
-export const PieChartPath = ({ ariaLabel: deprecatedAriaLabel, ['aria-label']: ariaLabel, dataKey, fill, gap, innerRadius, radius, ...props }) => {
-    const key = String(dataKey);
-    const { addError, canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
-    const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
-    const startAngle = useRef(chartInitAngle);
-    // Extract data for this key to optimize useEffect dependencies
-    const dataArray = data[key];
-    const hasDataKey = Object.prototype.hasOwnProperty.call(data, key);
-    // Path error validations
-    useEffect(() => {
-        // Validate dataKey exists in dataset
-        if (!hasDataKey) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildPieDataKeyNotFoundError(key),
-            });
-            return;
-        }
-        // Validate data array exists and is not empty
-        if (!dataArray || dataArray.length === 0) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildEmptyDataArrayError(key),
-            });
-            return;
-        }
-        // Calculate total and validate
-        const calculatedTotal = dataArray.reduce((acc, group) => acc + group.value, 0);
-        if (calculatedTotal <= 0 || isNaN(calculatedTotal)) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildInvalidTotalError(key, calculatedTotal),
-            });
-        }
-    }, [dataArray, hasDataKey, key]);
-    const total = data[key]?.reduce((acc, group) => acc + group.value, 0);
-    const singleStroke = data[key]?.length === 1;
-    const parsedInnerRadius = innerRadius ? parseStringToNumberPx(innerRadius) : undefined;
-    const parsedRadius = radius ? parseStringToNumberPx(radius) : undefined;
-    return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, ariaLabel: buildAriaLabel({
-                ariaLabel: ariaLabel || deprecatedAriaLabel,
-                dataKey: key,
-                index: index,
-                groupName: group.name,
-                groupValue: group.value,
-            }), canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
-};
+const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/charts/buildPieChartErrors.js`),n=require(`../context/pieChartContext.js`),r=require(`../utils/accessibility.js`),i=require(`./pieChartSegment.js`);let a=require(`react`),o=require(`react/jsx-runtime`);exports.PieChartPath=({ariaLabel:s,"aria-label":c,dataKey:l,fill:u,gap:d,innerRadius:f,radius:p,...m})=>{let h=String(l),{addError:g,canvasHeight:_,canvasWidth:v,data:y,dataTestId:b,halfChart:x}=(0,a.useContext)(n.PieChartContext),S=(0,a.useRef)(x?0:-Math.PI/2),C=y[h],w=Object.prototype.hasOwnProperty.call(y,h);(0,a.useEffect)(()=>{if(!w){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildPieDataKeyNotFoundError(h)});return}if(!C||C.length===0){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildEmptyDataArrayError(h)});return}let e=C.reduce((e,t)=>e+t.value,0);(e<=0||isNaN(e))&&g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildInvalidTotalError(h,e)})},[C,w,h]);let T=y[h]?.reduce((e,t)=>e+t.value,0),E=y[h]?.length===1,D=f?e.parseStringToNumberPx(f):void 0,O=p?e.parseStringToNumberPx(p):void 0;return y[h]?.length?(0,o.jsx)(`g`,{children:y[h].map((e,t)=>(0,a.createElement)(i.PieChartSegment,{...m,...e,key:`${t.toString()}`,ariaLabel:r.buildAriaLabel({ariaLabel:c||s,dataKey:h,index:t,groupName:e.name,groupValue:e.value}),canvasHeight:_,canvasWidth:v,color:e.color||u,dataKey:h,dataTestId:`${b}path-${t}`,gap:d,halfChart:x,index:t,innerRadius:D,radius:O,singleStroke:E,startAngle:S,total:T}))}):(0,o.jsx)(o.Fragment,{})};